Как улучшить навигацию по сайту: 7 основных рекомендаций

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

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

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

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

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

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

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

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

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

Если у вас есть основная информация о навигации по сайту, вы найдете эти сообщения SEJ полезными:

  • Рекомендации по структуре внутренних ссылок для повышения вашего SEO , Кори Моррис
  • Ваше основное руководство по связыванию внутреннего контента от Джулии Маккой

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

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

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

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

Оба обеспечивают эффективный способ навигации по большому количеству контента.

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

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

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

Архитектура внутренних ссылок и SEO

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

Разделение на категории и подкатегории контента помогает страницам повысить рейтинг по общим заголовкам и по конкретным терминам с длинным хвостом.

Категоризированные иерархии контента и SEO

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Внутренняя связь между страницами контент-маркетинга и страницами продуктовПредметы действий: установление связи между страницами продукта и страницами содержания

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

Иногда ссылки и веб-страницы пишутся на 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-адреса, даже если эта страница не загружалась.

Презентация AngularJS и SEO для ясности 16

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

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

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

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

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

Элементы действий: параметры отслеживания в URL-адресах

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

Приоритет первого звена

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

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

Приоритет первой ссылкиПриоритет первой ссылки, как показано на Moz, Рэнд Фишкин

Стоит упомянуть несколько вещей:

  • В 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.

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

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

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

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

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

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

  • Сначала пользователи:  навигация по вашему сайту должна удовлетворять пользователей. Затем оптимизируйте свою навигацию для повышения эффективности SEO. Никогда не ставьте под угрозу пользовательский опыт.
  • Перекрестные ссылки между разрозненными хранилищами контента:  релевантность контента между страницами важна для ранжирования, что естественно возникает в хорошо категоризированной иерархической архитектуре сайта. Однако это может иметь ограничения, когда отсутствует перекрестная связь между разрозненными хранилищами контента, где некоторые страницы слишком глубоки или слишком далеки от получения достаточного количества ссылочного веса из других источников.
  • Блоги в продукты, продукты в блоги:  создавайте высококачественный контент, который будет полезен и актуален для вашей целевой аудитории. Если эти сообщения в блоге помогают в принятии решения о покупке продукта, укажите ссылку на сообщение в блоге со страниц конкретного продукта.
  • Параметры отслеживания: не  используйте их; используйте обработчик событий onClick для ссылок в целях отслеживания. Всегда безопасно иметь канонический тег, ссылающийся на себя.
  • Ссылки JavaScript:  избегайте использования JavaScript для написания контента и ссылок. Если нет способа обойти это, есть способы заставить его работать.
  • Приоритет первой ссылки: в  идеале на первом месте стоит основной контент. Далее идет боковая панель, за которой следует верхняя панель. Наконец, обработайте нижний колонтитул. Необходимо дальнейшее тестирование, чтобы определить, действительно ли это все еще актуально, но не помешает придерживаться этого метода.
  • Огромные веб-сайты: на  тысячах и миллионах страниц сложно выполнить все вышеперечисленное. Делегируйте передачу в команду, автоматизируйте задачи с помощью инструментов или решайте проблемы по очереди.

Автор:Беня Арриола, все скриншоты сделаны автором

Обсудить и заказать можно через форму ниже

Как улучшить навигацию по сайту: 7 основных рекомендаций
Создание недорогих сайтов
Добавить комментарий