Хлебные крошки: что это такое и почему они полезны для SEO?
Хлебные крошки или меню крошки – это важный элемент внутренней перелинковки страниц сайта, а также один из видов навигации по интернет ресурсу.
Название взялось из сказки Братьев Гримм «Гензель и Гретель», в которой дети разбрасывали крошки от хлеба в лесу, чтобы потом найти дорогу домой. Так и посетители сайта, посмотрев на меню-крошки, всегда могут понять в каком разделе они находятся и, при необходимости, вернуться в предыдущий раздел.
Правильно настроенные хлебные крошки оказывают положительное влияние на индексацию сайта, юзабилити и влияет на улучшение позиций сайта в поисковой выдаче.
В этой статье будет рассмотрены виды хлебных крошек, нужны ли они для сайта, влияют ли они на SEO и как их правильно настроить.
#1: Что такое хлебные крошки на сайте?
Как уже было сказано, хлебные крошки (breadcrumbs) — навигационная цепочка пути на сайте, размещенная, как правило, в верхней левой части экрана под меню.
Крошки делают сайт удобнее для пользователей и позволяют в один клик переходить на любую родительскую категорию относительно текущей. Стандартно цепочка имеет следующий вид:
Но, конечно, встречаются и другие варианты.
Линейное меню-крошки очень полезны, когда пользователи попадают из поисковой выдачи в карточку товара. Таким образом они могут быстро сориентироваться в каком разделе каталога они находятся и, если товар им не подошел, перейти к общей рубрике и продолжить поиск по сайту, а не уходить с него. Это в свою очередь ведет к улучшению поведенческих факторов и росту позиций в выдаче.
Обратные крошки
Ещё одним типом хлебных крошек являются, так называемые, обратные крошки. В этом случае в карточке товара или на любой другой странице сайта вместо полного навигационного маршрута по сайту до текущей страницы добавляется ссылка или кнопка «Назад». По сути это дублирует функцию браузера, но делает ее более удобной.
Такая обратная навигация подходит крупным интернет-магазинам с множеством разнообразных фильтров. Если нажать стрелку «назад» в браузере, то обычно все выставленные пользователем параметры в фильтре сбрасываются и их необходимо заново настраивать, что очевидно не удобно и может привести к потере посетителя. С обратной навигацией же такой проблемы не возникнет, при нажатии на нее пользователь вернется на предыдущий шаг без потери выбранных параметров поиска.
Хлебные крошки с выпадающим списком
Данный вариант хлебных крошек является разновидностью линейных крошек, но с более расширенным функционалом. Суть данных крошек заключается в том, что у каждого раздела-цепочки при наведении на него отображается список смежных разделов. Таким образом пользователь может не просто вернуться на один или два уровня выше текущего, но перейти сразу в смежный раздел любой необходимой категории.
Атрибутивные крошки
Хлебные крошки данного типа формируются на основании параметров фильтра на сайте и подходит крупным интернет-магазинам с большим ассортиментом товаров или крупным информационным сайтам.
Динамические хлебные крошки
В динамической цепочке отображается навигационный путь в зависимости не от структуры вложенности разделов на сайте, а в зависимости от того как пользователь попал на текущую страницу, если товар находится сразу в нескольких разделах сайта сразу. Например, автошампунь для ручной мойки может находиться как в разделе «Автошампуни» и тогда путь будет иметь вид:
Также он может находиться в разделе «Детейлинг» и тогда хлебные крошки будут иметь вид:
Также в Интернете можно встретить сокращенные хлебные крошки, в которых удалены очевидные разделы, например, «каталог» или которые начинаются не с главной страницы, а с каталога или раздела.
#3: Нужны ли моему сайту хлебные крошки?
Как уже стало понятно, в первую очередь хлебные крошки помогают пользователям ориентироваться на сайте, особенно в тех случаях, когда структура сайта сложная и имеет множество категорий. Но стоит отметить, что имеются ввиду не только крупные интернет-магазины, но и корпоративные ресурсы, информационные порталы, форумы и блоги.
Главный критерий для понимания необходимости хлебных крошек на сайте – это вложенность его страниц. Если на сайте линейная простая структура с максимальной вложенностью в 2 страницы, то в навигационном меню нет необходимости. В остальных случаях хлебные крошки лучше внедрить.
#4: 3 важных довода внедрить хлебные крошки на сайт
Большинство CMS имеют хлебные крошки по умолчанию. Если же по какой-то причине их не оказалось на вашем сайте, то ниже приведены 3 важных довода почему их стоит установить, тем более что их внедрение занимаем не много времени и средств, а польза от них действительно ощутимая – это и улучшение юзабилити, улучшение внутренней перелинковки и улучшение ранжирования сайта в поисковой выдаче. Итак, по порядку.
1. Улучшение юзабилити
Как уже неоднократно говорилось, с помощью хлебных крошек пользователю легче ориентироваться на сайте. Ему всегда видно в каком разделе он находится и может перейти в один клик на шаг или два назад. Особенно это актуально, если пользователь попал на страницу товара прямо из поисковой выдачи.
2. Улучшение внутренней перелинковки сайта
Хлебные крошки – это один из видов навигационного меню, т.е. полезны и для внутренней перелинковки и распределения статического веса между страницами.
3. Улучшение сниппета и рост позиций в поисковой выдаче
Если на сайте правильно разметить хлебные крошки, то в поисковой выдаче Яндекс и Google можно увидеть улучшенный сниппет, включающих навигационную цепочку, что в свою очередь влияет на кликабельность и рост позиций сайта в выдаче.
#5: Важные правила при создании или настройке хлебных крошек
Есть несколько важных нюансов для создания или редактирования хлебных крошек на сайте.
1. На главной странице хлебные крошки не размещаются
Во-первых, именно с главной страницы начинается структура сайта. Во – вторых, главная страница будет ссылаться сама на себя, что плохо для SEO оптимизации.
2. Текущая страница не должна быть кликабельной.
Текущая страница должна быть оформлена обычным текстом, а не ссылкой по той же причине, что и отсутствие хлебных крошек на главной – это приведет к зацикливанию страницы.
3. Хлебные крошки лучше размещать в привычном для посетителя месте.
Стандартное место для меню-крошек – это верхний левый угол под структурным меню. Оно должно быть оформлено в стиле сайта и ненавязчиво дополнять страницу.
4. Рекомендуется разметить хлебные крошки специальными HTML-тегами
Специальные HTML-теги – это и есть микроразметка. Благодаря ей поисковые системы будут подтягивать навигационное меню в расширенный сниппет, что благоприятно сказывается на кликабельности и ранжировании сайта.
#6: Микроразметка Shema.org для хлебных крошек
Хлебные крошки размечаются согласно стандарту Shema.org, поддерживаемого всеми популярными поисковыми системами Яндекс, Google, Yahoo! и Bing.
Для внедрения микроразметки в код хлебных крошек необходимо внести html-элементы из библиотеки BreadcrumbList, такие как:
- itemscope — объект;
- itemtype — тип разметки;
- itemListElement —иерархия;
- itemprop=”item” —ссылка на объект;
- itemprop=”name” — название описываемого объекта;
- itemprop=”position” —порядковый номер объекта в структуре.
Пример микроразметки
