Хлебные крошки и микроразметка BreadcrumbList

Зачем они нужны

• Навигация. Посетитель, пришедший из поиска сразу на карточку товара, видит, в каком разделе оказался, и может подняться выше.
• Сниппет. Размеченная цепочка показывается в выдаче вместо адреса — путь читается лучше, чем URL.
• Структура. Поисковая система получает явное описание иерархии разделов.
• Перелинковка. Каждая крошка — ссылка на вышестоящий раздел, что распределяет вес по сайту.

Связь с адресом страницы

Цепочка и путь в адресе должны совпадать. Расхождение — сигнал о том, что структура собрана по разным принципам.

Адрес:  /catalog/divany/uglovye/milano-2/
Крошки: Главная › Каталог › Диваны › Угловые › Милано-2

Если крошки показывают путь через «Распродажу», а адрес — через «Диваны», выберите один вариант основным. Как решать вопрос с товарами в нескольких разделах, разобрано в статье про адреса карточек товара.

Разметка в HTML

Сама цепочка обычно оформляется списком внутри тега навигации:

<nav aria-label="Хлебные крошки">
  <ol>
    <li><a href="/">Главная</a></li>
    <li><a href="/catalog/">Каталог</a></li>
    <li><a href="/catalog/divany/">Диваны</a></li>
    <li>Милано-2</li>
  </ol>
</nav>

Последний элемент — текущая страница, ссылкой он не оформляется. Разделители между пунктами рисуются стилями, а не вставляются символами в текст.

Микроразметка BreadcrumbList

Разметка добавляется отдельным блоком в разделе head. Формат JSON-LD удобнее микроданных: он не смешивается с вёрсткой и правится независимо.

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Главная",
      "item": "https://site.ru/" },
    { "@type": "ListItem", "position": 2, "name": "Каталог",
      "item": "https://site.ru/catalog/" },
    { "@type": "ListItem", "position": 3, "name": "Диваны",
      "item": "https://site.ru/catalog/divany/" },
    { "@type": "ListItem", "position": 4, "name": "Милано-2",
      "item": "https://site.ru/catalog/divany/milano-2/" }
  ]
}
</script>

Порядок в position начинается с единицы и идёт без пропусков. Адреса указываются полными, с протоколом и доменом.

Частые ошибки

1. Разметка не совпадает с видимой цепочкой — разные названия или разное число пунктов.
2. Относительные адреса в поле item вместо полных.
3. Пропущенная главная страница — цепочка начинается с раздела.
4. Последний пункт оформлен ссылкой на самого себя — допустимо, но лучше оставить текстом.
5. Дублирование разметки: и микроданные в вёрстке, и JSON-LD с разными данными.
6. Крошки не соответствуют адресу — путь в цепочке короче или длиннее реального.

Где нужны и где не нужны

Как проверить

1. Откройте исходный код страницы и найдите блок BreadcrumbList.
2. Сверьте названия и число пунктов с тем, что видно на странице.
3. Прогоните страницу через валидатор микроразметки в панели вебмастера.
4. Проверьте несколько типов страниц: карточку, раздел, статью.
5. Убедитесь, что адреса в разметке канонические и отдают код 200.

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

Длинные цепочки и мобильные экраны

На узком экране цепочка из пяти пунктов не помещается и переносится на две-три строки, занимая место над заголовком.

Рабочие решения: показывать на мобильном только последние два уровня, сворачивать середину многоточием либо оставлять одну ссылку на родительский раздел. Важно, чтобы разметка при этом описывала полную цепочку: она отражает структуру, а не то, сколько пунктов поместилось на экране.

Товар в нескольких разделах

Если карточка доступна из двух категорий, возникает вопрос, какой путь показывать в крошках.

1. Всегда основной раздел — самый предсказуемый вариант, разметка совпадает с адресом.
2. Раздел, из которого пришёл посетитель, — удобнее для навигации, но разметка начинает меняться от визита к визиту.
3. Комбинация: видимые крошки подстраиваются под переход, а размеченная цепочка всегда описывает основной путь.

Третий вариант выглядит компромиссом, но формально нарушает правило соответствия разметки видимому содержимому. Надёжнее первый — особенно если адрес карточки не зависит от категории.

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