Хлебные крошки на сайте: SEO, UX и типовые ошибки
Хлебные крошки — цепочка ссылок «Главная → Раздел → Страница», которая показывает место документа в структуре сайта. Они помогают человеку не потеряться и роботу понять иерархию, а в выдаче иногда дополняют сниппет путём.
Сравниваем, когда крошки реально работают на SEO и заявку, а когда становятся декором. Каталог и фильтры — фильтры в каталоге; редизайн без потери — редизайн без потери SEO.
Что крошки делают на странице
Крошки решают три задачи сразу: показывают человеку, в каком разделе он оказался, дают роботу ссылки на промежуточные уровни каталога и иногда попадают в сниппет вместо длинного адреса страницы. Ту же цепочку дублируют разметкой BreadcrumbList — это машиночитаемое описание пути, которое поиск читает вместе с видимым блоком. Пока структура плоская, все три задачи закрывает обычное меню: поэтому спор о крошках всегда начинается с вопроса, насколько глубок каталог.
Когда крошки помогают
- Глубокий каталог: 3+ уровня вложенности, пользователь пришёл не с главной.
- Карточка товара или услуги с несколькими родительскими разделами в логике сайта.
- Сайт с пересекающимися рубриками — крошки фиксируют «канонический» путь.
- Мобильный каталог, где меню не показывает полный путь сразу.
- Страницы, куда ведёт контекстная реклама — быстрый выход на уровень выше.
Когда крошки — только шум
- Одностраничный landing без иерархии — «Главная → Landing» не добавляет смысла.
- Дублируют основное меню один в один на каждом экране.
- Путь в крошках не совпадает с URL и canonical — путаница для индекса.
- Последний пункт кликабелен и ведёт на ту же страницу — лишняя петля.
- На мобильном занимают полэкрана без сжатия длинных цепочек.
Каталог vs услуги: разная логика цепочки
| Тип сайта | Типовой путь | Ошибка |
|---|---|---|
| Интернет-магазин | Главная → Категория → Подкатегория → Товар | Пропущен уровень или лишний «Маркет» |
| Услуги B2B | Главная → Направление → Услуга | Каталожная глубина на одной услуге |
| Гибрид | Отдельные деревья для товаров и услуг | Один шаблон крошек на всё |
В выдаче путь из крошек иногда заменяет адрес страницы: вместо строки с латинскими сегментами читатель видит «Услуги › Кондиционеры › Монтаж». На коммерческом запросе это заметно — понятный путь рядом с ценой вытягивает клик у соседей по выдаче.
Крошки на мобильном экране
- Длинную цепочку сжимают до «… › Раздел › Текущая страница», а не выбрасывают целиком.
- Родительский уровень остаётся кликабельным: с карточки товара человек уходит в раздел одним касанием.
- Крошки не переносятся в три строки над заголовком — иначе H1 уезжает за пределы первого экрана.
- Если цепочку скрыли, на странице нужна другая кнопка «в раздел»: браузерная «назад» вернёт человека в рекламу, а не в каталог.
BreadcrumbList: что проверить в шаблоне
- Видимый путь на странице совпадает с JSON-LD по порядку и названиям.
- Каждый itemListElement имеет name и item (URL), кроме текущей страницы.
- Язык и регистр названий единообразны с H1 и меню.
- После редизайна — перепроверка в Rich Results Test.
- При смене структуры каталога — массовое обновление, не только главная.
Кто в проекте отвечает за крошки
UXКрошки не заменяют нормальное меню и кнопку «назад» в браузере. Это дополнительный ориентир — особенно когда пользователь пришёл с рекламы на глубокую карточку.
Частые вопросы
Обязательны ли хлебные крошки для SEO?
Не обязательны, но помогают: понятный путь в сниппете, внутренние ссылки на уровни каталога, сигнал структуры для робота. На глубоких каталогах — почти must-have.
Чем отличаются крошки для каталога и для услуг?
Каталог: Главная → Раздел → Подраздел → Товар. Услуги: часто плоская структура — крошки короче, иногда лишние. Не тащить каталожную глубину на landing услуги.
Нужна ли разметка BreadcrumbList?
Да, если крошки видны на странице: JSON-LD BreadcrumbList должен совпадать с видимым путём. Расхождение — риск ошибок в Search Console.
Скрывать крошки на мобильном?
Можно сжимать, но не удалять смысл: пользователь должен понять, где он, и вернуться на уровень выше одним тапом. Скрытые крошки без альтернативы «назад» — минус UX.