Что такое хлебные крошки

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

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

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

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

Для чего нужны хлебные крошки:

Упростить пользователю навигацию по сайту и понимание структуры сайта.
Дать дополнительный сигнал для поисковой системы для правильного определения структуры сайта.
Сформировать грамотную перелинковку, когда на страницы с более высоким уровнем вложенности ссылается больше других страниц.
Сформировать легкочитаемые сниппеты в результатах выдачи поисковых систем (поисковая система при наличии хлебных крошек выводит их в сниппете).
Способствовать правильной передаче анкорного веса (например, хлебная крошка «Антивирусы для ноутбуков», ведущая на определённую страницу, даёт сигнал поисковой системе, что на этой странице размещена информация, релевантная запросу «Антивирусы для ноутбуков»).

Правила построения хлебных крошек для множества страниц сайта (в общем случае):

Для страниц категорий каталога:

Главная -> {Название категории уровня 1} -> … -> {Название категории уровня n}

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

Для карточек товаров:

Главная -> {Название категории уровня 1} -> … -> {Название категории уровня n} -> {Название товара}

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

Для остальных страниц:

Главная -> {Название раздела уровня 1} -> … -> {Название раздела уровня n}

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