Хлебные крошки на сайте: что это в SEO, зачем нужны и как сделать правильно

Хлебные крошки: что это в SEO и для людей

Крошки решают две задачи.

Для посетителя. Человек пришёл из поиска сразу на страницу «Ремонт ванной под ключ». Он не видел главную и не знает, что у вас ещё есть ремонт кухонь и отделка балконов. Цепочка «Главная → Ремонт → Ремонт ванной» за секунду показывает, где он и куда можно перейти. Без неё он чаще закрывает вкладку.

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

В выдаче. Если на странице есть разметка, поисковик может заменить адрес в сниппете на навигационную цепочку. «Ремонт → Ванная» понятнее, чем site.ru/catalog/item?id=4512.

Каким сайтам нужны хлебные крошки

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

Какие бывают хлебные крошки

1. По структуре сайта. Показывают место страницы в иерархии: «Главная → Каталог → Смесители → Смесители для ванной». Самый распространённый и полезный тип.
2. По атрибутам. Отражают выбранные фильтры: «Смесители → Для ванной → Хром → Grohe». Используют в больших каталогах, но такие страницы фильтров нужно аккуратно закрывать или открывать для индексации.
3. По истории. Показывают, какие страницы человек смотрел. Почти не используются: это дублирует кнопку «Назад» в браузере и путает.

Для сайтов малого бизнеса почти всегда нужен первый тип.

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

Вот на чём чаще всего ошибаются:

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

Микроразметка BreadcrumbList: чтобы крошки появились в выдаче

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

Что требует Яндекс по справке Вебмастера о навигационных цепочках:

• формат — JSON-LD с типом BreadcrumbList;
• у каждого элемента три поля: name (название), адрес элемента и position (номер по порядку). В справке Яндекса адрес назван полем url, в примерах Schema.org — item; для всех элементов, кроме последнего, адрес обязателен;
• адреса должны вести на тот же сайт, названия — быть заполнены, позиции — числами;
• слишком длинные цепочки Яндекс может сократить и показать только последние элементы.

Пример разметки для страницы «Ремонт ванной»:

```json

```

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

Про другие типы разметки — для организации, товаров, вопросов и ответов — мы писали отдельно в статье микроразметка Schema.org.

Что изменилось в Google

В январе 2025 года Google упростил отображение адреса в мобильной выдаче: на телефонах вместо цепочки теперь показывается только домен. На компьютерах крошки в сниппетах остались. Разметку BreadcrumbList Google по-прежнему поддерживает и использует, чтобы понимать структуру сайта, так что удалять её не нужно.

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

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

На Тильде есть два способа.

В каталоге товаров. По справке Тильды крошки встроены в блок каталога ST340 и его варианты. Порядок такой:

1. Добавьте на страницу блок ST340, ST340A или ST340B.
2. В контенте блока выберите товары из каталога и разложите их по разделам.
3. В настройках блока откройте вкладку с хлебными крошками.
4. Выберите, где показывать: над товарами или над заголовком.

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

Для обычных страниц. В разделе меню есть блок ME605, который выводит цепочку навигации. Названия и ссылки элементов задаются вручную в контенте блока. Это удобно для сайтов услуг: «Главная → Услуги → Ремонт ванной».

Разметка на Тильде. Проверьте опубликованную страницу валидатором микроразметки Яндекса. Если BreadcrumbList не найден, добавьте JSON-LD из примера выше через блок HTML-кода на странице. Для каждой страницы — свой код с её цепочкой.

Если вы делаете каталог на Тильде, общие принципы его устройства — в статье каталог товаров на Тильде.

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

На WordPress крошки обычно добавляют одним из трёх способов:

1. Через SEO-плагин. Популярные плагины вроде Yoast SEO и Rank Math умеют выводить крошки и сразу добавлять разметку BreadcrumbList. Функцию включают в настройках плагина, а на странице выводят шорткодом, блоком или строкой кода в шаблоне темы.
2. Через тему. Многие коммерческие темы выводят крошки сами, и они включаются в настройках темы. Проверьте, есть ли в них разметка.
3. Через WooCommerce. У интернет-магазинов на WooCommerce крошки на страницах товаров и категорий есть по умолчанию.

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

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

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

Вот что мы находим при проверке сайтов чаще всего:

• Крошки есть, а ссылок в них нет. Цепочка выведена простым текстом, кликнуть нельзя. Для человека половина пользы пропадает, для робота — вся.
• Ссылки ведут не туда. Элемент «Услуги» ведёт на главную, потому что страницы раздела не существует. Если раздела нет, не показывайте его в цепочке или создайте страницу.
• Разметка не совпадает с видимыми крошками. На странице одна цепочка, в коде — другая, часто оставшаяся от старой структуры.
• Цепочка содержит параметры фильтров. Адреса вида ?color=red&sort=price попадают в разметку, и поисковик получает сотни лишних вариантов.
• Крошки только на части страниц. На товарах есть, на статьях и услугах нет. Навигация должна работать одинаково по всему сайту.
• Крошки спрятаны на мобильной версии. Как раз на телефоне вернуться в раздел труднее всего, поэтому прятать их не стоит.

Каждая из этих ошибок исправляется за час-два, но заметить их можно только при проверке страниц разных типов.

Как проверить, что крошки работают: пошагово

1. Откройте страницу второго-третьего уровня и убедитесь, что цепочка видна над заголовком и все ссылки, кроме последней, кликабельны.
2. Откройте страницу с телефона: цепочка не ломает вёрстку и не перекрывает заголовок.
3. Проверьте страницу валидатором микроразметки Яндекса. Тип BreadcrumbList должен определиться без ошибок.
4. Сверьте цепочку с реальной структурой: адреса в разметке совпадают с адресами разделов.
5. Через несколько недель после переобхода посмотрите сниппеты своих страниц в выдаче Яндекса.

Условный пример: что дают крошки каталогу

Пример условный, не кейс студии. Магазин сантехники, 600 товаров в 25 категориях, крошек не было.

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

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