Что такое навигационные цепочки и почему они важны для SEO

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

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

навигационные цепочки

Что такое навигационные цепочки?

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

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

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

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

Разные виды

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

Этот тип навигационных цепочек встречается чаще всего. Навигация вроде этой подскажет, где в структуре сайта вы находитесь, и как много шагов вам нужно сделать, чтобы вернуться на главную страницу. Цепочка выглядит как-то вроде «Главная=>Блог=>Категория=>Имя записи».

Навигационная цепочка на основе иерархии

Навигационные цепочки на основе атрибутов возникают после того, как был сделан определенный выбор, например, при поиске товаров на сайте интернет-магазина. Например, «Главная=>Продуктовая категория=>ПолРазмер=>Цвет».

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

Навигационные цепочки на основе истории делают именно то, что написано – они задают порядок согласно действиям, которые вы совершали на сайте. Думайте о них как о замене кнопки «Назад» в браузере.

Такая навигационная цепочка могла бы выглядеть как: «Главная=>Предыдущая страница=>Предыдущая страница=>Предыдущая страница=>Текущая страница». Также возможна комбинация вроде изображенной на скриншоте сайта Macy:

Навигация на основе истории

Преимущества использования навигационных цепочек

Есть несколько преимуществ использования навигационных цепочек на сайте. Вкратце перечислим основные из них.

1. Цепочки нравятся Google

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

Таким образом, вид вашего сайта на странице поисковых результатов станет намного соблазнительнее для посетителей. Чтобы увеличить шансы показа этих цепочек в Google, нужно использовать структурированные данные или соответствующие плагины (например, Yoast SEO).

2. Они повышают удобство сайта для пользователей

Люди очень боятся заблудиться. Попав в новое место, они часто озираются в поиске узнаваемых объектов и ориентиров. То же самое верно для веб-сайтов. Вам нужно поддерживать удовлетворенность пользователей сайтом и максимально сглаживать острые углы.

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

3. Они уменьшают процент отказов

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

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

Вы же согласны, что лучше отправить посетителей на главную страницу, а не вернуть их к поиску Google?

Как добавить навигационные цепочки?

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

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

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

Чтобы добавить навигационную цепочку на сайт, нужно вставить следующий код в ту часть темы, где вы хотите увидеть такую навигацию:

<?php
if ( function_exists(‘yoast_breadcrumb’) ) {
yoast_breadcrumb( ‘</p><p id=”breadcrumbs”>’,'</p><p>’ );
}
?>

Этот код часто размещается в файлах single.php или page.php, прямо над заголовком страницы. Некоторые темы требуют вставку в конце файла header.php. Старайтесь не добавлять его в файл functions.php, чтобы не возникли непредвиденные сложности.

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

Хлебные крошки в yoast seo

Заключение

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

Посетители сразу же понимают, как работает структура сайта. Google любит «хлебные крошки» по той же причине. А плагины вроде Yoast SEO облегчают внедрение навигационных цепочек в сайт.

Подробнее: Структура сайта: полное руководство»

Оригинал статьи

 

Поделиться с друзьями
Эдуард Бунаков

Здравствуйте! Я специалист cms-систем, автор серии обучающих курсов по созданию сайтов на cms-Joomla, WordPress, интернет-магазинов на Opencart.

Оцените автора
( Пока оценок нет )
Добавить комментарий

Нажимая на кнопку "Отправить комментарий", я даю согласие на обработку персональных данных и принимаю политику конфиденциальности.