Хлебные крошки (Breadcrumb)

Хлебные крошки (breadcrumb navigation) – это вторичный навигационный паттерн, отображающий текущее положение пользователя в иерархии сайта как цепочку ссылок на названия страниц. Название пришло из сказки о Гензеле и Гретель, и принцип тот же: дорожка из меток, ведущая обратно к началу. Типичные хлебные крошки в интернет-магазине выглядят так: Главная > Электроника > Ноутбуки > Название товара, где каждый сегмент, кроме текущей страницы, является кликабельной ссылкой. Чаще всего хлебные крошки располагаются горизонтальной строкой в верхней части страницы, под основной навигацией.

С точки зрения UX хлебные крошки решают конкретную задачу – ориентацию. Пользователи, попавшие на глубоко вложенную страницу из поиска или по прямой ссылке, часто не имеют представления о том, где эта страница находится в общей структуре сайта. Хлебные крошки отвечают на вопрос «Где я?» и дают путь в один клик к любой родительской категории, не заставляя пользователя пробираться через главное меню. Это особенно ценно на сайтах с большим объёмом контента, в интернет-магазинах с глубоким деревом категорий и на сайтах документации, где страницы могут быть вложены на несколько уровней. Лучшие практики: держать хлебные крошки видимыми, но визуально сдержанными, чтобы они не конкурировали с основным контентом, использовать простой разделитель вроде шеврона или косой черты и всегда делать текущую страницу последним элементом без ссылки.

Для SEO хлебные крошки дают измеримую пользу благодаря структурированной разметке BreadcrumbList. Если реализовать схему хлебных крошек через JSON-LD, Google может показывать путь в результатах поиска вместо сырого URL, что делает ваш сниппет более читаемым и может повысить кликабельность. Структурированные данные также укрепляют понимание Google иерархии вашего сайта, помогая ему определять связи между контентом и важность страниц. Реализация проста: схема требует упорядоченный список элементов с названиями и URL, совпадающими с видимыми хлебными крошками. Большинство современных CMS и фреймворков умеют генерировать схему хлебных крошек автоматически на основе структуры сайта, а инструмент Google Rich Results Test проверяет разметку перед деплоем.