Веб-разработка

Хлебные крошки на сайте: SEO, UX и типовые ошибки

Хлебные крошки на сайте: SEO, UX и типовые ошибки

Хлебные крошки — цепочка ссылок «Главная → Раздел → Страница», которая показывает место документа в структуре сайта. Они помогают человеку не потеряться и роботу понять иерархию, а в выдаче иногда дополняют сниппет путём.

Сравниваем, когда крошки реально работают на SEO и заявку, а когда становятся декором. Каталог и фильтры — фильтры в каталоге; редизайн без потери — редизайн без потери SEO.

Что крошки делают на странице

Крошки решают три задачи сразу: показывают человеку, в каком разделе он оказался, дают роботу ссылки на промежуточные уровни каталога и иногда попадают в сниппет вместо длинного адреса страницы. Ту же цепочку дублируют разметкой BreadcrumbList — это машиночитаемое описание пути, которое поиск читает вместе с видимым блоком. Пока структура плоская, все три задачи закрывает обычное меню: поэтому спор о крошках всегда начинается с вопроса, насколько глубок каталог.

Когда крошки помогают

  • Глубокий каталог: 3+ уровня вложенности, пользователь пришёл не с главной.
  • Карточка товара или услуги с несколькими родительскими разделами в логике сайта.
  • Сайт с пересекающимися рубриками — крошки фиксируют «канонический» путь.
  • Мобильный каталог, где меню не показывает полный путь сразу.
  • Страницы, куда ведёт контекстная реклама — быстрый выход на уровень выше.

Когда крошки — только шум

  • Одностраничный landing без иерархии — «Главная → Landing» не добавляет смысла.
  • Дублируют основное меню один в один на каждом экране.
  • Путь в крошках не совпадает с URL и canonical — путаница для индекса.
  • Последний пункт кликабелен и ведёт на ту же страницу — лишняя петля.
  • На мобильном занимают полэкрана без сжатия длинных цепочек.

Каталог vs услуги: разная логика цепочки

Тип сайтаТиповой путьОшибка
Интернет-магазинГлавная → Категория → Подкатегория → ТоварПропущен уровень или лишний «Маркет»
Услуги B2BГлавная → Направление → УслугаКаталожная глубина на одной услуге
ГибридОтдельные деревья для товаров и услугОдин шаблон крошек на всё

В выдаче путь из крошек иногда заменяет адрес страницы: вместо строки с латинскими сегментами читатель видит «Услуги › Кондиционеры › Монтаж». На коммерческом запросе это заметно — понятный путь рядом с ценой вытягивает клик у соседей по выдаче.

Выдача по запросу «монтаж кондиционеров цена»: у двух сайтов в сниппете читаемый путь из крошек, у третьего — длинный технический адрес страницы.
Один запрос. У двух сайтов в сниппете читаемый путь, у третьего — набор символов.

Крошки на мобильном экране

  • Длинную цепочку сжимают до «… › Раздел › Текущая страница», а не выбрасывают целиком.
  • Родительский уровень остаётся кликабельным: с карточки товара человек уходит в раздел одним касанием.
  • Крошки не переносятся в три строки над заголовком — иначе H1 уезжает за пределы первого экрана.
  • Если цепочку скрыли, на странице нужна другая кнопка «в раздел»: браузерная «назад» вернёт человека в рекламу, а не в каталог.

BreadcrumbList: что проверить в шаблоне

  1. Видимый путь на странице совпадает с JSON-LD по порядку и названиям.
  2. Каждый itemListElement имеет name и item (URL), кроме текущей страницы.
  3. Язык и регистр названий единообразны с H1 и меню.
  4. После редизайна — перепроверка в Rich Results Test.
  5. При смене структуры каталога — массовое обновление, не только главная.

Кто в проекте отвечает за крошки

Четыре роли и их часть работы
Разработчик шаблонаСобирает цепочку из дерева разделов, а не прописывает её руками на каждой странице. Он же снимает ссылку с последнего пункта.
SEO-специалистСверяет видимый путь с адресами страниц и с разметкой BreadcrumbList. После релиза смотрит, что попало в сниппет.
Контент-менеджерДержит названия разделов короткими и одинаковыми в меню, в заголовках страниц и в крошках.
ДизайнерРешает, как цепочка ведёт себя на телефоне: где она сжимается и какой уровень остаётся кликабельным.

UXКрошки не заменяют нормальное меню и кнопку «назад» в браузере. Это дополнительный ориентир — особенно когда пользователь пришёл с рекламы на глубокую карточку.

Частые вопросы

Обязательны ли хлебные крошки для SEO?

Не обязательны, но помогают: понятный путь в сниппете, внутренние ссылки на уровни каталога, сигнал структуры для робота. На глубоких каталогах — почти must-have.

Чем отличаются крошки для каталога и для услуг?

Каталог: Главная → Раздел → Подраздел → Товар. Услуги: часто плоская структура — крошки короче, иногда лишние. Не тащить каталожную глубину на landing услуги.

Нужна ли разметка BreadcrumbList?

Да, если крошки видны на странице: JSON-LD BreadcrumbList должен совпадать с видимым путём. Расхождение — риск ошибок в Search Console.

Скрывать крошки на мобильном?

Можно сжимать, но не удалять смысл: пользователь должен понять, где он, и вернуться на уровень выше одним тапом. Скрытые крошки без альтернативы «назад» — минус UX.

← Назад к разделу «Веб-разработка»