Хлебные крошки в сео

Хлебные крошки в сео

В рамках данной заметки, я расскажу вам что такое хлебные крошки в сео, а так же некоторые особенности. И начну с определения.

 

Хлебные крошки это

Хлебные крошки в сео

Хлебные крошки (breadcrumbs, навигационная цепочка) - это цепочка ссылок, которая отображает путь от корня сайта к текущей странице.

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

Если приводить их примерный вид, то хлебные крошки обычно выглядят как горизонтальная строчка, где каждый из элементов разделен неким символом (или с помощью css стилей; визуально). При этом все элементы, кроме последнего представляют собой ссылки.

В стиле:

Главная страница (ссылка) > Категория (ссылка) > Текущая страница (обычный текст)

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

Примечание: Кстати, стоит знать, что поисковые системы могут отображать хлебные крошки в сниппете, что бывает полезным, но об этом далее.

 

Зачем нужны хлебные крошки в сайте?

Представьте, что вы открыли сайт с 10000 обзоров. И случайно забрели в какой-нибудь из них. Как понять в какой категории этот обзор? А если их несколько, то через какую конкретно категорию вы открывали, чтобы посмотреть остальные обзоры? Без какой-либо навигационной цепочки, узнать это может быть довольно непростой задачей (конечно, если речь не о сайте из 10 страничек; или же не использовать кнопку "Назад" браузера, но с этим бывают нюансы).

Плюсы хлебных крошек для юзабилити:

1. Пользователь знает в каком месте сайта находится.

2. Более удобная навигация для пользователей и наглядность.

Примечание: Вам так же может быть интересен обзор что такое юзабилити.

Плюсы хлебных крошек для сео:

1. Естественная внутренняя перелинковка.

2. Способствует увеличению поведенческих факторов (что это?).

3. Ориентир для поисковых систем. Как уже говорил, в основном для сниппета. Небольшая ремарка, иногда поисковики сами определяют структуру, но чаще же приходится дополнительно использовать микроразметку.

 

Какие бывают хлебные крошки?

По типу формирования:

1. Статические. Как бы вы не открыли определенный контент (обзор, товар и т.п.), наполнение хлебных крошек остается неизменным.

2. Динамические. Хлебные крошки учитывают нюансы истории навигации. Например, если товар находится в трех категориях, доступных из разных веток, то для каждого из вариантов будут отображаться свои хлебные крошки, хотя товар один и тот же. Кстати, обычно более предпочтительный тип, так как он банально удобнее.

Примечание: Советую ознакомиться с обзором про дубли страниц, чтобы знать как быть в случае с динамическими путями.

По типу наполнения:

1. Линейные. По сути. прямая навигационная цепочка переходов от главной страницы до текущей. Кстати, стоит знать, что иногда главную страницу не указывают.

2. Кнопка "Назад". Банально та же самая кнопка "Назад" ("к категории", "к оглавлению"), как и в браузере, только доступная внутри страницы. Однако, тут важно учитывать, что если сайт использует динамическую генерацию страницы, то обычная кнопка браузера может откинуть на несколько шагов назад. Например, формы, состоящие из нескольких шагов, каждый из которых представляет собой динамический контент (url сайта остается одним и тем же и перезагрузка страницы не происходит). В таких случаях, без кнопок навигации внутри самого сайта банально не обойтись.

3. Использование атрибутов. Более сложный вариант хлебных крошек, чаще всего используемый в интернет-магазинах. Суть в том, что навигационная цепочка формируется не только исходя из порядка следований категорий, но и применяемых фильтров. Небольшой пример для понимания. Допустим, открыли категорию "Шкафы", установили фильтры "Размер", "Аксессуары" (декор) и прочее. Из сотен товаров отобразился десяток-другой. Переходим в карточку товара. Тут и возникает вопрос: а как вернуться к ранее выбранной категории и фильтрам? Делается это обычно за счет добавления набора заданных фильтров в хлебные крошки, например, в виде тегов.

Примечание: Кстати, такой подход может быть удобен при сео оптимизации, когда требуется сгруппировать товары по каким-либо признакам, подходящим под определенные поисковые запросы.

4. Различные комбинации и специфические подходы. Если комбинации вообразить несложно, например, кнопка "Назад" и линейные крошки, то вот специфические обычно представляют собой креатив. Например, бывают линейные хлебные крошки, в которых каждый из уровней это не только ссылка на конкретную категорию, но и меню, в котором отображаются другие категории того же уровня. Удобно, если структура сайта достаточно сильно разветвлена.

 

Хлебные крошки: несколько полезных советов

1. Хлебные крошки не везде нужны (в прямом их виде). Во-первых, для небольших сайтов из 5-10 страниц они, в принципе, бесполезны. Во-вторых, для сайтов, где контент разделен между несколькими главными категориями, от полного пути немного толка. Вполне достаточно указать ссылку на категорию.

2. Навигационная цепочка это вспомогательный инструмент. Простыми словами, стоит помнить о меню, о блоках с подборкой обзоров и прочих вещах.

3. На главной странице сайта и в основных категориях не нужны хлебные крошки. Так как пользователь, в принципе, понимает, где он находится.

4. Навигационная цепочка должна быть заметна, но не настолько, чтобы отвлекать внимание. В противном случае, пользователь либо не сможет ею воспользоваться, либо блок с крошками будет выбиваться из общего дизайна. Например, нередко это сероватый цвет букв (или цвет ссылок сайта) на белом фоне с размером стиля как у основного текста или чуть меньше. Такой блок достаточно приметный, но не отвлекающий.

5. Располагайте хлебные крошки недалеко от заголовка. Хоть это и не является обязательным, но тут банально речь о том, что многие пользователи привыкли к этому расположению.

Понравилась заметка? Тогда время подписываться в социальных сетях и делать репосты!

Социальные сети

☕ Понравился обзор? Поделитесь с друзьями!

Добавить комментарий / отзыв
Комментарий - это вежливое и наполненное смыслом сообщение (правила).



* Нажимая на кнопку "Отправить", Вы соглашаетесь с политикой конфиденциальности.
Социальные сети
Программы (Freeware, OpenSource...)