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

Хлебные крошки на сайте: что это, какими бывают и как влияют на SEO? Как создать микроразметку на ресурсе и какими сервисами воспользоваться? Для чего нужна микроразметка хлебных крошек?

Использовать хлебные крошки (breadcrumbs) на сайтах впервые предложил Google. Это своеобразная цепочка, отражающая иерархию разделов от главной страницы до той, на которой находится пользователь в данный момент. Такое название, видимо, отсылка к сказке братьев Гримм — «Гензель и Гретель». Дети рассыпали крошки, чтобы вернуться домой. Микроразметка решает похожую задачу: breadcrumbs помогают посетителям ориентироваться на сайте, что особенно полезно при большом количестве страниц, как, например, в онлайн-магазинах.

Вот так выглядит микроразметка хлебных крошек на сайте:

Breadcrumbs отображаются и в сниппете в SERP. Последовательная цепочка слов выглядит приятнее, чем ссылка, посетителю легче понять, что он найдет на странице и что еще есть на сайте. Также breadcrumbs заменяют ссылки на разделы и подразделы.

Материал по теме: Особенности продвижения сайта в поисковой выдаче Google

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

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

Влияние хлебных крошек на SEO

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

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

Также, если позволяет структура сайта, хлебные крошки могут содержать ключевые фразы. Но «кривых» и нелогичных словосочетаний там быть не должно. Например, «заказ косметики в Москве» в цепочке breadcrumbs выглядит странно и нелогично, что отталкивающе для пользователя. Кроме того, такое злоупотребление может привести к переспаму. В то же время цепочка «Главная> Заказать косметику» смотрится вполне естественно.

Теперь рассмотрим на примере, как НЕ нужно прописывать ключи в Breadcrumbs:

Узнайте, из каких работ складывается продвижение на маркетплейсах в агенстве Exiterra! Улучшаем репутацию вашей компании и товаров, выводим продукты на первые строки в топ-10 Яндекса.

Как сделать хлебные крошки на сайте: подробная инструкция

Разметка предполагает применение микроданных или RDFa. То есть, чтобы создать хлебные крошки вручную, необходимо внести изменения в html-код.

Вот так выглядит на примере разметка хлебных крошек при помощи микроданных:

А вот так, если использовать RDFa:

Некоторые SEO-оптимизаторы видят дополнительный потенциал в первой ссылке в хлебных крошках. То есть по возможности стоит заменить слово «Главная» на ключ: название бренда, вида продукции или подобное.

Первоначальный вариант: Главная > Услуги > Омолаживающие процедуры > Пилинг anti-age.

Корректная разметка: Косметология > Омолаживающие процедуры > Пилинг anti-age.

Материал по теме: Как продвигать сайт в поиске в 2021 году — 21 полезный совет по SEO

Проверяется микроразметка с помощью сервисов поисковиков. В последней версии Google Search Console есть отчет о хлебных крошках — «Breadcrumbs». Инструмент показывает, где ошибка, и дает рекомендации, как её исправить. Для этого оптимизаторам надо зайти во вкладку «Улучшения» или «Enhancements».

Плагины CMS для хлебных крошек

1. Wordpress

Для создания микроразметки под этот движок лучше использовать плагин Breadcrumb NavXT. С помощью инструмента добавляете код для разметки на страницы, затем открываете меню Breadcrumb NavXT и настраиваете breadcrumbs: применяйте знак разделения «>» и добавляйте URL-адреса на другие разделы и подразделы.

Помимо этого инструмента, можно использовать такие сервисы, как Flexy Breadcrumb, breadcrumb simple, Instant Breadcrumbs.

2. Joomla

Для добавления разметки используется модуль Joomla «Навигатор сайта». Пользователю нужно выбрать — «mod_breadcrumbs». Найти опцию можно в панели управления, кликнув по вкладке «Расширения», а затем открыв «Менеджер модулей».

Модуль настраивается под каждую площадку. Оптимизатору необходимо указать:

• позицию, в которой модуль будет выведен на страницу. Алгоритм действий следующий: открываете вкладку «Расширения», переходите в «Менеджер шаблонов» и «Настройки», а после кликаете по опции «Просмотр позиции» и «Включить»;
• название главной страницы;
• разделитель для ссылок в навигации. Используйте символ «/».

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

3. Opencart

Для Opencart 3.0 используется модуль «Умные хлебные крошки», а для 2.x — «Правильные хлебные крошки». Также разработчики предлагают бесплатный модификатор, который делает неактивной ссылку на текущую страницу в микроразметке.

4. Webasyst

У Webasyst для онлайн-магазинов есть только платные плагины: «Навигация в хлебных крошках» и «Динамические хлебные крошки». Меню с настройками интуитивно понятное, можно создать микроразметку за считанные минуты.

5. 1С Битрикс

У движка Вitrix управление хлебными крошками доступно в наборе сервисов для оптимизации. Также есть и другой плагин — «Умные хлебные крошки». Инструмент используется для каталогов онлайн-магазинов или для сайтов с многоуровневыми разделами.

6. Moguta

Разработчики создали для этой CMS бесплатный инструмент для микроразметки — «Хлебные крошки». Чтобы установить плагин, нужно открыть панель управления и выбрать опцию «Маркетплейс», там в перечне инструментов выбираете нужный вариант и следуете инструкции.

Как сниппет с хлебными крошками может повысить CTR

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

Джон Мюллер, главный аналитик Гугл, прокомментировал использование эмодзи:

«Это никак не влияет на ранжирование, но может привлечь внимание пользователей, хотя не гарантирует положительной конверсии. Результат зависит от реакции аудитории, в некоторых странах подход работает».

Рекомендуем тестировать сниппеты с эмодзи и без. Главное — не переборщить с количеством смайлов, чтобы ссылка не выглядела слишком несерьезно. Лучше использовать тематические эмодзи — сниппет будет смотреться органично и сработает в плюс конверсии.

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

Ходит много шуток о «продающем» красном цвете, но в некоторых случаях оттенок действительно влияет на конверсию. Например, один из оптимизаторов отметил, что показатель CTR вырос, когда он заменил в настройках микроразметки эмодзи зеленой машины на красную, продвигая сайт СТО.

Рекомендации, как улучшить микроразметку крошек на сайте

• Не используйте для главной страницы.

Главная страница не может ссылаться сама на себя. Это ухудшает ранжирование площадки.

• Располагайте хлебные крошки сверху — на видном месте.

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

• Выделите жирным последний элемент в микроразметке.

Последним в хлебных крошках идет название текущей страницы. Жирный шрифт делает его заметнее.

• Используйте элементы, которые подходят под стиль сайта.

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

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

Автор: Exiterra Digital Agency