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

1. Что такое навигация по сайту?
2. Навигация по сайту и иерархия контента
3. Важность иерархий контента и навигации по сайту
4. Проблемы, вызванные иерархиями содержимого
5. Ссылки между страницами продуктов и контент-маркетинга
6. Навигация по сайту с использованием эффектов JavaScript
7. Ссылки, которые отображают и скрывают контент уже на странице
8. Использование параметров отслеживания в URL
9. Приоритет Первой Связи
10. Проблемы SEO, возникающие из-за приоритета первой ссылки
11. Управление навигацией на больших сайтах
12. 1. Делегировать в разные отделы
13. 2. Используйте инструменты или инструменты сборки
14. 3. Используйте поэтапный подход
15. 7 ключевых выносов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Проблемы, вызванные иерархиями содержимого

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ссылки, которые отображают и скрывают контент уже на странице

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

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

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

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

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

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

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

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

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

• Избегайте использования параметров отслеживания в URL. Вместо этого отслеживайте их с помощью обработчиков событий отслеживания JavaScript onclick для ссылок, которые будут передавать те же параметры отслеживания. Если вы используете 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, могут помочь в этом.

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

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

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

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

7 ключевых выносов

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

Кредиты изображений

Популярное изображение: DepositPhotos

Изображения в посте:

• Анимированные GIF по категориям и иерархии контента и SEO, а также страницы маркетингового контента и страницы продукта взяты из представленных автором презентаций PowerPoint.
• Первая ссылка Приоритетное изображение Рэнд Фишкин
• Все остальные изображения и анимированные GIF-файлы, созданные автором, апрель 2017 г.

Похожие

Комментарии