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

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

Как это выглядит и зачем нужно

Обычная цепочка: Главная → Услуги → Продвижение сайтов. Каждый элемент, кроме последнего, — ссылка.

Что даёт	Кому
Понимание, где человек находится	Посетителю
Быстрый переход на уровень выше	Посетителю
Внутренние ссылки на разделы	Сайту: распределение веса
Понимание структуры сайта	Поисковой системе
Цепочка вместо адреса в выдаче	Кликабельности
Снижение доли отказов	Поведенческим показателям

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

Где крошки обязательны, а где не нужны

• Обязательны: интернет-магазины с категориями, сайты с вложенностью от двух уровней, большие блоги с рубриками, каталоги.
• Полезны: сайты услуг с разделами, справочные проекты.
• Не нужны: одностраничные сайты, визитки на 5 страниц, лендинги.
• Хлебные крошки на сайте: зачем нужны и как не сломать ими структуру

Простой критерий: если у сайта есть уровни вложенности и человек может «заблудиться» — крошки нужны. Если все страницы в одном клике от главной — они лишний элемент.

Правила построения цепочки

1. Первый элемент — главная. Обычно называется «Главная», иногда логотипом.
2. Последний элемент — текущая страница, без ссылки. Ссылка на саму себя не нужна.
3. Цепочка отражает структуру, а не путь пользователя. Человек мог прийти из поиска — крошки всё равно показывают место страницы в сайте.
4. Названия короткие, соответствуют названиям разделов.
5. Разделитель единый по всему сайту.
6. Размещение над заголовком H1.
7. Один уровень — одна категория. Если товар в трёх категориях, выбирается основная.

Разметка крошек

Без разметки крошки работают для людей, но не попадают в выдачу. Разметка BreadcrumbList исправляет это.

{
  "@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/uslugi/"},
    {"@type":"ListItem","position":3,"name":"Продвижение сайтов"}
  ]
}

Последний элемент указывается без адреса — это текущая страница. Проверяется валидатором структурированных данных, эффект в выдаче появляется через 2–6 недель после переобхода.

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

Ошибка	Чем плохо
Последний элемент — ссылка на саму страницу	Бессмысленная ссылка, путает
Цепочка не совпадает со структурой адресов	Сбивает и человека, и робота
Крошки выводятся скриптом после загрузки	Могут не попасть в индекс
Разные разделители на разных страницах	Выглядит небрежно
Слишком длинные названия разделов	Цепочка переносится и ломает вёрстку
Нет разметки	В выдаче остаётся длинный адрес
Крошки внизу страницы	Их никто не видит
Пять и больше уровней	Признак слишком глубокой структуры

Крошки на мобильных

Отдельная проблема: на узком экране цепочка из четырёх уровней ломает вёрстку или уезжает за край.

Рабочие решения:

• Горизонтальная прокрутка внутри блока крошек, не всей страницы.
• Сокращение средних уровней многоточием с сохранением первого и последнего.
• Уменьшенный шрифт и компактные отступы.
• Показ только предыдущего уровня со стрелкой назад.
• Хлебные крошки на сайте: зачем нужны и как не сломать ими структуру

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

Подробнее об этом — в статье «Хлебные крошки — это не украшение, а карта сайта для робота Яндекса».

Как внедрить на WordPress

1. Плагины оптимизации — у большинства есть блок крошек с готовой разметкой.
2. Отдельные плагины хлебных крошек — если основной плагин их не умеет.
3. Функция темы — самый гибкий вариант, вывод в шаблоне записи и страницы.

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

Крошки и структура сайта

Побочный, но важный эффект: попытка построить крошки часто вскрывает, что структуры на сайте нет.

Признаки:

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

Если это про ваш сайт, крошки — не главная задача. Сначала надо привести в порядок структуру: разделы под группы запросов, понятная вложенность, любая страница в 2–3 клика от главной.

Разбор: что изменилось после внедрения

Сайт услуг, 70 страниц, структура из трёх уровней, крошек не было.

Что сделали за день: вывод крошек в шаблоне над заголовком, разметка BreadcrumbList, прокрутка внутри блока на мобильных, единый разделитель.

Что изменилось через полтора месяца:

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

Позиции при этом не изменились — крошки на них и не влияют напрямую. Работает связка «понятнее строка в выдаче плюс удобнее навигация».

Тему разбирал отдельно: «Поиск битых ссылок на сайте».

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

Влияют ли крошки на позиции? Напрямую нет. Косвенно — через внутренние ссылки, поведение и кликабельность.

Нужны ли крошки на маленьком сайте? При 5–10 страницах без вложенности — нет.

Делать ли последний элемент ссылкой? Нет, это текущая страница.

Обязательна ли разметка? Без неё крошки работают только для людей, в выдачу не попадают.

Что делать, если товар в нескольких категориях? Выбрать основную и использовать её в цепочке на всех копиях карточки.

Если нужна помощь по теме — создание сайтов.

Настройку крошек, разметки и структуры разделов делаю в рамках доработки сайта.

Смежный материал по теме — «Файлы-сироты и технологические отходы на сайте».

Крошки как элемент перелинковки

Часто упускаемая сторона: крошки — это внутренние ссылки, причём сквозные и осмысленные.

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

На сайте с сотнями карточек это заметный объём внутренних ссылок, который появляется бесплатно и работает постоянно.

Варианты оформления

Вариант	Когда подходит
Текстовая цепочка со стрелками	Универсальный, самый привычный
Цепочка со слешами	Технические сайты, документация
Кнопка «назад в раздел» вместо цепочки	Мобильные версии, узкие экраны
Цепочка с иконкой дома вместо слова «Главная»	Экономит место, но менее понятно
Цепочка внутри шапки	Компактно, но легко потерять взглядом

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

Проверка после внедрения

1. Откройте карточку товара или статью — цепочка есть и ведёт в правильный раздел.
2. Последний элемент не кликается.
3. Исходный код содержит блок разметки BreadcrumbList.
4. Валидатор структурированных данных не показывает ошибок.
5. На телефоне цепочка не выходит за край экрана.
6. Через месяц — в выдаче вместо адреса видна цепочка.

Шесть проверок занимают десять минут и закрывают вопрос: дальше крошки работают сами, без обслуживания.

Крошки и глубина структуры

Длина цепочки — хороший индикатор здоровья структуры сайта.

Длина цепочки	Что означает	Что делать
2 уровня	Главная плюс страница — плоская структура	Норма для небольшого сайта
3 уровня	Главная, раздел, страница	Оптимально для большинства сайтов
4 уровня	Есть подразделы	Допустимо для каталогов
5 и больше	Слишком глубокая вложенность	Упрощать: страницы далеко от главной

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

Что проверить, если крошки не появились в выдаче

1. Разметка есть в исходном коде, а не добавляется скриптом.
2. Валидатор не показывает ошибок в BreadcrumbList.
3. Адреса в разметке абсолютные и рабочие.
4. Страница переобойдена после внедрения.
5. Прошло не меньше месяца.

Если всё это выполнено, а цепочки в выдаче нет — значит, система сочла адрес страницы достаточно понятным и показывает его. Это тоже нормальный исход.

Крошки и категории в блоге

На блогах цепочка обычно строится через рубрику: Главная → Статьи → Техническое SEO → Название материала. Здесь важно, чтобы у материала была одна основная рубрика — иначе цепочка будет разной при разных заходах, а это путает и человека, и робота.

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

Коротко

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

Подробно о внутренних ссылках и распределении веса по сайту:

8:40

Техническую часть и удобство сайта привожу в порядок в рамках доработки сайта.