Что такое хлебные крошки и почему они важны для SEO

Хлебные крошки – это неотъемлемая часть практически каждого хорошего веб-сайта. Эти маленькие навигационные помощники не только сообщают пользователям их местонахождение на вашем сайте, но и помогают поисковикам определить структуру вашего сайта, так что добавление этих полезных указателей имеет большое значение.

Хлебные крошки – это небольшой текстовый путь, часто расположенный в верхней части страницы, указывающий, где находится пользователь на сайте. Например, на yoast.com путь к руководству по ключевым словам выглядит следующим образом: Главная > Блог SEO > Контент SEO > Исследование ключевых слов > Исследование ключевых слов для SEO: исчерпывающее руководство. Эта цепочка сразу показывает вам, где вы находитесь. Каждый шаг этого пути является ссылкой, возвращающей на предыдущую страницу.

Но почему эта навигационная помощь называется крошкой? Когда Гензель и Гретель отправились в лес, Гензель рассыпал крошки хлеба на землю, чтобы они могли найти путь домой, если заблудятся. Эти крошки в конечном итоге стали образцом для тех, которые мы видим на веб-сайтах.

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

Yoast SEO автоматически добавляет необходимые структурированные данные – BreadcrumbList в формате JSON-LD. Активируйте плагин в настройках, и вы увидите соответствующие строки в своем исходном коде – хотя, в зависимости от вашей темы, вам может потребоваться добавить небольшой код в вашу тему.

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

Типы хлебных крошек

Существуют различные типы навигационных цепочек. Вот три самых распространенных:

Навигационные цепочки на основе иерархии

Это самый распространенный тип. Они показывают, где вы находитесь в структуре сайта и сколько шагов нужно сделать, чтобы вернуться на главную страницу. Например: Главная > Блог > Категория > Текущая страница.

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

Атрибутные хлебные крошки наиболее часто встречаются, когда пользователь выполняет поиск на сайте электронной коммерции. Маршрут состоит из атрибутов продукта, например, Главная > Категория продукта > Пол > Размер > Цвет.

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

Хлебные крошки на основе истории делают то, что говорится в их названии – они упорядочены в соответствии с тем, что вы делали на сайте. Подумайте о них как об альтернативе вашей истории браузера. В итоге получается что-то вроде этого: Главная > Предыдущая страница > Предыдущая страница > Предыдущая страница > Текущая страница. Также возможны различные комбинации крошек, как это делает Macy’s на скриншоте ниже.

Преимущества использования хлебных крошек

Существует несколько преимуществ использования крошек на вашем сайте. Давайте быстро рассмотрим их:

1. Их любят поисковые системы

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

2. Они улучшают пользовательский опыт

Люди не любят теряться. Сталкиваясь с чем-то новым, люди часто ищут узнаваемые детали или ориентиры – то же самое относится к веб-сайтам. В ваших силах снизить дискомфорт ваших пользователей. Хлебные крошки могут помочь улучшить их опыт, так как они являются общепризнанным элементом интерфейса, который мгновенно узнается посетителями.

3. Они снижают показатель отказов

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

Как добавить хлебные крошки

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

Yoast SEO имеет встроенную поддержку хлебных крошек

Yoast SEO предлагает простой способ добавить хлебные крошки на ваш сайт WordPress. Он добавит все необходимое для их подготовки. Некоторые темы уже имеют встроенную поддержку хлебных крошек Yoast SEO. В этом случае вам нужно только активировать и настроить их по своему усмотрению. Если ваша тема еще не поддерживает наши хлебные крошки, вам нужно добавить следующий код в свою тему там, где вы хотите, чтобы они появились:

<?php 
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '</p><p id="breadcrumbs">','</p><p>' ); 
} 
?>

Этот код часто можно разместить в файлах single.php или page.php прямо над title страницы. Некоторые темы требуют его размещения в конце файла header.php. Не рекомендуется добавлять его в functions.php, так как это может вызвать проблемы.

После добавления кода вы можете перейти к расширенным настройкам Yoast SEO и включить поддержку хлебных крошек. Вы также можете контролировать, как будет выглядеть их структура и какие префиксы будут использоваться.

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

Вы также можете использовать блок Yoast SEO breadcrumb, чтобы добавить хлебные крошки к отдельным записям и страницам с помощью редактора блоков WordPress. Это удобно, если вы не хотите вносить изменения в код или если хотите добавить их только на определенную страницу. Добавить их очень просто – нажмите большую кнопку +, чтобы добавить блок. Затем найдите блок Yoast SEO breadcrumbs, введя его название в строке поиска или прокрутите вниз до раздела Yoast. Кроме того, вы можете ввести /yoast breadcrumbs в пустом абзаце.

Заключение

Несмотря на то, что Гензель и Гретель использовали крошки, они все равно заблудились в лесу. Не позволяйте этому произойти с вашими посетителями! Крошки предоставляют простой способ навигации по вашему сайту, и дают мгновенно понять, как работает его структура.

Источник: https://yoast.com/breadcrumbs-seo/