Хлебные крошки — на английском «breadcrumbs» — термин, обозначающий навигационную цепочку на сайте. Обычно отображает страницу, на которой находится пользователь, и показывает путь к ней.⠀
Название «хлебные крошки» — отсылка к немецкой сказке братьев Гримм, в которой дети пытались найти обратную дорогу из леса по оставленным ими хлебным крошкам. ⠀
Хлебные крошки важны, так как они повышают удобство навигации по сайту, делают его структуру понятным и улучшают представления сниппета в результатах поиска. ⠀
Для того чтобы правильно создавать хлебные крошки, необходимо учитывать ряд требований:
🔶Текущее положение пользователя нужно делать некликабельным;
🔶Хлебные крошки лучше размещать в привычным для пользователя месте — например, под структурным меню веб-ресурса;
🔶На главной странице не должно быть хлебных крошек;
Хлебные крошки должны содержать все промежуточные страницы;
🔶Для отображения навигационной системы в поисковых системах необходимо выполнять микроразметку хлебных крошек.
Пример из жизни — навигация сайта бытовой техники:
Главная -> Каталог -> Стиральные машины -> Bosch. ⠀
Микроразметка осуществляется путем добавления специальных HTML-атрибутов, которые сообщают поисковым роботам к какому типу контента относится элемент. Используйте популярный словарь разметки — Schema.org. Его поддерживают все поисковые системы.⠀
Для оформления хлебных крошек рекомендуется использовать такие форматы микроразметки — Microdata и RDFa.⠀
Если на вашем сайте больше двух уровней вложенности страниц, настоятельно рекомендуем воспользоваться хлебными крошками, чтобы сделать ваш ресурс более оптимальным для поисковиков и удобным для пользователя.
Познакомьтесь бесплатно с веб-разработкой прямо сейчас.
Пройдите тренажёры по HTML, CSS, JavaScript и PHP, и соберите свой первый сайт.