Хлебные крошки: что это такое и как использовать

Хлебные крошки (англ. breadcrumbs) — это навигационный элемент сайта, показывающий путь от главной страницы до текущего раздела в виде цепочки ссылок.

Что такое хлебные крошки в SEO — это вспомогательная навигация по сайту и одновременно сигнал для поисковиков о структуре ресурса.

Корректно размеченные хлебные крошки попадают в сниппет Google вместо URL: вместо cropas.by/seo-slovar/anchor/ в результатах поиска отображается «cropas.by › SEO-словарь › Анкор», что повышает CTR на 4–12% по разным исследованиям. Стандарт разметки — BreadcrumbList из словаря Schema.org, поддерживается обоими поисковиками и большинством CMS.

Реализация занимает 10–30 минут на стандартной WordPress-сборке через плагин Yoast или Rank Math, на 1С-Битрикс — через настройки шаблона. Название элемента происходит из сказки про Гензеля и Гретель: дети бросали хлебные крошки, чтобы найти дорогу обратно из леса.

Что такое хлебные крошки

Хлебные крошки — это горизонтальная цепочка ссылок в верхней части страницы, отражающая её положение в иерархии сайта. Стандартный вид элемента:

Главная › Каталог › Ноутбуки › ASUS ZenBook 14

Каждый сегмент кроме последнего — это активная ссылка на родительский раздел. Последний сегмент (название текущей страницы) обычно не кликабелен. Разделители между сегментами — символ «›», стрелка «→», слеш «/» или другой визуальный маркер.

На крупных сайтах с глубокой иерархией хлебные крошки выполняют две функции одновременно. Для пользователя это карта текущего положения и способ быстро вернуться на уровень выше без обращения к главному меню. Для поисковика — структурный сигнал, показывающий, как страницы связаны между собой и какой раздел является родительским по отношению к текущему.

Виды хлебных крошек

В литературе по юзабилити выделяют три основных типа хлебных крошек.

Тип	Принцип построения	Пример
Location-based (по структуре)	Путь по иерархии сайта от корня до текущей страницы	Главная › Каталог › Ноутбуки › ASUS ZenBook 14
Attribute-based (по атрибутам)	Путь по выбранным фильтрам и характеристикам товара	Главная › Ноутбуки › ASUS › Диагональ 14″ › Память 16 ГБ
History-based (по истории)	Путь по предыдущим страницам, которые посещал пользователь	Главная › Поиск «ноутбук» › Сравнение › ASUS ZenBook 14

Location-based — самый частый вариант и единственный, который имеет смысл для SEO. Этот тип отражает реальную структуру сайта и совпадает с тем, как поисковики воспринимают иерархию URL. Attribute-based встречается в e-commerce при работе с фильтрами и в Schema.org размечается аналогично location-based. History-based используется редко: он привязан к поведению конкретного пользователя и не имеет ценности для поисковика.

Зачем нужны хлебные крошки на сайте

Главные функции элемента:

Юзабилити навигации. Пользователь видит, где находится, и одним кликом возвращается на уровень выше. Особенно полезно при переходах из поиска — посетитель попадает на глубокую страницу и не понимает структуры сайта без вспомогательной навигации.
Снижение показателя отказов. Хлебные крошки удерживают пользователей, которым нужна более общая категория — вместо кнопки «назад» в браузере они переходят на родительский раздел и продолжают просмотр.
Сигнал структуры для поисковика. Размеченные через Schema.org хлебные крошки сообщают Google и Яндексу иерархию страниц без необходимости анализа меню и внутренней перелинковки.
Улучшение сниппета в выдаче. Google отображает хлебные крошки вместо URL в результатах поиска. Это даёт пользователю представление о структуре сайта до клика и повышает CTR.
Внутренняя перелинковка. Каждый сегмент-ссылка добавляет внутреннюю ссылку с релевантным анкором на родительскую страницу.

На сайтах с одноуровневой структурой (одностраничные лендинги, лендинги с 5–10 страницами) хлебные крошки бесполезны — путь от главной до любой страницы состоит из двух сегментов и не несёт информации. На каталогах, блогах с категориями и информационных порталах хлебные крошки — стандарт.

Как хлебные крошки влияют на SEO

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

CTR в выдаче. По исследованиям Backlinko и сторонним замерам, страницы с правильно размеченными хлебными крошками получают на 4–12% больше кликов из выдачи Google по сравнению с аналогами без разметки. Google показывает «cropas.by › SEO-словарь › Анкор» вместо длинного URL.
Улучшение поведенческих сигналов. Снижение показателя отказов и рост глубины просмотра — это сигналы для алгоритмов о ценности страницы.
Передача ссылочного веса. Внутренние ссылки в хлебных крошках перераспределяют PageRank между корневой страницей, категориями и листовыми страницами.
Анкорный сигнал. Названия категорий в хлебных крошках работают как тематические анкоры для родительских страниц.
Помощь индексации. Хлебные крошки дают краулеру дополнительные пути к родительским категориям при сканировании глубоких страниц.

В сниппете Яндекса хлебные крошки не отображаются — Яндекс использует URL как навигационный сигнал. Но микроразметка BreadcrumbList учитывается Яндексом как структурный сигнал и помогает корректно определять иерархию сайта.

Микроразметка Schema.org BreadcrumbList

Для попадания хлебных крошек в сниппет Google нужна разметка по стандарту Schema.org. Рекомендуемый формат — JSON-LD, отдельным блоком в <head> или перед </body>:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Главная",
      "item": "https://cropas.by/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "SEO-словарь",
      "item": "https://cropas.by/seo-slovar/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Хлебные крошки"
    }
  ]
}
</script>

Ключевые правила разметки:

Каждый элемент имеет уникальный position начиная с 1
Текущая страница (последний элемент) не содержит item — это просто метка без ссылки
Все промежуточные элементы должны вести на реально существующие индексируемые страницы
Порядок position должен совпадать с реальной структурой сайта
Названия в name совпадают с видимым текстом на странице

Альтернативные форматы разметки — Microdata и RDFa — поддерживаются обоими поисковиками, но JSON-LD остаётся рекомендуемым форматом из-за простоты внедрения и отсутствия привязки к HTML-структуре. Проверка корректности разметки — через Rich Results Test от Google и инструмент валидации структурированных данных в Яндекс.Вебмастере.

Реализация хлебных крошек в CMS

CMS	Способ внедрения	Затраты времени
WordPress	Плагины Yoast SEO, Rank Math, All in One SEO — встроенный модуль хлебных крошек со Schema.org из коробки	10–20 минут на настройку
1С-Битрикс	Стандартный компонент `bitrix:breadcrumb`, разметка Schema.org включается через шаблон компонента	1–2 часа работы программиста
OpenCart	Встроенный модуль `breadcrumb.tpl`, разметка Schema.org добавляется правкой шаблона	30–60 минут
Joomla	Стандартный модуль `mod_breadcrumbs` + плагин для микроразметки (например, JSchemator)	30 минут
Shopify	Встроенная поддержка через `collection.url` в шаблонах, разметка добавляется в Liquid-шаблоны	1–2 часа разработки
Tilda	Стандартный блок T123 (хлебные крошки) — разметка JSON-LD добавляется в HTML-блок	20–40 минут
Самописная CMS	Ручная реализация через шаблонизатор сайта + JSON-LD в head	2–8 часов разработки

На WordPress самый быстрый путь — плагин Yoast SEO с включённой опцией Breadcrumbs в настройках. После активации хлебные крошки автоматически появляются на страницах с правильной разметкой Schema.org. Для размещения нужно вставить шорткод [yoast_breadcrumb] в шаблон темы или в начало контента страницы.

Типичные ошибки в разметке хлебных крошек

Ошибка	Последствие
Хлебные крошки видны пользователю, но без разметки Schema.org	Не попадают в сниппет Google, теряется бонус к CTR
Разметка Schema.org без видимого элемента на странице	Google игнорирует такую разметку, может предупредить в Search Console
Ссылки в крошках ведут на 404 или редиректы	Снижение оценки технического состояния сайта, потеря внутренней перелинковки
Несовпадение названия в крошке и заголовка целевой страницы	Алгоритмы воспринимают как ошибку структуры
Последний элемент содержит ссылку на саму страницу	Создаёт самоссылку, которую поисковики могут пометить как ошибку
Главная страница пропущена в цепочке	Нарушена иерархия, разметка не валидна по Schema.org
Position не соответствует порядку (1, 3, 4 без 2)	Нарушение спецификации, отказ Google использовать разметку
Привязка к URL с GET-параметрами фильтров	Создаёт дубли разметки на похожих страницах, размывает сигнал

Часто задаваемые вопросы

Обязательно ли использовать хлебные крошки на сайте?

Не обязательно. На сайтах с плоской структурой (одностраничные лендинги, малые корпоративные сайты до 10 страниц) хлебные крошки не нужны. На каталогах, e-commerce, блогах с категориями, информационных порталах с глубокой иерархией — это стандарт, отсутствие которого сейчас воспринимается как недоработка.

Где должны располагаться хлебные крошки на странице?

Над основным заголовком H1, сразу под главным меню. Это стандартное расположение, к которому привыкли пользователи. Размещение в подвале или сбоку нарушает ожидание и снижает полезность для навигации. Размер шрифта — на 20–30% меньше основного текста, цвет — приглушённый, чтобы не конкурировать с заголовком за внимание.

Какой разделитель использовать между сегментами?

На выбор: «›», «→», «/», «»», «|». Все варианты допустимы, главное — единообразие в рамках сайта. По юзабилити-исследованиям, символ «›» воспринимается интуитивнее всего как «направление вглубь». В разметке Schema.org разделители не указываются — это чисто визуальный элемент.

Влияют ли хлебные крошки на ранжирование в Яндексе?

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

Что важнее: длинный путь крошек или короткий?

Зависит от структуры сайта. Оптимальная длина — 3–5 сегментов: «Главная › Категория › Подкатегория › Страница». Слишком длинные цепочки (6+ сегментов) перегружают визуально и не помещаются в сниппет. Слишком короткие (2 сегмента) не дают пользы — это просто метка «Главная › Текущая страница» без иерархической информации.

Можно ли использовать хлебные крошки с категориями вместо разделов URL?

Да. Структура хлебных крошек не обязана точно отражать структуру URL. Если товар физически лежит в URL /catalog/notebooks/asus-zenbook-14/, а в крошках указано «Главная › Ноутбуки › ASUS › ZenBook 14» — это нормально и даже желательно: крошки следуют логике пользователя, URL — технической организации каталога.

Сколько займёт внедрение хлебных крошек с микроразметкой на готовом сайте?

На WordPress с Yoast или Rank Math — 10–30 минут на настройку и тестирование. На 1С-Битрикс — от 1 часа работы программиста до 1 дня, в зависимости от сложности шаблона. На самописной CMS — 2–8 часов разработки с тестированием через Rich Results Test и Яндекс.Вебмастер. После внедрения хлебные крошки появляются в сниппете Google в течение 1–3 недель после переиндексации страниц.