Новый формат
Хлебные крошки на сайте: навигация и SEO
Хлебные крошки (breadcrumbs) — цепочка «где я сейчас»: Главная → Раздел → Подраздел → Страница. Пользователь из поиска сразу видит иерархию и может подняться на уровень выше одним кликом.
Ниже — типы крошек, правила оформления и связь с SEO (перелинковка, сниппет). Это слой навигации, а не отдельный фактор «гарантии ТОП-1».
Что это и откуда название
Термин от англ. breadcrumbs — «хлебные крошки» из сказки: метки пути назад. В интерфейсе это строка уровней, показывающая место страницы в структуре сайта.
Особенно полезны, когда человек пришёл из поиска сразу в карточку или глубокую статью: крошки объясняют «в каком разделе я» и дают выход на категорию без блуждания по меню.
Задачи крошек:
- ориентация («видимость статуса системы»);
- быстрый подъём на уровень выше;
- доп. внутренние ссылки по иерархии;
- подсказка структуры в сниппете (при разметке).
UX и SEO: что реально дают
Для человека крошки сокращают путь: из карточки пылесоса — в «Пылесосы», а не через весь каталог заново. Это снижает трение и поддерживает глубину просмотра без накрутки ПФ.
Для поиска — дополнительные релевантные внутренние ссылки вверх по иерархии и шанс показать путь в сниппете. Не путайте с «PageRank-магией»: крошки усиливают понятную структуру, а не заменяют контент и технику.
SEO-эффект по делу:
- перелинковка раздел ↔ страница;
- яснее кластеры в структуре;
- rich breadcrumbs в выдаче при валидной разметке;
- без обещаний мгновенного ТОПа.
Какими бывают
**Линейные (location-based)** — отражают иерархию: Главная → Каталог → Категория → Товар. Самый частый и полезный вариант для SEO.
**«Назад к…»** — одна кнопка на предыдущий контекст (удобно после внутреннего поиска, но слабее как карта сайта). **Гибрид** — цепочка + точечная кнопка «назад к результатам» там, где путь не совпадает с иерархией.
Что выбрать:
- магазины и услуги — линейная иерархия;
- результаты поиска/фильтры — доп. «назад к выдаче»;
- не строить path-based крошки ради спама ссылок.
Как оформить правильно
Не выводите крошки на главной. Текущий пункт — не ссылка. Разделители («/», «›») не кликабельны. Один и тот же блок на всех шаблонах вверху контента.
Текст уровней — человекопонятные названия разделов, не «page-id=17». На mobile цепочка не должна ломать вёрстку: допускается перенос или аккуратное сокращение середины.
Правила:
- нет крошек на главной;
- последний пункт без href на себя;
- контраст и стабильное место;
- названия = реальные разделы;
- совпадение с логикой URL/меню.
Разметка для сниппета
Добавьте `BreadcrumbList` (JSON-LD или микроданные) в согласовании с видимой цепочкой. Поисковик не обязан показать крошки, но без разметки шанс ниже.
Проверяйте валидаторами и внешний вид в выдаче. Разметка должна совпадать с HTML: расхождения вредят доверию к данным.
Контроль:
- JSON-LD = то же, что на экране;
- абсолютные канонические URL в разметке;
- нет крошек только «для бота» без UI.
Типичные ошибки
Крошки на главной, ссылка на текущую страницу, хаотичный порядок, дублирование всего меню в крошках, отсутствие на mobile, разметка без реальной навигации.
Если иерархия сайта запутанная, крошки лишь покажут хаос. Сначала структура разделов — потом цепочка.
Чеклист внедрения:
- шаблоны каталога/карточки/статьи;
- проверка с landing из поиска;
- mobile-вёрстка;
- BreadcrumbList валиден;
- краулер видит ссылки уровней.
Частые вопросы
Нужны ли крошки на одностраничнике?
Обычно нет. Имеют смысл на каталогах, услугах с вложенностью, блогах и порталах.
Ставить ли крошки на главной?
Нет. На главной цепочка избыточна и часто выглядит странно.
Текущая страница кликабельна?
Нет: последний пункт — текст без ссылки на себя. Ссылаются уровни выше.
Крошки дают ТОП?
Нет как «кнопка ранжирования». Помогают UX, внутренней перелинковке и иногда виду сниппета при корректной разметке.
Нужна ли Schema BreadcrumbList?
Желательно: повышает шанс крошек в выдаче. Не заменяет понятную HTML-навигацию на странице.
Где размещать?
Обычно над контентом, в одном месте на всех шаблонах, контрастно и читаемо на mobile.
Чем отличаются от меню?
Меню — карта разделов. Крошки — путь к текущей странице в иерархии (или путь просмотра — реже).
Длинная цепочка — плохо?
На глубоких каталогах сокращают середину («…»), но сохраняют смысл иерархии. Лучше упростить структуру, чем прятать хаос.
Из поиска попали вглубь каталога?
Настроим хлебные крошки: UX, перелинковка и разметка для сниппета.
Обсудить задачу
