Хлебные крошки на сайте: зачем нужны и как не сломать ими структуру

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

Ниже — что эта цепочка даёт человеку, что из неё забирает поиск, какие требования к разметке описаны в справке Яндекса и чем проверить результат. Плюс список мест, где крошки не нужны вообще, — сайтов без вложенности больше, чем кажется. Если разбираться в коде темы некогда, есть техническая доработка и продвижение сайта, но сначала попробуйте проверить сами: это десять минут.

Зачем цепочка живому человеку

Представьте посетителя, который попал на карточку товара из поиска. Он не проходил путь «главная — каталог — раздел», он приземлился сразу внутрь. Три вопроса у него в голове: куда я попал, что тут есть ещё, как посмотреть похожее. Навигационная цепочка отвечает на все три одной строкой.

Второй сценарий — возврат на уровень выше. Человек посмотрел конкретную модель, она не подошла, ему нужен раздел. Без крошек он либо лезет в меню и ищет нужный пункт заново, либо нажимает «назад» и уходит обратно в выдачу. Второе случается чаще, чем хочется владельцу сайта.

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

Есть и обратная сторона. Если у сайта один уровень вложенности, цепочка «Главная — Услуги» не сообщает ничего и занимает место в первом экране — там, где должен быть заголовок и оффер. Это не техническая ошибка, это просто мусор в интерфейсе.

Что забирает из крошек поиск

Поисковая система использует размеченную цепочку в двух местах. Первое — вместо технического адреса в результатах поиска показывается путь: понятная строка «Каталог — Двери — Межкомнатные» читается лучше, чем длинный URL с транслитом. Второе — цепочка помогает роботу понять иерархию сайта и отношения между разделами, дополняя то, что он и так видит по внутренним ссылкам.

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

Разметка: что требует Яндекс

Разметка навигационной цепочки описана словарём Schema.org. По определению словаря, BreadcrumbList — это список связанных веб-страниц, каждая из которых описана как минимум адресом и названием, и заканчивается список обычно текущей страницей. Значения свойства position должны быть целыми числами, начиная с единицы для первого элемента.

В справке Яндекса о навигационных цепочках к этому добавлены собственные условия. Цепочка сформируется, если выполнено всё перечисленное:

Разметка сделана типом BreadcrumbList в формате JSON-LD по стандарту Schema.org. В ней заполнены название элемента, его адрес и порядковый номер. Адреса указаны для всех элементов, кроме последнего — у текущей страницы ссылки может не быть.

Домен в адресах совпадает с адресом сайта, где размещена разметка. Абсолютные адреса используют схему HTTPS или HTTP. Текст элементов заполнен, причём эмодзи из названий удаляются. Значение position — числовое: если подставить туда не число, цепочка просто не сформируется.

Отдельный пункт — промежуточные элементы, которые система может выбросить из цепочки: слишком короткие названия, слишком длинные названия, элементы, ведущие на главную страницу, и избыточно длинные цепочки. Яндекс рекомендует ограничиваться примерно тремя элементами. Это прямо влияет на то, как вы называете разделы: «Дв» в цепочке не покажется, «Межкомнатные двери из массива дуба и шпона в наличии» — тоже.

Проверяется всё валидатором микроразметки в Яндекс Вебмастере: вставляете адрес страницы или её код, смотрите, что система разобрала. Если в разборе нет объекта BreadcrumbList — разметки на странице нет, как бы красиво крошки ни выглядели глазами. Про типичные места, где разбор ломается, есть отдельные материалы: виды микроразметки на сайте и проверка микроразметки.

Где крошки нужны, а где только занимают место

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

Тип сайта	Нужны ли крошки	Что выводить в цепочке
Интернет-магазин с каталогом	Обязательно	Главная — категория — подкатегория — название товара
Сайт услуг с разделами и подуслугами	Обязательно	Главная — направление — конкретная услуга
Блог с рубриками	Желательно	Главная — рубрика — заголовок материала
Корпоративный сайт на 10–15 страниц одного уровня	Не нужны	Место лучше отдать заголовку и кнопке действия
Лендинг, одностраничник	Не нужны	Ничего: уровней нет
Каталог с фильтрами и посадочными страницами	Нужны, но аккуратно	Главная — категория — страница фильтра, без дублирования параметров
Сайт с географическими разделами	Нужны	Главная — город или район — услуга в этом городе

Отдельно про каталоги с фильтрами. Если страница фильтра отвечает на реальный спрос и у неё свой адрес, цепочка должна вести на категорию, а не воспроизводить всю комбинацию параметров. Иначе вы получаете цепочки на семь элементов, из которых поиск всё равно покажет три, а человек не прочитает ни одной.

Шесть ошибок, которые делают крошки бесполезными

Ошибка	Чем оборачивается	Как поймать
Крошки не совпадают с адресами страниц	Человек видит одну иерархию, робот по ссылкам — другую	Сравнить цепочку и URL на пяти случайных страницах
Последний элемент дублирует заголовок целиком	Длинная строка, которую система обрежет или выбросит	Посмотреть длину последнего элемента, сократить до короткого названия
Ссылка стоит на текущей странице	Лишняя ссылка «сама на себя», путает и человека, и разбор	Навести курсор на последний элемент: он не должен быть ссылкой
Крошки выводятся плагином без разметки	Визуально есть, для поиска не существует	Валидатор микроразметки: есть ли объект BreadcrumbList
Относительные или чужие адреса в разметке	Цепочка не формируется — домен не совпадает	Открыть код страницы, проверить схему и домен в ссылках
Позиции заданы текстом или начинаются не с единицы	Цепочка не собирается совсем	Проверить значения position: только целые числа по порядку

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

Проверка за десять минут

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

Первое — глазами. Цепочка видна без прокрутки, читается, последний элемент короткий и не кликается. Если крошки прячутся где-то внизу страницы, толку от них для навигации нет.

Второе — кликами. Каждая ссылка в цепочке ведёт туда, куда обещает, и открывает существующую страницу, а не редирект и не 404.

Третье — кодом. Открываете исходный код страницы и ищете строку BreadcrumbList. Нашли — проверяете значения: домен свой, схема https, position числовой, названия заполнены. Не нашли — разметки нет.

Четвёртое — валидатором Вебмастера. Он покажет, что именно система вытащила из страницы и где ошибки. Это финальная проверка: глаза и код могут обманывать, разбор — нет.

Пятое — сверка с адресами. Берёте адрес страницы и раскладываете его на сегменты. Цепочка должна повторять эту логику. Расхождения случаются сплошь и рядом, когда статью переносят в другую рубрику, а адрес оставляют старым. Кстати, о заголовках: последний элемент цепочки не должен слово в слово повторять H1, и про соотношение заголовков есть отдельная проверка H1 и вложенности подзаголовков.

Когда это не сработает и когда нужен специалист

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

Не поможет разметка и там, где страница не отвечает на запрос. Путь в результатах поиска меняет вид строки, а не её содержание. Если название раздела ничего не говорит человеку, красивая цепочка не заставит его кликнуть.

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

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

Нужна ли ссылка на главную в цепочке?

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

Что делать, если страница относится к двум разделам сразу?

Выбрать один основной и строить цепочку по нему же, по какому построен адрес страницы. Две цепочки на одной странице — это два противоречащих сигнала. Связь со вторым разделом показывайте обычными ссылками в тексте или блоком «смотрите также».

Какой формат разметки выбрать?

В справке Яндекса для навигационных цепочек прямо указан JSON-LD. Он удобен тем, что живёт отдельным блоком в коде и не зависит от вёрстки: поменяли дизайн блока — разметка не сломалась. Разметка прямо в атрибутах тегов работает, но ломается при любой правке шаблона.

Крошки влияют на поведение посетителей?

Влияют на конкретное действие — возврат в раздел вместо ухода назад в выдачу. Обещать здесь проценты я не буду: эффект зависит от того, насколько у вас вообще есть куда возвращаться. На сайте с одним разделом он нулевой, в каталоге на тысячу позиций — заметный.

Стоит ли ставить крошки на страницы пагинации?

На вторых и последующих страницах списка цепочка должна вести на ту же категорию, без добавления номера страницы отдельным элементом. Номер — это техническая деталь, а не уровень иерархии, и в навигации ему места нет.

Коротко

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

Поиск использует размеченную цепочку, чтобы показать в результатах понятный путь вместо адреса и лучше понять иерархию разделов. Позиции сами по себе крошки не поднимают и структуру не заменяют.

Разметка делается типом BreadcrumbList в формате JSON-LD. По справке Яндекса нужны заполненные названия, адреса для всех элементов кроме последнего, совпадение домена, схема HTTP или HTTPS и числовые значения позиции. Слишком короткие и слишком длинные названия, а также элементы со ссылкой на главную могут быть исключены из показа; рекомендуемая длина цепочки — около трёх элементов.

Крошки обязательны в каталогах, на сайтах услуг с подразделами и в блогах с рубриками. На одноуровневом сайте и лендинге они занимают место в первом экране и не сообщают ничего.

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

И последнее, про стратегию. Аккуратная структура нужна не сама по себе — она работает на поток, который приходит из поиска без оплаты за клик. Реклама даёт трафик, пока вы платите; понятная иерархия, разметка и страницы, отвечающие на запрос, остаются вашим активом и продолжают приводить людей, когда кабинет выключен. Здравая схема — держать оба канала и постепенно уменьшать долю арендованного.

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