
- Как хлебные крошки помогают поисковой оптимизации сайта
- Как добавить хлебные крошки на сайт: способы и правила создания навигационной цепочки
Хлебные крошки (breadcrumbs) — это дополнительный элемент навигации, который отображает иерархию страниц на сайте и помогает пользователям быстро вернуться в разделы высшего уровня. Чаще их можно увидеть в виде цепочки ссылок на страницах товаров, статей или новостей. Например:
- Главная → Наушники → Беспроводные наушники — для интернет-магазина;
- Главная → Новости Украины → Новости Киева – для новостного портала.
Такая цепочка облегчает ориентацию, сокращает время на поиск нужного раздела и снижает вероятность того, что пользователь уйдет из интернет-проекта из-за запутанной структуры. К тому же хлебные крошки на сайте положительно влияют на SEO: поисковики используют их для лучшего понимания структуры веб-ресурса и формирования расширенных сниппетов в результатах поиска.
Как хлебные крошки помогают поисковой оптимизации сайта
Breadcrumbs, как и карта сайта, помогают поисковым системам лучше понять структуру интернет-проекта. Они создают дополнительные связи между страницами, улучшают внутреннюю перелинковку, положительно влияют на вид сниппетов в выдаче.
Для лучшего понимания рассмотрим конкретные преимущества хлебных крошек на сайте:
- улучшение юзабилити — с помощью breadcrumbs посетители сразу четко понимают, где они находятся и как попасть в нужный раздел или категорию;
- улучшение внутренней перелинковки — таким образом достигается правильное перераспределение ссылочного веса и продвигаются важные страницы;
- отображение в результатах поиска — корректно настроенные хлебные крошки показываются в выдаче поисковых систем вместо полного URL и помогают пользователям сразу понять, найдут ли они на странице то, что ищут;
- улучшение поведенческих факторов — пользователи проводят больше времени и посещают больше страниц на сайтах, на которых установлены и настроены breadcrumbs.
Добавление хлебных крошек занимает несколько минут, особенно если веб-ресурс работает на WordPress, Joomla, OpenCart или других системах управления контентом. При этом вы получаете довольных пользователей, лучшее ранжирование и более высокие позиции в выдаче поисковых систем.
Как добавить хлебные крошки на сайт: способы и правила создания навигационной цепочки
Проще всего добавить хлебные крошки на WordPress: устанавливаете Yoast SEO, Rank Math или другой плагин для поисковой оптимизации, и он автоматически активирует breadcrumbs. В настройках можно выбирать вид навигации, на каких страницах отображать, как показывать в выдаче и так далее. В Joomla, OpenCart и многих других CMS навигация обычно встроена, но ее можно дополнительно настроить или заменить через указанные ранее расширения.
На сайты без движка обычно добавляют хлебные крошки через HTML с помощью следующего кода:
<nav aria-label="breadcrumb">
<ol>
<li><a href="/">Головна</a></li>
<li><a href="/smartphones/">Смартфони</a></li>
<li>Samsung</li>
</ol>
</nav>
Чтобы навигация правильно индексировалась поисковиками, рекомендуем добавлять микроразметку Schema.org, например, тип BreadcrumbList с элементами ListItem.
Среди других важных правил использования хлебных крошек на сайте следует выделить:
- общепринятая практика — размещение breadcrumbs в виде горизонтальной линии, на какой CMS бы он не работал. Хотя никаких запретов на их расположение по вертикали нет;
- внешний вид навигационной цепочки должен сочетаться с общим дизайном сайта и излишне не выделяться на фоне других элементов веб-страницы;
- элемент breadcrumbs, определяющий страницу, на которой находится пользователь, должен быть некликабельным. В противном случае это становится причиной появления циклических ссылок — линков, которые ведут на ту же веб-страницу, на которой расположены. А такие ссылки запутывают посетителей и негативно влияют на ранжирование веб-ресурса;
- не используйте слишком много ключевых слов, ведь это увеличивает риск попадания под фильтр поисковых систем;
- если онлайн-ресурс создан таким образом, что breadcrumbs ухудшат юзабилити или запутают посетителей — не используйте их.
Зная, что такое хлебные крошки и применяя рекомендации с этой статье на практике, вы ускорите продвижение интернет-магазина, портала или блога к вершине выдачи Гугла, сделаете сайт понятным и для посетителей, и для веб-краулеров.