Навигация по сайту: 7 основных лучших практик для пользователей и SEO

Используйте эти лучшие практики навигации по сайту, чтобы обеспечить эффективный способ для пользователей и поисковых систем находить ваш контент.

автор: Benj Arriola

Хорошая навигация по сайту, выполненная правильно, отлично работает как для пользователей, так и для SEO.

Эффективная навигация по сайту позволяет посетителям легко находить нужную информацию, а поисковым роботам – беспрепятственно сканировать сайт. Результат: больше конверсий и лучшая видимость в поиске.

Но как это реализовать на практике? Используя следующие лучшие практики организации навигации по сайту.

Что такое навигация по сайту?

Навигация по сайту (также внутренняя структура ссылок) – это ссылки внутри вашего сайта, которые связывают страницы. Основная цель навигации по сайту – помочь пользователям легко находить контент на вашем сайте.

Поисковые системы используют навигацию по сайту, чтобы обнаруживать и индексировать новые страницы. Ссылки помогают поисковым системам понять контент и контекст целевой страницы, а также взаимосвязи между страницами.

Пользователи прежде всего. Это основополагающая цель навигации по сайту, которую вы всегда должны помнить.

Сначала удовлетворите пользователей. Сделайте навигацию простой. Затем оптимизируйте для поисковых систем, не нанося ущерба пользовательскому опыту.

Остаток этой главы будет посвящен более широкому обзору лучших практик навигации по сайту, рассматривающему различные ситуации с внутренними ссылками, которые могут вызвать проблемы для посетителей сайта и поисковых систем.

Эта тема будет особенно актуальной и важной для тех, кто работает над крупными сайтами.

Навигация по сайту и иерархия контента

Когда вы ходите по продуктовому магазину, проходы промаркированы общими категориями отделов, а на самих полках указаны более детальные подкатегории.

И то, и другое обеспечивает эффективный способ навигации по большому объему контента.

Иерархии контента существуют для упрощения процесса поиска контента. Когда существует огромное количество контента, его можно разбить на несколько широких категорий.

В рамках этих широких категорий можно создать еще более узкие классификации; это формирует различные иерархические уровни, по которым пользователи могут легко ориентироваться.

Использование иерархий контента организует страницы сайта таким образом, который имеет смысл для пользователя и поисковой системы.

Важность иерархий контента и навигации по сайту

Категоризация и подкатегоризация контента помогают страницам улучшить позиции по общим запросам и конкретным длинным хвостам.

Проблемы, вызванные иерархиями контента

Категоризация контента и построение иерархий создают контент-силосы, кластеры тесно связанных тем. Google будет сканировать разные страницы с разной частотой, следуя ссылкам с разных сайтов.

Некоторые контент-силосы популярнее других. Эти страницы могут получать больше внешних ссылок и трафика, чем другие, и, как следствие, занимать более высокие позиции в органической выдаче.

Когда контент слишком сильно разделен на силосы и не получает ссылок и трафика, он может показывать худшую эффективность – даже если другие ваши контент-силосы работают отлично.

Здесь на сцену выходит горизонтальное связывание.

Насколько релевантные ссылки помогают с ранжированием, настолько отсутствие перекрестных ссылок между контент-силосами может нанести ущерб общим позициям.

Всегда есть способы создать связи, горизонтально соединяющие категории друг с другом. Уже сам факт принадлежности всех страниц к одному сайту указывает, что эти страницы не совершенно нерелевантны друг другу.

Пункты действий: связывание между категориями контента

  • Категоризируйте контент таким образом, чтобы сформировать иерархию категорий, которая имеет смысл для пользователя, и правильно связывайте эти страницы, двигаясь по иерархии вверх и вниз. Это большинство ссылок.
  • Создавайте перекрестные ссылки между страницами из разных категорий, которые тем не менее имеют сходства.

Ссылки между страницами продуктов и контент-маркетинга

Компании, продающие более одного продукта или услуги, будут делать все вышеупомянутое по категоризации страниц, созданию контент-силосов и связыванию их.

Однако многие SEO и контентные команды также создают материалы, предназначенные быть привлекательными и предназначенными для разделения. Зачастую это приходит в форме блога, с постами, содержащими ссылки на конкретные продукты и услуги.

Посты в блоге могут быть полезны, поскольку направляют больше трафика на страницы продуктов. Однако многие сайты не добавляют обратные ссылки со страниц продуктов на страницы блога.

Использование такого горизонтального связывания помогает информировать пользователей о вашем продукте или услуге и улучшает SEO.

Пункты действий: ссылки между страницами продуктов и контента

  • Страницы продуктов также должны ссылаться обратно на связанные страницы контент-маркетинга. Это могут быть посты в блоге, часто задаваемые вопросы и руководства по продуктам.

Навигация по сайту с использованием эффектов JavaScript

Иногда ссылки и веб-страницы написаны на JavaScript. Это проблема, потому что поисковые системы с трудом находят внутренние ссылки, созданные на JavaScript.

Хотя за последние годы Google улучшил способность читать JavaScript, SEO-специалисты пришли к выводу, что результаты непостоянны.

Другие поисковые системы по-прежнему не умеют читать JavaScript. Это означает, что при сканировании контента ваши внутренние ссылки могут быть полностью потеряны.

Мир SEO разделился по поводу практичности использования JavaScript.

  • С одной стороны, некоторые SEO-эксперты вообще избегают JavaScript.
  • С другой стороны, веб-дизайнеры и специалисты по юзабилити утверждают, что JavaScript необходим для пользовательского опыта.

Я считаю, что существует золотая середина, где JavaScript можно использовать, избегая любых проблем с SEO.

Ссылки, которые отображают и скрывают контент, уже находящийся на странице

JavaScript можно использовать для отображения и скрытия определенного контента на странице, фактически не меняя страницу. В этом случае весь ваш контент предварительно загружается на страницу.

При этом поисковые системы по-прежнему могут сканировать весь ваш контент, даже если часть его скрыта. Это успешно только когда количество скрытого контента остается небольшим; это может стать проблематичным, когда вся страница меняется, но URL остается прежним.

Проблемы возникают из-за того, что когда на одном URL скрыто слишком много контента, это размывает контент-фокус, о чем эта страница.

Пункты действий: ссылки, которые отображают и скрывают контент

  • Для небольшого количества контента уберите тег якоря и замените его обработчиком события onclick в JavaScript.
    • Используйте CSS для управления курсором и смены стрелки на руку-указатель.
  • Для большого количества контента, включая одностраничные сайты с параллакс-прокруткой, не весь контент должен предзагружаться.
    • Предзагружайте только контент, напрямую относящийся к URL.
    • Для всех тегов якоря должны быть значение href и настройка onclick.
      • Это значение href ведет к новому URL, который предзагружает только контент, относящийся к этому новому URL.
      • Функция onclick предотвратит загрузку нового URL, но позволит загрузить контент из целевого URL.
      • Используйте функцию pushState для обновления URL, даже если эта страница не загрузилась.

Более подробное представление того, как это может быть конкретно реализовано на веб-сайтах, хорошо объяснено в этой презентации, проведенной в seoClarity в 2016 году.

Эта презентация подробно рассматривает AngularJS, популярный фреймворк JavaScript, и проблемы с его SEO, а также способы их решения. Тем не менее, уроки здесь также применимы к практически любому фреймворку JavaScript.

Использование отслеживающих параметров в URL

Эксперты по удобству использования и специалисты по оптимизации конверсий отслеживают поведение пользователей разными способами. Иногда это включает использование отслеживающих параметров в URL-адресах на сайте.

Это вызывает проблемы с дублированием контента из-за ссылок на разные URL-адреса с точно таким же содержанием. Это можно решить несколькими способами.

Действия: Отслеживающие параметры в URL

  • Избегайте использования отслеживающих параметров в URL-адресе. Вместо этого отслеживайте их с помощью обработчиков событий onclick с использованием JavaScript на ссылках, которые будут передавать те же отслеживающие параметры. Если используется Google Analytics, это можно сделать с помощью отслеживания событий.
  • Всегда использование канонического тега, ссылающегося на сам себя, – это хорошая практика, чтобы избежать многих видов проблем с дублированием контента.

Приоритет первой ссылки

Страница, содержащая две или более ссылки, ведущие на один и тот же URL, предположительно вызывает проблемы при индексации поисковыми системами, где учитывается только первая ссылка, а дублирующаяся ссылка игнорируется.

Это обсуждалось на форумах и тестировалось в 2008 году несколькими людьми, включая Рэнда Фишкина и меня самого.

Несколько вещей, которые стоит упомянуть:

  • В 2014 году Мэтт Каттс, бывший руководитель команды по борьбе с спамом в Google, заявил, что это больше не проблема. Я еще не тестировал это снова, и я не видел, чтобы другие SEO-специалисты тестировали это недавно.
  • Когда это впервые было протестировано и обнаружено как проблема, была версия HTML 4.1, XHTML 1.1 был на подъеме, и HTML 5 еще не существовал. Сегодня существует HTML 5 с тегами, такими как <header>, <article> и <sidebar>. Возможно, на этот раз Google обрабатывает ссылки в тегах заголовка, боковой панели и статьи.

Проблемы SEO, возникающие из-за приоритета первой ссылки

Верхнее меню навигации и левая боковая панель часто идут первыми в исходном коде перед основным контентом. Кроме того, навигационные элементы в этих меню часто имеют короткий якорный текст. Они обычно ориентированы не столько на ключевые слова, сколько на дизайн.

Ссылки в основном содержании страницы, как правило, ориентированы на ключевые слова, с окружающим контентом, поддерживающим ключевое слово. Они также более гибки по длине, с более длинным, более конкретным якорным текстом; эти более длинные тексты увеличивают разнообразие ключевых слов, по которым страница может потенциально ранжироваться. Однако из-за проблем с приоритетом первой ссылки эти ссылки часто упускаются поисковыми системами.

Действия: Проблема приоритета первой ссылки

Рассмотрите порядок кода. Придайте приоритет основному контенту перед боковой и верхней навигацией. CSS можно использовать для управления направлением плавающего элемента, слева направо или справа налево, чтобы боковая навигация загружалась после основного контента. Верхнюю панель навигации можно управлять с абсолютным позиционированием.

Обработка навигации на крупных веб-сайтах

Для крупных веб-сайтов (тех, у которых сотни тысяч или миллионы страниц) навигация по веб-сайту может быть огромной проблемой.

Естественная навигация по сайту в рамках категоризированных меню, как правило, ведет ко всем страницам сайта, и XML-карта сайта может помочь проиндексировать все страницы.

Однако отсутствие внутренних перекрестных ссылок между контентными силосами может создавать расстояние между страницами.

На крупном сайте может быть сложно выявить все возможные ссылки между страницами продуктов и соответствующими страницами маркетинга продуктов.

Некоторые разделы крупных сайтов могут не получать достаточно ссылочной любви от других страниц.

Кроме того, другие проблемы, такие как приоритет первой ссылки и проблемы с JavaScript, могут быть трудными для обнаружения среди миллионов страниц.

Вот три решения для этих проблем:

  1. Делегирование разным отделам

Крупные компании имеют пропорционально большие веб-сайты с несколькими сотрудниками, принадлежащими к разным отделам. Многие отделы могут соответствовать разным разделам веб-сайта.

Убедитесь, что все, кто занимается поддержанием разных разделов веб-сайта, следуют одним и тем же принципам и практикам SEO. Затем распределите труд по оптимизации навигации по всему веб-сайту.

2. Используйте инструменты или создайте их

Автоматизация всегда делает ручные процессы более масштабируемыми. Если у вас нет собственного инструмента, возможно, нет единственного инструмента, который бы идентифицировал и исправлял все вышеупомянутые проблемы.

Инструменты для анализа веб-сайтов, такие как Xenu, Screaming Frog, DeepCrawl или Botify, могут проанализировать ваши существующие ссылки, определить проблемы и предоставить описание архитектуры сайта.

Если вы хотите визуализировать архитектуру сайта, инструменты вроде DynoMapper и PowerMapper могут помочь в этом.

Инструменты для исследования ссылок, такие как Open Site Explorer от Moz, Ahrefs, Majestic, Sistrix, LRT и CognitiveSEO, могут проанализировать, какие страницы получают наибольшее количество внешних обратных ссылок, а затем добавлять перекрестные ссылки с этих страниц, ведущих к более важным страницам сайта.

Проприетарный инструмент, который мы используем, автоматизирует процесс сканирования страницы и определения того, какие страницы ссылаются друг на друга.

3. Используйте поэтапный подход

У крупных веб-сайтов не всегда есть большие команды, стоящие за ними, чтобы распределять работу по оптимизации страниц. Если нет достаточно ресурсов, можно создать свои собственные инструменты для упрощения этого процесса.

Если эти инструменты не предоставляют необходимой помощи, рассмотрите поэтапный подход. Это предполагает работу над одним разделом за раз с расписанием оптимизации. Это процесс пошагового действия и может занять больше времени, но полагаться на метрики, такие как органический поиск, поможет вам определить, что оптимизировать первым.

7 ключевых выводов

  1. Пользователи на первом месте: Навигация вашего веб-сайта должна сначала удовлетворять пользователей. Затем оптимизируйте свою навигацию для SEO. Никогда не жертвуйте пользовательским опытом.
  2. Перекрестные ссылки между силосами контента: Релевантность контента между страницами важна для ранжирования и естественна в хорошо категоризированной иерархической архитектуре сайта. Однако это может иметь ограничения, когда отсутствует перекрестная ссылка между силосами контента, где некоторые страницы слишком глубоко или слишком далеко от получения достаточного количества ссылочного веса из других источников.
  3. От блогов к продуктам, от продуктов к блогам: Создавайте высококачественный контент, который полезен и релевантен вашей целевой аудитории. Если эти блог-посты помогают принимать решение о покупке продукта, то добавляйте ссылку на блог-пост с соответствующей страницы продукта(ов).
  4. Параметры отслеживания: Избегайте их использования; используйте обработчик событий onClick на ссылках для целей отслеживания. Всегда безопасно иметь самореференцирующий канонический тег.
  5. JavaScript-ссылки: Избегайте использования JavaScript для написания контента и ссылок. Если нет другого способа, есть методы, чтобы сделать это работающим.
  6. Приоритет первой ссылки: Идеально, основное содержание идет первым. Затем идет боковая панель, за которой следует верхняя панель. В конце концов, обрабатывается нижний колонтитул. Для окончательного утверждения действительности этой проблемы требуется дополнительное тестирование, но не повредит придерживаться этого метода.
  7. Крупные веб-сайты: Тысячи или миллионы страниц сложно выполнить все вышеописанное. Делегируйте работу команде, автоматизируйте задачи с помощью инструментов или решайте проблемы по одной.