Хлебные крошки — цепочка ссылок в верхней части страницы, которая показывает, где эта страница находится в структуре сайта. Человеку они помогают подняться на уровень выше, поисковой системе — понять устройство сайта, а при правильной разметке ещё и заменяют длинный адрес в результатах поиска на понятный путь. Разберём, как их строить, как размечать структурированными данными и какие ещё типы разметки имеет смысл добавить вместе с ними.
Что дают крошки
Большинство посетителей из поиска попадают не на главную, а сразу на глубокую страницу: карточку товара, статью, описание подуслуги. Человек видит ответ на свой вопрос и не имеет представления, что ещё есть на сайте. Крошки решают эту задачу дешевле любого другого элемента навигации.
- Понятный ориентир: видно, в каком разделе находится страница и что находится уровнем выше.
- Отображение пути в выдаче вместо адреса — сниппет читается легче и точнее описывает содержание.
- Дополнительные внутренние ссылки на разделы, причём с осмысленными анкорами.
- Меньше возвратов в поиск: у посетителя есть куда пойти дальше, кроме кнопки «назад».
- Роботу проще понять иерархию: что здесь категория, что подкатегория, а что конечная страница.
Как строить крошки правильно
| Правило | Почему так | Частое нарушение |
|---|---|---|
| Отражать структуру, а не историю переходов | Крошки — это место страницы в каталоге, а не маршрут конкретного посетителя | Цепочка меняется в зависимости от того, откуда пришёл человек |
| Текущая страница без ссылки | Последний элемент — просто текст, ссылка на саму себя сбивает | Последний пункт кликабелен и перезагружает страницу |
| Названия как в разделах | Совпадение с пунктами меню и заголовками не заставляет догадываться | В меню «Услуги», в крошках «Что мы делаем» |
| Первый элемент — главная | Ожидаемое поведение, к нему привыкли | Первым стоит раздел или сокращение вроде «Гл.» |
| Одна цепочка на страницу | Товар может быть в нескольких категориях, но путь нужен один — основной | Выводятся две-три параллельные цепочки |
| Размечать структурированными данными | Без разметки в выдаче остаётся адрес страницы | Крошки видны людям, но не размечены |
| Показывать на мобильном | На маленьком экране ориентироваться сложнее всего | Крошки скрыты медиазапросом «чтобы не мешали» |
| Не подменять крошками заголовок | У страницы должен быть свой заголовок первого уровня | Название страницы есть только в цепочке |
Разметка: как путь попадает в выдачу
Чтобы поисковая система показала путь вместо адреса, крошки нужно описать структурированными данными по словарю schema.org. Для этой задачи используется тип BreadcrumbList: перечень элементов, у каждого — позиция, название и адрес. Разметку можно добавить двумя способами: атрибутами прямо в разметке крошек или отдельным блоком в формате JSON-LD в исходном коде страницы.
Мы предпочитаем второй вариант. Он не зависит от вёрстки: дизайнер меняет оформление цепочки, а разметка остаётся целой. Кроме того, блок формируется в одном месте шаблона, и его проще проверить. Важно, чтобы данные в разметке совпадали с тем, что человек видит на странице: несовпадение названий и адресов — самая частая причина, по которой путь в выдаче так и не появляется.
Отдельно отметим, что разметка не гарантирует отображение. Поисковая система решает сама, показывать ли путь, и результат появляется не сразу, а после переобхода страниц. Обычно на это уходит от нескольких дней до нескольких недель.
Где крошки особенно нужны
Ценность цепочки растёт вместе с глубиной структуры. Есть три типа сайтов, где без неё заметно хуже.
- Каталоги с вложенностью. Раздел, подраздел, категория, товар — без крошек посетитель из поиска не поймёт, что рядом есть похожие позиции.
- Блог с рубриками. Человек прочитал статью, но не увидел, что по этой теме есть ещё двадцать материалов.
- Страницы услуг с подуслугами. Частный случай услуги обычно и приводит людей из поиска, а переход к общему описанию должен быть очевидным.
Простой сайт из пяти страниц в крошках не нуждается: там всё видно из меню, и цепочка только добавит визуального шума.
Что размечать помимо крошек
Структурированные данные не сводятся к пути. Есть несколько типов, которые имеет смысл добавить почти любому коммерческому сайту, и обычно это делается за один подход.
- Организация. Название, логотип, адрес, телефоны, ссылки на официальные профили. Помогает поиску связать сайт с компанией.
- Локальный бизнес. Для компаний с офисом или точками продаж: адрес, координаты, часы работы.
- Статья. Заголовок, автор, дата публикации и дата изменения. Важно, чтобы даты были настоящими, а не проставленными шаблоном.
- Товар. Название, изображение, цена, наличие. Данные должны совпадать с тем, что показано на странице.
- Частые вопросы. Пара «вопрос — ответ» из блока, который реально есть на странице.
- Отзывы и оценки. Только настоящие, привязанные к конкретному объекту, иначе разметка игнорируется, а иногда приводит к санкциям.
Частые ошибки
- Крошки есть, но не размечены — в выдаче по-прежнему адрес страницы.
- Названия в цепочке не совпадают с названиями разделов на сайте.
- В разметке указаны относительные адреса вместо полных.
- Цепочка выводится с ошибкой на страницах фильтров: путь строится по параметрам, а не по категории.
- Разметка размечает то, чего нет на странице, — например, цену, скрытую до заявки.
- После смены структуры сайта крошки ведут на несуществующие разделы.
- На мобильной версии цепочка обрезается так, что остаётся один пункт.
Как проверить
Проверка занимает несколько минут и делается в три шага. Сначала откройте глубокую страницу прямо по ссылке, как это делает посетитель из поиска, и оцените: понятно ли, в каком разделе вы находитесь и как подняться выше. Затем прогоните адрес через валидатор структурированных данных — он покажет, распознаётся ли BreadcrumbList и нет ли ошибок в полях. Наконец, посмотрите в панели вебмастера отчёт по разметке: там видно, сколько страниц с корректными данными и где ошибки повторяются.
Если ошибок нет, а путь в выдаче не появился, проверьте главное условие: разметка должна описывать те же элементы, которые видит человек. Скрытая от посетителей цепочка, добавленная только ради разметки, поисковыми системами не приветствуется.
Нужна помощь
Крошки и структурированные данные — самая дешёвая часть технической оптимизации: работы немного, а на навигацию и вид сниппета она влияет заметно. Если заниматься этим некогда, мы возьмём задачу целиком, вместе с остальной технической частью и контентом: настроим продвижение сайта в поиске.
Если делать это самостоятельно некогда, мы берём задачу целиком: продвижение сайта в поиске, включая техническую часть и контент.
