Хлебные крошки на сайте: что это и как сделать

Коротко

Что такое хлебные крошки

Хлебные крошки - строка со ссылками над заголовком страницы: «Главная - Каталог - Платья - Вечернее платье». Каждая ссылка ведёт на раздел уровнем выше. Название принято связывать со сказкой про Гензеля и Гретель: по крошкам можно вернуться назад.

Для посетителя это быстрый способ понять, где он оказался, и подняться на уровень выше. Для поисковой системы это ещё один набор внутренних ссылок на разделы и описание положения страницы в структуре сайта. О ссылках внутри сайта в целом - в статье про внутреннюю перелинковку.

У слова два смысла, и их легко спутать:

• Видимая цепочка на странице. Её видит читатель, это обычные ссылки в HTML-коде.
• Разметка. Отдельное описание той же цепочки в коде страницы по правилам Schema.org. Читатель её не видит, её читают роботы.

Поисковые системы в документах говорят именно о разметке. По ней Яндекс может сформировать навигационную цепочку, а для показа в Google разметку оформляют по правилам его руководства.

Что говорят Яндекс и Google

Источники: справка Яндекс Вебмастера «Навигационные цепочки» и руководство Google Search Central по структурированным данным Breadcrumb (последнее обновление страницы Google - 8 сентября 2026 года). Отдельной справки Яндекса про видимые HTML-крошки мы не нашли, поэтому правила для них ниже - наши советы.

Выводов для Яндекса из слов Google мы не делаем. Если в документе Яндекса чего-то нет (например, про несколько цепочек на странице), это не запрет и не разрешение: в таблице стоит «не сказано».

Есть различие в названии поля. Яндекс в списке полей называет url, а в примерах Google адрес лежит в свойстве item. Как поведёт себя валидатор Яндекса с вашей записью, покажет только проверка (шаг 5 ниже). Это наше наблюдение по двум документам.

Как сделать хлебные крошки по шагам

1. Решите, какие страницы получат цепочку

   Цепочка нужна там, где у страницы есть родительские разделы: статьи в рубрике, товары в каталоге, услуги в разделе. На главной она не нужна, на сайте из нескольких страниц с общим меню тоже. Это наше мнение: в справках такого порога нет.

2. Определите путь страницы

   Запишите путь от главной вниз: раздел, подраздел, страница. Яндекс рекомендует до трёх элементов, поэтому на глубоких сайтах мы советуем оставлять самые важные уровни. Чей путь отражать, в проверенной справке Яндекса не сказано. Google советует показывать типичный путь пользователя, а не копировать структуру адреса. Если товар лежит в двух категориях, мы советуем выбрать ту, из которой на него чаще заходят (Google допускает и несколько цепочек).

3. Сделайте видимую цепочку ссылками

   Каждый уровень, кроме последнего, сделайте обычной ссылкой: тегом a с адресом в href. В общих рекомендациях «Структура сайта» Яндекс просит, чтобы на каждый документ можно было попасть по обычной ссылке тегом a. Последний элемент - название текущей страницы - ссылкой делать не обязательно.

4. Добавьте разметку BreadcrumbList

   Опишите ту же цепочку в JSON-LD: у каждого элемента название, адрес и номер позиции (Google требует position, Яндекс допускает его не указывать). Пример ниже. Названия и адреса в разметке лучше оставить такими же, как в видимой цепочке: это наш совет. Если сайт работает на системе управления (CMS), разметку обычно добавляют шаблоном страницы или плагином; где именно, зависит от вашей CMS.

5. Проверьте разметку в двух валидаторах

   Откройте валидатор микроразметки в Яндекс Вебмастере и введите адрес страницы или вставьте код. Затем проверьте страницу в Rich Results Test (инструмент Google для проверки разметки). Исправьте найденные ошибки и повторите проверку.

6. Подождите и следите за отчётами

   В ответе поддержки на странице «Навигационные цепочки» Яндекс пишет, что разметка формируется в течение двух недель; это сказано о разметке в целом. У Google после выкладки советуют проверить страницу инструментом проверки URL и следить за отчётом о расширенных результатах в Search Console.

Как выглядит видимая цепочка в коде

Блок HTML для видимой цепочки по образцу из руководства Google. Он нужен читателю и не заменяет разметку:

<ol>
  <li><a href="https://example.com/books">Книги</a></li>
  <li><a href="https://example.com/books/sciencefiction">Фантастика</a></li>
  <li>Лауреаты премии</li>
</ol>

Список ol с пунктами li удобен тем, что порядок уровней понятен и программам чтения с экрана. Это наш совет, в справках Яндекса и Google такого требования нет. Разделитель между уровнями (стрелку, косую черту) обычно рисуют стилями.

Как выглядит разметка BreadcrumbList

Пример в формате JSON-LD по образцу из руководства Google. Адреса и названия замените своими:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Книги",
      "item": "https://example.com/books"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Фантастика",
      "item": "https://example.com/books/sciencefiction"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Лауреаты премии"
    }
  ]
}

Этот объект кладут в блок script (служебный блок кода) с типом application/ld+json в коде страницы. Яндекс пишет, что для всех элементов, кроме последнего, нужен адрес. В примере у последнего элемента адреса нет: Google в этом случае берёт адрес страницы, на которой стоит разметка.

Если вы строите цепочку по правилам Яндекса, учтите его условия. Они относятся только к Яндексу:

• домен в адресах совпадает с доменом сайта, на котором стоит разметка;
• адреса начинаются с https:// или http://, либо это относительные пути вроде /books;
• названия заполнены; эмодзи при обработке удаляются;
• в position стоят числа; с нечисловыми значениями цепочка не сформируется (само поле можно не указывать);
• промежуточные элементы короче четырёх символов (без пробелов и эмодзи), а также слишком длинные, могут быть исключены из цепочки.

Если валидатор Яндекса не примет адрес из свойства item, посмотрите в его отчёте, какое поле он ожидает, и сверьте запись со справкой. Как именно Яндекс прочитает item, в справке не сказано.

Как проверить результат

1. Откройте страницу и убедитесь, что цепочка видна, все её ссылки кликабельны и ведут на существующие страницы. Битые адреса найдёт проверка из статьи про страницу 404 и битые ссылки.
2. Проверьте разметку в валидаторе Яндекс Вебмастера: ошибок быть не должно.
3. Проверьте страницу в Rich Results Test от Google и посмотрите отчёт в Search Console.
4. Сравните названия и адреса в разметке с видимой цепочкой: они должны совпадать.
5. Через несколько недель посмотрите результаты поиска по этой странице. Если цепочка не появилась, это не обязательно ошибка: оба поисковика оставляют за собой решение, что показывать.

Эти проверки, как и пятый пункт, - наше мнение. Они говорят лишь о том, что разметка корректна, а рост трафика или позиций не подтверждают.

Типичные ошибки

• Цепочка есть только в разметке, а на странице её не видно. Разметка, по нашему совету, должна описывать то, что читатель видит на странице.
• Названия или адреса в разметке не совпадают с видимой цепочкой.
• Адреса ведут на другой домен (Яндекс требует совпадения домена) или относительный путь записан без начального слэша (наш вывод из примера Яндекса).
• В position стоят слова, например «первый». Яндекс в этом случае цепочку не построит.
• Цепочка копирует структуру адреса, хотя путь пользователя к странице другой. Google советует строить цепочку по пути пользователя.
• Слишком много уровней: при длинной цепочке Яндекс покажет только последние элементы.
• Используют старую разметку data-vocabulary.org. Google пишет, что она больше не подходит для расширенных результатов.
• Разметку выкладывают на страницы с нарушением правил Google в расчёте на показ. Google предупреждает о возможных ручных мерах (штрафных мерах со стороны сотрудников поиска) за разметку, нарушающую его рекомендации.

Когда хлебные крошки не нужны

Ниже наше мнение, в справках такого порога нет. У одностраничного сайта и у главной страницы цепочки нет. На небольшом сайте с плоской структурой она почти ничего не добавит к меню. Не стоит также ставить цепочку «для красоты» там, где путь страницы условный: читателя она только запутает.

С чего продолжить

Хлебные крошки - часть структуры сайта и внутренних ссылок, о них в целом - в статье про внутреннюю перелинковку. Общие правила микроразметки и выбор формата разобраны в статье про Schema.org.

О Head Promo

Head Promo - агентство поискового маркетинга. Подробнее об услуге - на странице SEO-продвижения на нашем сайте.

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