• Home
  • Нужны ли “хлебные крошки” для SEO и как менять их правильно: Кейс Big Lab

В кулинарии не обойтись без специй. Без соли блюдо вряд ли будет съедобным, а без пряностей окажется пресным. Так и в SEO есть “ингредиенты”, без которых наше главное “блюдо” — поисковая оптимизация сайта — не получится идеальным. 

Один из таких компонентов — “хлебные крошки”, те самые ссылки, которые мы видим на страницах второго, третьего и других уровней вложенности. Их наличие может показаться избыточным на сайтах с объемным каталогом, особенно на мобильных устройствах, где эти “длинные цепочки” занимают немалую долю первого экрана. 

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

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

Читайте дальше, чтобы узнать:

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

1. Зачем нужны хлебные крошки
— Улучшение поведенческих факторов
— Внутренняя перелинковка
— Читабельные сниппеты

2. Виды хлебных крошек
— Иерархия вложенности
— Облако тегов и фильтров

3. Где размещают хлебные крошки
— В верхней части страницы — Классика
— В нижней части страницы — Компромисс
— В средней части страницы — Креатив

4. Что будет если убрать или переместить хлебные крошки
— Элемент станет “неважным”
— Попытка выделить свой сайт среди других
— Поведенческие факторы ухудшатся
— Ссылки перелинковки станут некликабельными
— Навигационные ссылки в сниппетах исчезнут
— Асессор оценит как ошибку

5. Как оценить риски перемещения хлебных крошек

6. Как изменить хлебные крошки, чтобы не навредить SEO
— Сократить тексты ссылок
— Убрать лишние элементы
— Пререндерить хлебные крошки только для поисковых систем
— Убрать навигационные цепочки в низ страницы

7. Примеры улучшения хлебных крошек

Зачем нужны хлебные крошки

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

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

Пример хлебных крошек (строк навигации) в руководстве Google (Фото: скриншот)

Для Google удобство использования сайта пользователем — важный позитивный сигнал. А так как основное назначение хлебных крошек — удобство пользователя при перемещении по страницам, поисковая система сделала строки навигации фактором ранжирования. То есть их наличие — требование поисковика и один из факторов, по которым сайт будет показываться выше (или ниже) в поисковой выдаче.

Но даже если “забыть”, что Google считает хлебные крошки фактором ранжирования, у них найдется еще несколько ценных функций. 

Улучшение поведенческих факторов

Если посетитель приходит из поиска на сайт и попадает на страницу, которая не решает его проблему (товара нет в наличии или товар оказался “не тот”), он может:

  1. уйти с сайта;
  2. перейти на главную страницу, кликнув по логотипу;
  3. воспользоваться строкой навигации — хлебными крошками.

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

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

Внутренняя перелинковка

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

Чем больше дочерних страниц, тем больше ссылок получает родительская, тем выше ее ссылочный вес, а значит, и вес в “глазах” поисковой системы.

Факт. Кликабельные ссылки работают лучше. А по ссылкам в верхней части страницы кликают чаще, чем по расположенным ниже или слева. Это отчетливо заметно на тепловой карте кликов.

На карте кликов хорошо видны зоны, куда пользователи кликают чаще всего (Фото: скриншот)

Читабельные сниппеты

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

Так выглядят хлебные крошки в поисковой выдаче (Фото: скриншот)

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

Вывод. Хлебные крошки — это фактор ранжирования и требование Google. Они улучшают поведенческие факторы, формируют внутреннюю перелинковку, помогают поисковой системе лучше понимать сайт и делают сниппет понятным для пользователя.

Хлебные крошки в SEO
Функции и значение хлебных крошек для SEO (Фото: Инфографика Big Lab)

Виды хлебных крошек

В зависимости от варианта использования хлебные крошки можно разделить на два вида.

Иерархия вложенности

Такие строки навигации показывают “уровень” страницы, на которой находится пользователь. Условно иерархию можно представить в таком виде:

Главная Категория Подкатегория Раздел Подкатегории Товар
Пример реализации хлебных крошек в интернет-магазине (Фото: скриншот)

Облако тегов и фильтров

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

Пример реализации облака тегов в интернет-магазине одежды (Фото: скриншот)

Где размещают хлебные крошки

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

В верхней части страницы - Классика

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

Классическое расположение хлебных крошек в верхней части страницы (Фото: скриншот)

В нижней части страницы - Компромисс

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

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

На этом сайте классическое расположение хлебных крошек дополняется облаком тегов в нижней части страниц (Фото: скриншот)

В средней части страницы - Креатив

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

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

Что будет если убрать или переместить хлебные крошки

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

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

Элемент станет “неважным”

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

Если же мы поместим хлебные крошки в подвал или центр страницы, мы дадим поисковой системе сигнал, что этот элемент не имеет особого значения. А в таком случае, зачем же он здесь находится? Может, для манипуляции поисковиком? Оценка такого действия со стороны Google может оказаться негативной. 

Сайт будет отличаться от других

Пусть у всех хлебные крошки будут вверху, а у нас внизу — логика странная, но возможная. Более того, вполне возможно, искусственный интеллект Google воспримет такой эксперимент, как попытку адаптировать сайт его требованиям, и возможно, даже его одобрит…

Поведенческие факторы ухудшатся

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

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

Ссылки перелинковки станут некликабельными

Кликабельность элементов снижается по мере перемещения пользователя с верхней части страницы в нижнюю и с левой части страницы — в правую. По ссылкам, расположенным не в “красной зоне” (вспомним расположенную выше карту кликов) кликать не будут вовсе или с низкой периодичностью. 

Для поисковой системы это станет сигналом снижения важности таких ссылок. И в результате, эффект внутренней перелинковки может стать менее заметным.

Навигационные ссылки в сниппетах исчезнут

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

Асессор оценит как ошибку

Маловероятно, но тоже возможно. Так как на большинстве сайтов хлебные крошки расположены в верхней части страниц, есть гипотетический риск, что асессор эксперимент “не оценит” и посчитает ошибкой неопытного сеошника.

Что будет, если переместить хлебные крошки

Возможные последствия перемещения хлебных крошек с верхней части страницы вниз (Фото: Инфографика Big Lab)

Как оценить риски перемещения хлебных крошек

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

Сплит-тест (А/B тестирование)

Как?

  • Улучшить качество хлебных крошек: уменьшить их длину (для мобильных устройств).
  • Протестировать расположение в верхней и нижней части страницы.

Что замерять?

  • Кликабельность. На какие крошки пользователи кликают, а какие “не замечают”.
  • Конверсию. Новых пользователей из одного населенного пункта (для чистоты эксперимента).
  • Динамику SEO трафика. Увеличился, уменьшился, остался неизменным.
  • Динамику позиций в топ-10 Google. Просели, выросли, остались неизменными.
Прямое
тестирование

Как?

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

Что замерять?

  • Клики на мобильных устройствах.
  • Клики на десктопных устройствах.

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

Сплит-тест (А/B тестирование)

Как?

  • Улучшить качество хлебных крошек: уменьшить их длину (для мобильных устройств).
  • Протестировать расположение в верхней и нижней части страницы.

Что замерять?

  • Кликабельность. На какие крошки пользователи кликают, а какие “не замечают”.
  • Конверсию. Новых пользователей из одного населенного пункта (для чистоты эксперимента).
  • Динамику SEO трафика. Увеличился, уменьшился, остался неизменным.
  • Динамику позиций в топ-10 Google. Просели, выросли, остались неизменными.
Прямое тестирование

Как?

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

Что замерять?

  • Клики на мобильных устройствах.
  • Клики на десктопных устройствах.

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

Как изменить хлебные крошки, чтобы не навредить SEO

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

Сократить тексты ссылок

Формировать текст без строгого следования заголовкам h1, а сделать альтернативные, короткие названия товарных групп без потери смысла. Например, так.

Было

Главная

Лекарственные средства

Противомикробные препараты для системного применения

Хемомицин

Стало

Лекарства

Антибиотики

Хемомицин

Было

Стало

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

Убрать лишние элементы

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

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

Было

Стало

Было

Главная

Калифорния

Лекарственные средства

Противомикробные препараты для системного применения

Хемомицин

Стало

Калифорния

Лекарства

Антибиотики

Хемомицин

Несмотря на то, что такая навигационная цепочка не поместится в одну строчку на мобильном экране, она выглядит куда аккуратнее, чем первая.

Пререндерить хлебные крошки только для поисковых систем

Или, как вариант, сворачивать их посредством CSS. 

На SPA сайтах (когда из-за особенностей движка весь ресурс находится на одной странице) настраивать пререндор для поисковых ботов — нормальная практика. Скорее всего, если настроить для поискового бота страницу с “нормальным” отображением хлебных крошек, а пользователям предложить другое отображение, ничего страшного не случится. 

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

Убрать навигационные цепочки вниз страницы

Наименее желательный, на наш взгляд, метод. В этой локации хлебные крошки мало кто увидит, и еще меньше пользователей на них кликнут. Конечно, для поисковой системы они сохранятся в HTML-коде, и вполне возможно, что за такое перемещение сайт не получит никаких “санкций” со стороны поисковика (ведь даже в руководстве Google обозначена возможного такого расположения хлебных крошек). Но навигация по страницам ухудшится, поэтому хлебные крошки лучше не прятать в нижней части страниц, а постараться улучшить их.

Примеры улучшения хлебных крошек

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

1. Хлебные крошки для товара Acuvue oasys with hydraclear plus двухнедельные контактные линзы 8,4/14,0 6 шт./-2,75/.

Хлебные крошки на сайте Apteka.ru
Хлебные крошки на сайте Apteka.ru (Фото: скриншот)

Было

Недостатки: Хлебные крошки сформированы из заголовков h1. Цепочка выглядит громоздкой и длинной.

Стало

Преимущества: Цепочка стала короче и включает несколько фильтров каталога, куда может перейти пользователь.

Было

Зрение

Контактные линзы

Acuvue oasys with hydraclear plus двухнедельные контактные линзы 8,4/14,0 6 шт./-2,75/

Недостатки: Хлебные крошки сформированы из заголовков h1. Цепочка выглядит громоздкой и длинной.

Стало

Зрение

Линзы

Двухнедельные

Acuvue

Oasys With Hydraclear Plus

Преимущества: Цепочка стала короче и включает несколько фильтров каталога, куда может перейти пользователь.

2. Хлебные крошки для товара Нурофен экспресс форте 400 мг 20 шт. капсулы

Хлебные крошки на сайте Apteka.ru
Хлебные крошки на сайте Apteka.ru (Фото: скриншот)

Было

Недостатки: Навигационная цепочка длинная, но мало полезная для пользователя.

Стало

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

Было

Лекарственные средства

Препараты для лечения костно-мышечной системы

Нурофен

Нурофен экспресс форте 400 мг 20 шт. капсулы

Недостатки: Навигационная цепочка длинная, но мало полезная для пользователя.

Стало

Лекарства

Жаропонижающие

Обезболивающие

Нурофен

Экспресс

Форте

400 мг

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

Выводы: нужно ли использовать хлебные крошки и как изменять их правильно

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

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

Для этого, при их формировании, не стоит строго следовать заголовкам h1. Вместо этого формируйте хлебные крошки с включением в них заголовков товарных категорий и фильтров. Такая дополнительная навигация будет полезной и удобной для пользователей.

Автор -Written by Юрий Немцев

Эксперт SEO, учредитель и генеральный директор digital-агентства Big Lab