Когда человек пришёл сразу внутрь
Статью открывают из сообщения, товар из поиска. Посетитель мог не видеть главную страницу и не знать названия разделов. Небольшая цепочка над заголовком даёт контекст: «Главная → Журнал → Статья». Она нужна не для заполнения строки, а для перехода к более широкой подборке без изучения всего меню.
Структура вместо истории действий
Навигационная цепочка показывает родительские страницы в иерархии, а не случайную последовательность кликов. «Поиск → Контакты → Товар» описывает прошлые действия, но не положение товара. Для возвращения уже есть кнопка браузера. Сначала определите структуру сайта. Если страница относится к нескольким подборкам, выберите ясный основной маршрут, а остальные связи покажите отдельно.
Каждый уровень должен быть настоящим
Не добавляйте пустую категорию ради внушительной длины. Подпись родительского раздела должна соответствовать содержимому открываемой страницы. Текущую страницу можно оставить текстом без ссылки: повторный переход на неё редко полезен. Здесь тоже работают понятные названия ссылок. Точность важнее необычного названия, значение которого приходится угадывать.
Доступность без лишних остановок
W3C описывает такой элемент как область навигации с доступным названием. Если текущий пункт является ссылкой, используют aria-current="page"; для обычного текста атрибут необязателен. Разделители не должны получать отдельный клавиатурный фокус. Проверьте видимость фокуса, порядок чтения и отличие названия этой навигации от главного меню.
Маленький экран не требует мелкого текста
Не пытайтесь вместить длинную цепочку уменьшением шрифта до неразборчивого. Разрешите аккуратный перенос или предусмотрите компактный переход к родительскому разделу. Не прячьте весь контекст за многоточием без ясного управления. Проверяйте длинные заголовки, увеличенный текст и все переводы. Макет с короткими словами не показывает настоящую нагрузку на компонент.
Разметка не обещает результат в поиске
BreadcrumbList описывает иерархию для поисковой системы, но не гарантирует особое оформление выдачи или позиции. Данные должны соответствовать существующим страницам и реальному маршруту. Перед публикацией откройте вложенный адрес напрямую, пройдите все ссылки и убедитесь, что язык случайно не меняется. Удачная цепочка спокойно отвечает: где я сейчас и что находится на уровень выше.
