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