Sseopeak+7 (499) 322-71-19

Хлебные крошки на сайте

Хлебные крошки — цепочка от главной до текущей страницы. Как собрать её в шаблоне, поставить BreadcrumbList и убрать критичные ошибки в Вебмастере.

Хлебные крошки — цепочка над заголовком: «Главная → Раздел → Текущая страница». По ней человек понимает, в каком разделе находится, и за один клик возвращается на уровень выше. Поиск читает ту же цепочку и может показать путь в сниппете вместо длинного адреса.

Крошки работают, когда на странице есть видимая цепочка, а в коде — ровно она же в разметке BreadcrumbList. Имена и адреса должны совпадать. Если на экране один путь, а в разметке другой, Яндекс Вебмастер не примет элемент.

Что видно на графике

В Вебмастере отчёт по хлебным крошкам считает элементы разметки. На снимке в красной карточке 0 и подпись «Нет критичных проблем». В зелёной — 29: столько элементов отчёт принял как корректные. С 21 августа по конец сентября столбцы держатся около 30, без провала в ноль. Кнопка под графиком открывает данные об этих элементах.

Отчёт Яндекс Вебмастера по хлебным крошкам: 0 критичных проблем и 29 корректных элементов

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

Из чего состоит рабочая цепочка

Крошки повторяют разделы сайта. Это не история кликов и не кнопка «назад». Карточку товара открыли из поиска, из рекламы или из письма — цепочка всё равно «Главная → Каталог → Категория → Товар».

  • 01На главной цепочки нет: путь ещё не начался.
  • 02Все пункты, кроме последнего, — ссылки на разделы.
  • 03Последний пункт — текущая страница. Его пишут текстом, без ссылки на саму себя.
  • 04Имя короткое и совпадает с названием раздела. Весь title с городом и призывами в крошку не копируют.
  • 05На странице одна цепочка. Вторая в подвале с другими именами ломает разметку.

Что сделать по шагам

  1. Поставьте цепочку в шаблон над заголовком H1. Она должна быть видна и на телефоне, и на компьютере. Скрывать блок через display: none нельзя: робот сверяет разметку с тем, что реально показано на странице.
  2. Соберите уровни из структуры сайта. Статья блога: «Главная → Блог → Название статьи». Услуга: «Главная → Услуги → Название услуги». В цепочку не попадают адреса с параметрами фильтра, сортировки, пагинации и меток рекламы.
  3. Проверьте каждую ссылку. Страница раздела открывается без редиректа, отвечает кодом 200 и совпадает с каноническим адресом, включая завершающий слэш.
  4. Добавьте на страницу один блок JSON-LD типа BreadcrumbList. Позиции идут с 1, без пропусков и без нуля. В name — тот же текст, что видит человек. В item — полный адрес с https и доменом. У последнего пункта item можно не указывать: это текущая страница.
  5. Сверьте цепочку на экране и разметку построчно. Другое имя, другой адрес или лишний уровень — уже ошибка, даже если «почти то же самое».
  6. Оставьте один источник разметки. Если BreadcrumbList одновременно собирают тема и плагин, в коде окажутся две цепочки, и отчёт начнёт ругаться.
  7. После выкладки дождитесь обхода и откройте отчёт в Вебмастере. Цель — как на снимке: критичных проблем 0, элементы в зелёной группе, столбцы не падают. Новый шаблон попадает в график после того, как робот переобошёл эти адреса, а не в минуту публикации.
  8. Если красное число выросло, смотрите шаблон. Обычно повторяется одно и то же: пустое name, адрес без домена, позиция с нуля, ссылка на редирект, цепочка есть в коде и скрыта на экране, в путь попал URL с параметрами.

Пример разметки для страницы товара. Имена и адреса замените на свои, порядок уровней не меняйте:

{
  "@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": "Диван угловой"
    }
  ]
}

Чем поможем с крошками

Соберём хлебные крошки под разделы сайта: видимую цепочку в шаблоне и разметку BreadcrumbList, чтобы имена и адреса совпали. Если крошки уже стоят, а в Вебмастере есть критичные проблемы, найдём шаблон, из-за которого элементы не принимаются, и доведём отчёт до состояния на снимке — 0 критичных проблем и стабильная зелёная группа.

Оставить задачу можно через онлайн-заявку.

Получить консультацию

Оставьте имя и телефон — разберём сайт, подскажем точки роста и предложим план работ