Хлебные крошки на сайте: что это и зачем они нужны
Хлебные крошки (breadcrumbs) — элемент навигации в виде цепочки ссылок, показывающей путь от главной страницы до текущей. Обычно выглядят так: «Главная → Каталог → Входные двери → Дверь с терморазрывом».
Название пришло из сказки о детях, помечавших дорогу хлебными крошками. Смысл тот же: человек в любой момент понимает, где находится и как вернуться на уровень выше. Ниже — что это даёт поиску, где крошки обязательны и как их разметить.
Что они дают
- Ориентацию. Больше половины посетителей приходят из поиска сразу на внутреннюю страницу, минуя главную. Крошки — единственный элемент, который сразу объясняет им контекст.
- Возврат на уровень выше. Не нашёл нужную модель — вернулся в категорию и смотрит соседние. Без крошек человек уходит с сайта.
- Передачу веса по структуре. Каждая крошка — внутренняя ссылка. На большом каталоге это тысячи ссылок, укрепляющих категории.
- Понимание иерархии поиском. Робот видит, что страница относится к разделу, а раздел — к более общему.
- Улучшение сниппета. При правильной разметке вместо длинного адреса в выдаче показывается путь по разделам — он читается и повышает кликабельность.
Где нужны обязательно
Правило простое: чем глубже вложенность, тем нужнее. На сайте из пяти страниц крошки избыточны, на каталоге — необходимы.
- Интернет-магазины — каталог, категории, карточки товаров. Здесь крошки работают и как навигация, и как перелинковка.
- Сайты услуг с вложенными разделами — направление, услуга, подуслуга.
- Блоги с рубриками — путь от раздела к материалу.
- Любые сайты глубже трёх уровней — независимо от тематики.
Как оформить правильно
Ошибки в крошках однотипны и легко проверяются глазами.
- Цепочка отражает реальную структуру, а не историю переходов пользователя. Крошки — это карта сайта, а не кнопка «назад».
- Последний элемент — текущая страница и он не ссылка. Ссылка на саму себя сбивает и человека, и робота.
- Названия совпадают с названиями разделов. Если в меню «Входные двери», а в крошках «Двери входные» — это разные сущности для поиска.
- Крошки видны на телефоне. Длинную цепочку сокращают средними элементами, а не убирают целиком.
- Одна страница — одна цепочка. Если товар лежит в трёх категориях, выбирается основная, иначе появляются разные пути к одному адресу.
Микроразметка
Чтобы поиск показал путь в сниппете, цепочку размечают по схеме BreadcrumbList из словаря schema.org. Разметка сообщает: вот список элементов, у каждого есть позиция, название и адрес.
Практические детали, которые решают, сработает разметка или нет:
- позиции нумеруются подряд, начиная с первой, без пропусков;
- адреса указываются полными, а не относительными;
- у последнего элемента адрес можно не указывать — это текущая страница;
- размеченная цепочка должна совпадать с видимой на странице: расхождение считается попыткой обмануть выдачу.
Проверяется валидаторами разметки Яндекса и Google — они покажут ошибки до того, как их увидит робот. Разметка часто уже встроена в шаблон CMS, но включена не всегда, поэтому проверять стоит на реальной странице, а не в документации движка.
Коротко
- Хлебные крошки — цепочка ссылок от главной до текущей страницы.
- Они дают ориентацию пришедшим из поиска, возврат на уровень выше и перелинковку по структуре.
- При правильной разметке путь по разделам показывается в сниппете вместо адреса.
- Обязательны в магазинах, каталогах и на сайтах глубже трёх уровней.
- Цепочка отражает структуру сайта, а не историю переходов; последний элемент — не ссылка.
- Размечаются схемой BreadcrumbList; разметка должна совпадать с видимой цепочкой.
Приводим структуру и техническую базу сайта в порядок — поисковое продвижение сайтов.