CityHost.UA
Помощь и поддержка

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

 5699
24.06.2019
article

 

 

Хлебные крошки (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 ухудшат юзабилити или запутают посетителей — не используйте их.

Зная, что такое хлебные крошки и применяя рекомендации с этой статье на практике, вы ускорите продвижение интернет-магазина, портала или блога к вершине выдачи Гугла, сделаете сайт понятным и для посетителей, и для веб-краулеров.

Аренда выделенного сервера для большого интернет-проекта


Понравилась статья? Расскажите о ней друзьям:

Автор: Богдана Гайворонская

Журналист (с 2003 года), IT-копирайтер (с 2013 года), контент-маркетолог Cityhost.ua. Специализируется на статьях о технологиях, создании и продвижении сайтов.