Хлебные крошки (breadcrumbs)
Хлебные крошки это навигационная цепочка вверху страницы, показывающая путь от главной до текущего раздела: «Главная → Каталог → Редукторы → Червячные». Они помогают посетителю понять, где он находится, и вернуться на уровень выше, а поисковику: разобрать структуру сайта. В выдаче крошки часто заменяют длинный URL, делая сниппет понятнее.
Обновлено: 29 сентября 2026Хлебные крошки это маленький, но полезный элемент. Название пошло от сказки братьев Гримм про Гензеля и Гретель, которые бросали крошки, чтобы найти дорогу назад. На сайте они выполняют ту же роль: показывают путь и помогают вернуться. Ниже разберём, что такое хлебные крошки на сайте, какие они бывают, как их оформить в веб-дизайне, как сделать и добавить хлебные крошки в разных CMS и как проверить разметку.
«Совершенство достигается не тогда, когда нечего добавить, а когда нечего убрать».
Как это работает
Хлебные крошки это горизонтальная цепочка ссылок, которая отражает вложенность страницы в структуре сайта. Каждое звено, кроме последнего, рабочая ссылка на родительский раздел. Для поисковика крошки размечают микроразметкой BreadcrumbList (Schema.org), и тогда он показывает эту цепочку в сниппете вместо технического URL.
Работают крошки в двух направлениях сразу. Посетителю они дают ориентир: видно, что карточка лежит в «Каталог → Насосы → Консольные», и одним кликом можно подняться ко всем консольным насосам. Поисковику они передают логику вложенности и добавляют внутренних ссылок на категории, усиливая их вес.
Какие бывают хлебные крошки
| Вид | Как выглядит | Где применять |
|---|---|---|
| По иерархии | Главная → Каталог → Насосы → Консольные | Основной вариант для каталога и услуг |
| По атрибутам | Насосы → Консольные → Чугун → 50 м³/ч | Подборки фильтров, под которые есть спрос |
| По истории пути | Повторяет, как человек шёл по сайту | Почти не используют: путает и людей, и поисковик |
| С выпадающим списком | У звена раскрывается список соседних разделов | Большие каталоги, где часто переходят между типами |
Для производственного сайта в девяти случаях из десяти нужен первый вариант: крошки строго по иерархии разделов.
Зачем это производственной компании
Промышленный каталог это глубокая иерархия: раздел, подраздел, тип, типоразмер. Закупщик заходит из поиска сразу на карточку «фланец воротниковый Ду100 Ру16», минуя главную и категории. Без крошек он в тупике: чтобы посмотреть другие фланцы, надо лезть в меню или в поиск. С крошками он одним кликом переходит ко всем фланцам Ду100 и смотрит соседние позиции это лишние просмотры и выше шанс заявки. Чем глубже каталог, тем сильнее крошки удерживают человека внутри сайта и не дают ему уйти обратно в выдачу к конкуренту.
Для поиска это тоже важно. Крошки с разметкой прокачивают страницы категорий внутренними ссылками, а именно категории («фланцы воротниковые») ловят самый частотный коммерческий спрос. В сниппете вместо простыни из /catalog/flancy/vorotnikovye/du100-ru16 показывается читаемая цепочка, и по такому результату кликают охотнее.
Как их строить в глубоком каталоге
У завода структура редко бывает плоской: раздел, подраздел, тип, исполнение, а потом карточка. Крошки должны повторять этот путь один в один, а не показывать «Главная / Каталог / Товар». Человек по ним понимает, где он находится и куда вернуться на шаг назад, а не в самое начало.
Правила, которые снимают большинство вопросов: последний элемент это текущая страница и он не ссылка; путь строится по одной, основной ветке, даже если товар лежит в трёх разделах; названия в крошках совпадают с названиями разделов в меню, иначе человек решит, что попал не туда. Если уровней много, средние можно свернуть многоточием, но первый и последний оставляют всегда.
Хлебные крошки в веб-дизайне: как оформить
- Место: над заголовком H1, под шапкой сайта.
- Разделитель: стрелка «›» или «/», одинаковый по всему сайту.
- Шрифт: мельче основного текста, но читаемый. Крошки не должны спорить с заголовком.
- Последнее звено: текущая страница, без ссылки.
- Мобильная версия: одна строка с горизонтальной прокруткой или сокращение средних звеньев.
Скрывать хлебные крошки на мобильных не стоит: на телефоне они ещё полезнее, потому что меню спрятано за кнопкой. Если цепочка длинная, её сокращают, но оставляют первое и последнее звено. Так устроено и на нашем сайте: крошки стоят на каждой странице, от услуг до Базы знаний, и размечены как BreadcrumbList.
Крошки и фильтры: где обычно ломается
Самое частое место поломки: страницы фильтров. Человек выбрал два параметра, адрес изменился, а крошки остались от родительского раздела или, наоборот, начали плодить бессмысленные уровни вроде «Главная / Каталог / Трубы / Трубы 20 мм / Трубы 20 мм оцинкованные».
Рабочее решение: для страниц фильтров, под которые есть спрос и которые Вы продвигаете, крошки ведут до раздела и заканчиваются названием подборки. Для случайных комбинаций фильтров крошки остаются родительскими, а сами страницы обычно вообще не отдают поиску.
Как сделать и добавить хлебные крошки на сайт
| Платформа | Как добавить хлебные крошки |
|---|---|
| 1С-Битрикс | Стандартный компонент навигационной цепочки, выводится в шаблоне сайта |
| WordPress | Функция SEO-плагина (Yoast, Rank Math) или код в шаблоне темы |
| Тильда | Готового универсального блока обычно нет: крошки собирают текстовым блоком со ссылками или в Zero Block, разметку добавляют HTML-кодом |
| Свой код | Шаблон выводит путь из структуры разделов и сразу формирует разметку |
На конструкторах крошки приходится поддерживать вручную, и при росте каталога это становится проблемой. Подробнее об ограничениях в статье Сайт на Тильде: плюсы и минусы конструктора.
Разметка и как проверить
Чтобы крошки заменили длинный адрес в результатах поиска, их размечают как BreadcrumbList. Разметка должна повторять то, что видно на странице: порядок элементов и названия совпадают. Проверяется валидатором и тестом расширенных результатов, а через пару недель после переобхода видно в выдаче.
Что проверить на своём сайте прямо сейчас: крошки есть на всех типах страниц, а не только в каталоге; на мобильном они не съезжают в две строки и не обрезаются; последний элемент не кликабельный; ссылки ведут туда, куда написано.
Крошки, разметка и структура каталога проверяются вместе, по отдельности они мало что дают. Это часть технического аудита сайта.
Учтите изменение 2025 года: в январе Google объявил, что в мобильной выдаче вместо хлебных крошек показывает только домен сайта. На компьютерах и в Яндексе цепочка в сниппете по-прежнему выводится, а для навигации и перелинковки крошки нужны на любом устройстве.
Типичные ошибки
- Крошки без микроразметки. Визуально цепочка есть, но без BreadcrumbList поисковик не покажет её в сниппете. Разметка обязательна.
- Крошки как декорация. Звенья некликабельны или ведут не туда. Тогда они не помогают ни навигации, ни перелинковке.
- Расхождение с реальной структурой. Крошки показывают один путь, а URL и меню: другой. Это путает и робота, и человека.
«Хороший дизайн это как можно меньше дизайна».
SEO-продвижение в наших проектах
Термин «Хлебные крошки (breadcrumbs)» относится к направлению «SEO-продвижение». Ниже проекты, где мы это направление вели. Цифры из отчётов и систем аналитики клиентов, не расчётные.
Частые вопросы
Что такое хлебные крошки на сайте?
Это цепочка ссылок над заголовком страницы, которая показывает путь от главной до текущего раздела, например «Главная → Каталог → Поликарбонат → Сотовый 6 мм». Каждое звено, кроме последнего, ведёт на уровень выше.
Как добавить хлебные крошки на сайт?
В 1С-Битриксе есть стандартный компонент навигационной цепочки, в WordPress крошки выводит SEO-плагин или шаблон темы, на Тильде их обычно собирают вручную из блока со ссылками. В любом случае добавьте разметку BreadcrumbList и проверьте её валидатором.
Влияют ли хлебные крошки на позиции в поиске?
Косвенно, но заметно. Сами по себе крошки не поднимают страницу, но они добавляют внутреннюю перелинковку на категории и помогают поисковику понять структуру сайта. Плюс размеченные крошки улучшают сниппет, а это повышает кликабельность.
Нужны ли крошки на лендинге из одной страницы?
Нет. Крошки нужны там, где есть вложенность: каталоги, блоги, многоуровневые разделы. На одностраничнике им нечего отражать. Их ценность прямо пропорциональна глубине структуры сайта.
Какую разметку использовать для хлебных крошек?
Schema.org BreadcrumbList в формате JSON-LD или микроданных. Именно её понимают Яндекс и Google, чтобы вывести цепочку в результатах поиска вместо URL. Без неё крошки работают только для посетителя.
Насколько это важно, если у нас всего три уровня в каталоге?
На трёх уровнях крошки нужны меньше, но всё равно полезны: они дают человеку понять, где он, и заменяют длинный адрес в выдаче на понятный путь. Это дешёвая правка с небольшим, но верным эффектом.