Хлебные крошки — это навигационная цепочка, которая показывает положение текущей страницы в структуре сайта. Обычно она выглядит так: «Главная → Каталог → Категория → Товар». Каждый промежуточный элемент помогает пользователю вернуться на уровень выше.
Зачем нужны хлебные крошки
- упрощают ориентацию на многоуровневом сайте;
- создают дополнительные внутренние ссылки;
- помогают роботам понять иерархию разделов;
- могут использоваться поисковой системой при формировании адресной части сниппета;
- уменьшают число возвратов к меню и результатам поиска.
Как выбрать правильную цепочку
Цепочка должна отражать типичный путь пользователя и смысловую иерархию, а не механически повторять каждый сегмент URL. Для карточки товара полезнее показать категорию и подкатегорию, чем технические фильтры, параметры сортировки или служебные страницы.
HTML-навигация
<nav aria-label="Хлебные крошки">
<ol>
<li><a href="/">Главная</a></li>
<li><a href="/blog">Блог</a></li>
<li aria-current="page">Хлебные крошки</li>
</ol>
</nav>Текущую страницу можно оставить без ссылки и обозначить aria-current="page". Названия должны быть короткими и понятными без контекста.
Разметка BreadcrumbList
Для структурированных данных удобно использовать JSON-LD. Google требует как минимум два элемента ListItem; важны свойства name и position, а для промежуточных элементов — URL в item.
{
"@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": "Статья"}
]
}Типичные ошибки
- разметка не совпадает с видимой навигацией;
- позиции повторяются или передаются строками вместо чисел;
- используются относительные или недоступные URL;
- в цепочку включены фильтры и параметры, создающие дубли;
- на мобильной версии крошки скрыты полностью или выходят за экран.
Проверка
Проверьте видимую навигацию с клавиатуры, валидность ссылок, JSON-LD в Rich Results Test и отображение страницы в инструментах Google Search Console и Яндекс Вебмастера. Корректная разметка не гарантирует специальный вид результата, решение остается за поисковой системой.