Хлебные крошки (Breadcrumbs) — навигационный элемент на веб-странице, отображающий иерархический путь от главной страницы до текущей. Название происходит из сказки «Гензель и Гретель», где дети оставляли крошки хлеба, чтобы найти дорогу домой. В веб-дизайне хлебные крошки выполняют ту же функцию: показывают пользователю, где он находится в структуре сайта.
Типичный вид: Главная → Каталог → Электроника → Смартфоны → Samsung Galaxy S25
Типы хлебных крошек
- Иерархические (Location-Based) — самый распространённый тип. Отображают позицию страницы в структуре сайта. Пример: Главная → Блог → SEO → Оптимизация заголовков.
- Атрибутные (Attribute-Based) — показывают характеристики товара или страницы. Используются в интернет-магазинах: Главная → Смартфоны → Android → Samsung.
- История посещений (History-Based) — отображают историю переходов пользователя на сайте. Редко используются, так как зависят от поведения конкретного посетителя.
Польза хлебных крошек для SEO
- Внутренние ссылки — каждый элемент хлебной крошки является внутренней ссылкой, распределяющей PageRank по структуре сайта. Страницы в хлебных крошках получают дополнительный ссылочный вес.
- Индексация структуры — поисковые роботы используют хлебные крошки для понимания иерархии сайта и правильной обработки страниц.
- Rich snippets в выдаче — при наличии разметки BreadcrumbList (Schema.org) Google показывает хлебные крошки прямо в результатах поиска вместо обычного URL. Это улучшает внешний вид сниппета и повышает CTR.
- Снижение показателя отказов — пользователь, пришедший на внутреннюю страницу, видит контекст и легко переходит на родительские разделы. Это удерживает посетителей на сайте.
Разметка BreadcrumbList Schema.org
Для отображения хлебных крошек в сниппетах поиска необходима разметка:
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Главная", "item": "https://example.com/"},
{"@type": "ListItem", "position": 2, "name": "Блог", "item": "https://example.com/blog/"},
{"@type": "ListItem", "position": 3, "name": "SEO-статьи", "item": "https://example.com/blog/seo/"}
]
}
В WordPress плагины Rank Math и Yoast SEO добавляют эту разметку автоматически при включении хлебных крошек.
Часто задаваемые вопросы
Нужны ли хлебные крошки на одностраничном сайте или лендинге?
Нет, хлебные крошки имеют смысл только на многоуровневых сайтах с иерархической структурой: интернет-магазины, блоги, каталоги. На одностраничных сайтах и лендингах, где нет разделов и категорий, хлебные крошки не добавляют ценности ни для пользователя, ни для SEO. Принудительное добавление навигации «Главная → Главная» только создаёт лишние элементы на странице.
Как хлебные крошки влияют на CTR в поисковой выдаче?
Положительно. Когда хлебные крошки отображаются в сниппете (вместо длинного URL), пользователь сразу видит структуру сайта и понимает, что страница находится в нужном разделе. Это снижает неопределённость и повышает доверие. Исследования показывают рост CTR на 5–20% при отображении breadcrumbs в сниппете. Google использует разметку Schema.org BreadcrumbList для отображения хлебных крошек, но может показывать и без разметки, если структура URL очевидна.
Обязательно ли добавлять Schema.org разметку для хлебных крошек?
Не обязательно, но настоятельно рекомендуется. Google может извлечь хлебные крошки из HTML-структуры или URL, но структурированная разметка Schema.org BreadcrumbList гарантирует правильное отображение в выдаче. Проверить работу разметки: инструмент проверки богатых результатов Google (search.google.com/test/rich-results). Яндекс также поддерживает хлебные крошки через разметку Schema.org.
Могут ли хлебные крошки создавать дублированный контент?
Сами хлебные крошки — нет. Но структура URL при наличии нескольких путей к одному товару (через разные категории) может создавать дубли: /katalog/elektronika/smartfony/samsung/ и /katalog/brendy/samsung/smartfony/. Решение: выбрать один канонический URL для каждой страницы и настроить canonical. Хлебные крошки при этом могут отображать «основной» путь в иерархии независимо от URL, по которому пользователь попал на страницу.
