Как настроить хлебные крошки в JSON-LD, чтобы Яндекс и Google показывали их в поиске

автор

статья от

Алексей Лазутин

Специалист по поисковому маркетингу

Микроразметка хлебных крошек: полное руководство для SEO

Что такое микроразметка хлебных крошек?
Микроразметка хлебных крошек — это структурированный код (на основе schema.org/BreadcrumbList), который сообщает поисковым системам (Яндекс и Google) о навигационной цепочке страницы на вашем сайте.
Хлебные крошки — это визуальный элемент на странице, показывающий путь пользователя:
Главная → Категория → Подкатегория → Текущая страница
Микроразметка позволяет поисковым системам выводить эту цепочку в сниппетах поисковой выдачи, вместо обычного URL. Это делает результат более понятным, привлекательным и повышает CTR.

Зачем это нужно? (Что даёт микроразметка?)

Эффект Описание
✅ Улучшение сниппета Вместо https://site.com/product/123 появляется читаемая цепочка: Главная → Каталог → Обувь → Кроссовки. Это увеличивает доверие и кликабельность.
✅ Быстрые ссылки в разделах Поисковики используют хлебные крошки, чтобы определять структуру сайта и формировать «быстрые ссылки» — блок с популярными подстраницами в сниппете категории.
✅ Лучшая индексация Чёткая структура помогает поисковикам понимать иерархию сайта, что улучшает индексацию внутренних страниц.
✅ Улучшение UX Пользователи лучше понимают, где они находятся и как вернуться вверх по структуре.

Как использовать? (Форматы и примеры)

Поисковики поддерживают 3 формата: JSON-LD, Microdata, RDFa.
👉 Рекомендуемый формат: JSON-LD — проще, не привязан к верстке, устойчив к изменениям дизайна.

✅ Формат JSON-LD (рекомендуется)

<script type="application/ld+json">
{
  "@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/catalog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Обувь",
      "item": "https://example.com/catalog/shoes/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Кроссовки Nike",
      "item": "https://example.com/catalog/shoes/nike/"
    }
  ]
}
</script>
Обязательные поля:
  • @context — всегда "https://schema.org"
  • @type"BreadcrumbList"
  • itemListElement — массив элементов
  • В каждом ListItem:
    position — порядковый номер (целое число, начиная с 1)
    name — текст ссылки (название раздела)
    itemабсолютный URL (https://..., а не /catalog/)

❌ Ошибки, которые мешают работе

Проблема Решение
Ссылка на главную Удаляйте или переименовывайте. Не пишите «Главная страница» — это бессмысленно. Используйте: «Интернет-магазин», «Одежда» и т.д.
Слишком длинные названия Google: максимум 22 символа, Яндекс: до 25 символов. Длинные названия будут обрезаны или проигнорированы.
Слишком много элементов Поисковики показывают максимум 3 последних шага. Не перегружайте цепочку.
Относительные URL Google требует абсолютные ссылки (https://site.com/...). Яндекс позволяет относительные, но для совместимости — всегда используйте полный URL.
Нет хлебных крошек на странице Можно размечать даже если визуально их нет — поисковики используют только микроразметку. Но лучше сделать и визуально — для UX.
Главная страница как первый элемент Google игнорирует первую ссылку, если она ведёт на главную. Не включайте её, если не обязательно.

Хитрости из практики

1. Эмодзи в названиях
Используйте эмодзи (🔹, 🔥, 📚) — Google выводит их, Яндекс удаляет. Это привлекает внимание в сниппетах.
→ Используйте эмодзи с сайта Emojinarium для совместимости.
2. Последний шаг — якорь на блок
Можно добавить 4-й шаг, ведущий не на страницу, а на якорь внутри неё:

{
  "name": "🔥 Бесплатный замер",
  "item": "https://site.com/catalog/nant/#banner"
}

→ Это часто выводится в сниппете как отдельная ссылка. Отлично для CTA.

3. Хлебные крошки на главной странице
Можно разметить и главную:

{
  "name": "Главная",
  "item": "https://site.com/"
},
{
  "name": "Самые популярные товары",
  "item": "https://site.com/#popular"
}

→ Даже на главной странице поисковики могут показать сниппет с якорем. Уникальный приём!

4. Проверка микроразметки
Используйте:

Что делать, если сниппет не появляется?

  1. Проверьте валидность JSON-LD — ошибка в синтаксисе = игнорирование.
  2. Убедитесь, что все URL — абсолютные.
  3. Проверьте длину названий (не более 25 символов).
  4. Убедитесь, что вы не включаете главную и текущую страницу как отдельные шаги.
  5. Поисковики НЕ обязаны показывать вашу разметку!
    → Это рекомендация, а не требование. Алгоритмы решают, стоит ли выводить её на основе релевантности и качества.

Заключение: Когда использовать?

Ситуация Рекомендация
Интернет-магазин, каталоги, блоги с иерархией ✅ Обязательно
Одиночные страницы (контакты, о нас) ❌ Не нужно
Сайт без визуальных хлебных крошек ✅ Размечайте — это всё ещё полезно
Главная страница ⚠️ Только если есть якорь или важный раздел
Новостной сайт ✅ Если есть разделы/категории
Итог:
Микроразметка хлебных крошек — один из самых простых и эффективных SEO-приёмов. Она стоит 1–2 часа работы, но может увеличить CTR на 5–20% и улучшить восприятие сайта. Используйте JSON-LD, следите за длиной и абсолютными ссылками, добавляйте эмодзи — и получайте красивые сниппеты в поиске.

seohead.pro