Что такое хлебные крошки
Коротко
Хлебные крошки — это цепочка ссылок над заголовком страницы, которая показывает путь от главной до открытой страницы. По ней видно, в каком разделе и подразделе находится человек, и в один клик можно подняться на уровень выше.
Что показывает навигационная цепочка
Цепочка выстраивается по структуре сайта, а не по пути, которым человек пришёл. Если покупатель попал на страницу пылесоса из поиска или по рекламе, крошки всё равно покажут: Главная → Каталог → Бытовая техника → Пылесосы. Так посетитель понимает, где он и что есть рядом.
Название пришло из сказки про детей, которые бросали за собой крошки, чтобы найти дорогу назад. На сайте крошки делают то же самое: дают дорогу от глубокой страницы к разделам, из которых пришли.
Какие бывают виды
- Иерархические — отражают структуру сайта: раздел, подраздел, страница. Самый частый вид, и на нём строится вся навигация магазина, каталога услуг и блога.
- Атрибутивные — показывают путь через характеристики товара, например цвет, бренд или размер в фильтре магазина.
- Исторические — повторяют путь переходов конкретного человека по сайту. Используются редко: следующему посетителю чужой маршрут ничего не объясняет.
- С выпадающим списком — у пункта цепочки открывается список соседних страниц раздела, чтобы перейти сразу к нужной, не заходя в каталог.
Где ставить и как выглядеть
Обычное место — верхняя часть страницы, сразу под основным меню и над заголовком. Так цепочка видна с первого экрана, и человек замечает её раньше, чем начнёт искать выход.
На главной странице крошки не ставят: это начало пути, и показывать дорогу к самой себе незачем. Последний пункт цепочки — открытая страница — ссылкой не делают: клик по нему перезагрузит ту же страницу и запутает. Остальные пункты — настоящие ссылки в теге <a href>, а не просто текст: только тогда по ним можно перейти и по ним ходят поисковые роботы.
Зачем они бизнесу
Первое — навигация. Человек попал на карточку товара по длинному запросу, понял, что модель не та, и по крошкам вернулся в раздел смотреть другие. Без цепочки он закрывает вкладку и уходит к конкурентам.
Второе — поиск. Крошки связывают страницы внутренними ссылками и показывают поисковику иерархию сайта. Новая страница, на которую ведут сквозные ссылки, быстрее попадает в индекс.
Третье — выдача. Если цепочка размечена структурированными данными, поисковая система может показать её в сниппете вместо голого адреса страницы: человек видит, куда ведёт ссылка, и чаще по ней кликает.
Разметка и проверка
Разметку делают по Schema.org типом BreadcrumbList: каждый пункт цепочки — отдельный элемент со своей позицией и адресом. Тогда поисковик читает её не как набор слов, а как структуру.
Проверить, что получилось, можно в инструментах для вебмастеров Яндекса и Google: они показывают, видит ли поисковик разметку и нет ли в ней ошибок. Если разметки нет, цепочка на сайте работает, но в сниппете её может не быть.
Частые вопросы
Чем хлебные крошки отличаются от меню?
Меню показывает, куда можно пойти с любой страницы: все разделы сайта сразу. Крошки показывают один путь — от главной до открытой страницы и обратно. Они не заменяют меню, а дополняют его.
Нужны ли крошки на одностраничном сайте?
Нет. Если у сайта одна страница, показывать нечего: пути от главной до других разделов нет.
Обязательны ли крошки для поиска?
Нет, сайт работает и без них. Но цепочка помогает поисковику понять структуру и может попасть в сниппет, поэтому на каталогах, услуговых сайтах и в блогах её ставят почти всегда.
Почему последний пункт не делают ссылкой?
Он ведёт на страницу, которую человек уже открыл. Клик перезагрузит её и собьёт с толку. Последний пункт выделяют цветом или жирным шрифтом — так видно, где находится посетитель.
Что делать, если путь длиннее трёх-четырёх уровней?
Длинную цепочку сокращают: оставляют главную, один-два ключевых раздела и текущую страницу. На телефоне её можно показать одной строкой с прокруткой, но полный путь оставляют в коде и разметке, чтобы поисковик видел структуру.
Когда цепочка — часть работы над сайтом
Чтобы страницы находились и в поиске, и у покупателя
Крошки работают вместе со структурой сайта: страницы под запросы покупателей, внутренние ссылки между ними и разметка, по которой поисковик понимает иерархию. По одной цепочке заявок не прибавится — она помогает тем страницам, которые уже есть.
Я собираю поисковый спрос вашего рынка, раскладываю его по страницам услуг и статей и выпускаю их так, чтобы у каждой был свой адрес, заголовок и место в структуре сайта.