Как настроить хлебные крошки в 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 — проще, не привязан к верстке, устойчив к изменениям дизайна.
✅ Формат 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. Эмодзи в названиях
Используйте эмодзи (
→ Используйте эмодзи с сайта Emojinarium для совместимости.
Используйте эмодзи (
🔹, 🔥, 📚) — Google выводит их, Яндекс удаляет. Это привлекает внимание в сниппетах.→ Используйте эмодзи с сайта Emojinarium для совместимости.
2. Последний шаг — якорь на блок
Можно добавить 4-й шаг, ведущий не на страницу, а на якорь внутри неё:
Можно добавить 4-й шаг, ведущий не на страницу, а на якорь внутри неё:
{
"name": "🔥 Бесплатный замер",
"item": "https://site.com/catalog/nant/#banner"
}
→ Это часто выводится в сниппете как отдельная ссылка. Отлично для CTA.
3. Хлебные крошки на главной странице
Можно разметить и главную:
Можно разметить и главную:
{
"name": "Главная",
"item": "https://site.com/"
},
{
"name": "Самые популярные товары",
"item": "https://site.com/#popular"
}
→ Даже на главной странице поисковики могут показать сниппет с якорем. Уникальный приём!
Что делать, если сниппет не появляется?
- Проверьте валидность JSON-LD — ошибка в синтаксисе = игнорирование.
- Убедитесь, что все URL — абсолютные.
- Проверьте длину названий (не более 25 символов).
- Убедитесь, что вы не включаете главную и текущую страницу как отдельные шаги.
- Поисковики НЕ обязаны показывать вашу разметку!
→ Это рекомендация, а не требование. Алгоритмы решают, стоит ли выводить её на основе релевантности и качества.
Заключение: Когда использовать?
| Ситуация | Рекомендация |
|---|---|
| Интернет-магазин, каталоги, блоги с иерархией | ✅ Обязательно |
| Одиночные страницы (контакты, о нас) | ❌ Не нужно |
| Сайт без визуальных хлебных крошек | ✅ Размечайте — это всё ещё полезно |
| Главная страница | ⚠️ Только если есть якорь или важный раздел |
| Новостной сайт | ✅ Если есть разделы/категории |
Итог:
Микроразметка хлебных крошек — один из самых простых и эффективных SEO-приёмов. Она стоит 1–2 часа работы, но может увеличить CTR на 5–20% и улучшить восприятие сайта. Используйте JSON-LD, следите за длиной и абсолютными ссылками, добавляйте эмодзи — и получайте красивые сниппеты в поиске.
Микроразметка хлебных крошек — один из самых простых и эффективных SEO-приёмов. Она стоит 1–2 часа работы, но может увеличить CTR на 5–20% и улучшить восприятие сайта. Используйте JSON-LD, следите за длиной и абсолютными ссылками, добавляйте эмодзи — и получайте красивые сниппеты в поиске.
seohead.pro