Хлебные крошки на сайте

Помните сказку про Гензеля и Гретель, которые бросали крошки, чтобы найти дорогу назад? На сайтах работает та же идея. Хлебные крошки — это строчка-навигация вроде «Главная › Каталог › Ноутбуки». Она показывает, где человек находится и как вернуться выше. Мелочь, а пользы много — и людям, и поисковику.

Зачем они нужны

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

Как они должны выглядеть

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

Микроразметка — обязательно

Сами по себе крошки помогают навигации. Но чтобы они появились в поисковой выдаче, их нужно разметить. Для этого есть специальная микроразметка Schema.org — тип BreadcrumbList. Это блок кода, который объясняет поисковику, что вот эта строчка — навигационный путь. Без разметки человек крошки на сайте видит, а в выдаче они не покажутся.

Частые ошибки

Их немного. Иногда последний пункт делают ссылкой на саму себя — это лишнее. Иногда путь в крошках не совпадает с реальной структурой сайта, и человек путается. Бывает, крошки добавили, а разметку забыли — и в выдаче их нет. И ещё: не пытайтесь напихать в крошки ключевые слова, это навигация, а не место для SEO-текста. Пишите названия так, как они есть на сайте.

Коротко: хлебные крошки помогают людям не заблудиться, усиливают внутреннюю перелинковку и делают сниппет в выдаче красивее. Добавьте их вверху страниц, разметьте через Schema.org — и получите пользу сразу на двух фронтах. О связках страниц подробнее — в статье про внутреннюю перелинковку.