Зачем нужны хлебные крошки на сайте

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

Хлебные крошки отображают ту же суть, что и в известной сказке Братьев Гримм «Ганзель и Гретель».
В сказке крошки хлеба, разбросанные по дороге от дома к дремучему лесу, помогают детям не заблудиться и найти дорогу домой. Такой же смысл имеет цепочка на интернет-ресурсе, которая помогает пользователю определить текущее местоположение на сайте. Она, как правило, отображается в верхней части страницы.

Навигация на сайте

Зачем нужны хлебные крошки на сайте?

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

Теперь поговорим о другом типе навигации – дублирующей, или тех самых – хлебных крошках (Breadcrumbs — англ. термин).

Дублирующая навигация имеет две основные функции:

Развитие юзабилити сайта

  • Помогает определить пользователю текущее местоположение на сайте:
  • Обеспечивает понятную структуру и расположение страниц ресурса;
  • Демонстрирует структуру сайта;
  • Облегчает перемещение между разными уровнями вложенности. Вместе с тем, исключает необходимость нажимать кнопки «Вперед» и «Назад» в браузере.

Благоприятное влияние на SEO

  • Дает возможность сделать перелинковку с другими страницами сайта;
  • Упрощает навигацию, благодаря чему увеличиваются поведенческие показатели пользователей (время посещения, глубина просмотра);
  • Приводит в порядок внешний вид сниппета в выдаче, при условии, что вы выполнили разметку микроданных.

Виды хлебных крошек на сайте

Навигационная цепочка может быть оформлена по-разному. Самые распространенные:

Линейная

Отображает весь путь пользователя от главной страницы до текущего положения. Если на сайте чересчур длинная навигационная цепочка, она сокращается. В некоторых случаях главная страница не является отправной точкой. Пример линейной навигации на Amazon:

Amazon

Система «Назад»

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

Навигация

Линейная+система «Назад»

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

Навигация

Как расположить хлебные крошки по сайту

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

Навигация

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

Обсуждение закрыто.