Невозможно обойтись без специй в кулинарии. Блюдо вряд ли будет съедобным без соли, а без специй оно будет безвкусным. У SEO тоже есть свои «ингредиенты», и если основное «блюдо» (т.е. оптимизация сайта для поисковых систем) будет их лишено, оно не получится идеальным.
«Хлебные крошки» — это один из таких ингредиентов, те самые ссылки, которые мы видим на страницах второго, третьего и других уровней вложенности. Их наличие может показаться избыточным на сайтах с объемным каталогом, особенно на мобильных устройствах, где эти «длинные цепочки» занимают значительную часть первого экрана.
Нужны ли хлебные крошки на сайте вообще? В конце концов, есть меню, функции которого дублируются этим элементом. По крайней мере, так кажется на первый взгляд. Можно ли их убрать или хотя бы как-то изменить? Может быть, их можно сократить или переместить вниз? И что произойдет, если это сделать?
Эти вопросы нам задали клиенты в рамках текущего проекта. Мы провели это исследование, чтобы иметь основания и доказательства для наших ответов. Результаты исследования представлены в этом кейсе.
Читать дальше, чтобы узнать:
- Зачем хлебные крошки нужны в SEO.
- Какие типы хлебных крошек существуют и где они размещаются.
- Каковы гипотетические риски в случае их удаления.
- Как проверить целесообразность их использования на сайте.
- Как можно изменить хлебные крошки, чтобы не получить негативные последствия от поисковых систем и пользователей.
1. Зачем нужны хлебные крошки
– Улучшение поведенческих факторов
– Внутренние ссылки
– Читаемые сниппеты
2. Типы хлебных крошек
– Иерархия вложенности
– Облако тегов и фильтров
3. Где размещаются хлебные крошки
– Вверху страницы – классический вариант
– Внизу страницы – компромиссный вариант
– В середине страницы – креативный вариант
4. Что произойдет, если хлебные крошки убрать или переместить
– Элемент станет «неважным»
– Попытка выделить свой сайт среди остальных
– Поведенческие факторы ухудшатся
– Ссылки для внутренней перелинковки станут некликабельными
– Навигационные ссылки в сниппетах исчезнут
– Оценщик увидит это как ошибку
5. Как оценить риски перемещения хлебных крошек
6. Как изменить хлебные крошки, чтобы не навредить SEO
– Сократить текст ссылок
– Убрать ненужные элементы
– Пререндировать хлебные крошки только для поисковых систем
– Переместить навигационные цепочки в нижнюю часть страницы
7. Примеры улучшения хлебных крошек
Зачем нужны хлебные крошки
В официальном руководстве Google нет понятия «хлебные крошки». Поисковая система включает определение навигационных линий как последовательности внутренних ссылок в верхней или нижней части страницы, предназначенных для удобства пользователей. С помощью этой навигации посетители могут быстро вернуться на главную страницу сайта или перейти в предыдущий раздел.
Google рекомендует использовать навигационные линии на сайте: они должны начинаться с главной страницы, а затем указывать разделы и подразделы сайта. При использовании навигационных линий необходимо реализовать специальную разметку структурированных данных для них.
Удобство использования сайта является важным положительным сигналом для Google. Поисковая система считает наличие навигационных линий фактором ранжирования, поскольку основная цель хлебных крошек — удобство пользователя при перемещении по страницам. То есть их наличие является требованием поисковой системы и одним из факторов, по которым сайт будет показан выше (или ниже) в результатах поиска.
Откладывая в сторону тот факт, что Google рассматривает хлебные крошки как фактор ранжирования, у них есть несколько других ценных функций.
Улучшение поведенческих факторов
Если посетитель приходит с поисковой системы на сайт и попадает на страницу, которая не решает его проблему (товар отсутствует на складе или товар «не тот»), он может:
- покинуть сайт;
- перейти на главную страницу, кликнув по логотипу;
- использовать навигационную линию — хлебные крошки.
Первые два варианта нежелательны, поскольку в этом случае поисковая система зафиксирует отток пользователя. Чем выше показатель оттока, тем хуже отношение поисковой системы к сайту, и, следовательно, его позиция в результатах также ухудшается.
Третий вариант — т.е. клик по навигационной линии, наоборот, указывает на то, что пользователь совершил действие на сайте, что означает, что ресурс был полезен для него. Если хлебные крошки перенаправляют пользователя на страницу, которая может решить его проблему, сайт получает два дополнительных балла к своей «карме» — как от пользователя, так и от поисковой системы.
Внутренние ссылки
Хлебные крошки включают необходимые текстовые ссылки, и эти ссылки ведут на продвигаемые страницы сайта. С помощью этой простой и легко реализуемой техники мы достигаем распределения веса ссылок от дочерних страниц к родительским.
Чем больше дочерних страниц существует, тем больше ссылок получает родительская страница. Следовательно, ее вес ссылки становится больше, и, следовательно, ее вес воспринимается как больший поисковой системой.
Факт. Кликабельные ссылки работают лучше. Более того, ссылки в верхней части страницы кликаются чаще, чем те, что ниже или слева. Это явно видно на тепловой карте кликов.
Читаемые сниппеты
При формировании сниппета (описания страницы сайта в SERP — странице результатов поисковой системы) поисковая система включает хлебные крошки в виде навигационных цепочек. Это делает сниппет более информативным и понятным для пользователя.
Наконец, поисковые системы лучше понимают сайты, на которых реализованы навигационные линии.
Вывод. Хлебные крошки — это фактор ранжирования и требование Google. Они улучшают поведенческие факторы, формируют внутренние ссылки, помогают поисковой системе лучше понять сайт и делают сниппет понятным для пользователя.
Типы хлебных крошек
В зависимости от варианта использования хлебные крошки можно разделить на два типа.
Иерархия вложенности
Эти навигационные линии указывают на «уровень» страницы, на которой в данный момент находится пользователь. Иерархия может быть представлена следующим образом:
Главная страница Категория Подкатегория Раздел подкатегории Продукт
Облако тегов и фильтров
Такие хлебные крошки более развернутые и логичные. Они часто используются в интернет-магазинах для удобства выбора пользователем товаров по свойствам и характеристикам.
Где размещаются хлебные крошки
В официальном руководстве Google говорится, что навигационные линии могут быть размещены в верхней или нижней части страницы. На самом деле есть три варианта, где их разместить.
Вверху страницы — классический вариант
Самый привычный вариант размещения. Именно так хлебные крошки используются чаще всего. Они также прекрасно выполняют свою основную функцию: помогать пользователю ориентироваться на сайте.
Внизу страницы — компромиссный вариант
Неконвенциональный вариант и обычно компромисс между владельцем сайта и специалистом по SEO. Хлебные крошки чаще всего можно встретить в таком расположении, если владелец сайта решил от них избавиться, в то время как специалист по SEO намерен их оставить. В результате навигационные линии сохраняются на принципе «так лучше, чем без них вообще».
Google не запрещает размещать навигационные линии в нижней части страницы. Однако, решив переместить их туда, следует учитывать, что возможны негативные последствия. В случае «падения» сайта после такого эксперимента у вас должна быть возможность быстро «откатить» изменения.
В середине страницы — креативный вариант
Честно говоря, мы не смогли найти пример реализации такого расположения хлебных крошек. Тем не менее, теоретически их также можно разместить таким образом. Например, в качестве эксперимента, когда интернет-маркетолог настаивает на размещении навигационных линий после описания товара (пользователь не был убежден купить этот товар, поэтому мы попробуем предложить другой).
Должен ли специалист по SEO отказаться от размещения хлебных крошек таким образом? Прежде чем принять окончательное решение по этому вопросу, следует провести эксперимент и понять, как они будут работать в таком расположении и будут ли они работать вообще.
Что произойдет, если хлебные крошки убрать или переместить
Если навигационные линии кажутся «избыточными» владельцу сайта или вызывают желание переместить или улучшить их, стоит поговорить о гипотетических рисках для SEO. Пока эти риски чисто гипотетические, так как понять, как именно изменения повлияют на позицию сайта в SERP можно только после экспериментов и тестирования.
Ниже мы расскажем о способах тестирования и измерения результатов. Тем временем мы подробно рассмотрим последствия, которые могут возникнуть при перемещении хлебных крошек.
Элемент становится «неважным»
Теоретически все важные элементы страницы сайта должны находиться в верхней части страницы. В конце концов, поисковая система сканирует ее с верхней части страницы, так же как и пользователи решают, остаться на странице или покинуть ее после визуальной оценки первого экрана.
Если мы разместим хлебные крошки в подвале или в середине страницы, мы подадим сигнал поисковой системе, что этот элемент не очень важен. Ну, зачем он здесь в таком случае? Может быть, чтобы манипулировать поисковой системой? Оценка Google такого действия может быть негативной.
Попытка выделить свой сайт среди остальных
«Пусть у всех хлебные крошки будут вверху, а у нас внизу» — это может звучать как какая-то странная логика, но это все же возможно. Более того, вполне возможно, что ИИ Google воспримет такой эксперимент как попытку адаптировать сайт к их требованиям и, возможно, даже одобрит это…
Поведенческие факторы ухудшатся
В этом нет никаких сомнений. Поведенческие факторы важны для поисковых систем, в то время как правильно настроенные хлебные крошки улучшают их, снижая показатель оттока пользователей благодаря легкой навигации по сайту.
Если элемент будет перемещен или удален, пользовательский опыт ухудшится, и позиции явно упадут вместе с ним.
Ссылки для внутренней перелинковки станут некликабельными
Кликабельность элементов уменьшается по мере того, как пользователь перемещается от верхней части страницы к нижней и с левой стороны страницы к правой. Ссылки, которые не находятся в «красной зоне» (вспомните карту кликов выше), вообще не будут кликаться или будут кликаться с низкой частотой.
Это станет сигналом для поисковой системы о снижении важности таких ссылок. В результате эффект внутренней перелинковки может стать менее заметным.
Навигационные ссылки в сниппетах исчезнут
В топ-5 Google быстрые и навигационные ссылки формируются, среди прочего, на основе хлебных крошек. Отсутствие хлебных крошек в верхней части страницы может ухудшить сниппеты.
Оценщик увидит это как ошибку
Это маловероятно, но также возможно. Поскольку у большинства сайтов хлебные крошки расположены в верхней части страниц, существует гипотетический риск, что оценщик не «оценит» такой эксперимент и сочтет его ошибкой неопытного SEO-специалиста.
Возможные последствия перемещения хлебных крошек с верхней части страницы в любое пространство ниже (Инфографика от 12 НЕМЦЕВ)
Как оценить риски перемещения хлебных крошек
Чтобы понять, как манипуляция хлебными крошками влияет на позицию сайта, необходимо провести некоторые тестирования. Для этого можно использовать два метода.
Сплит-тест (A/B тестирование)
Как?
- Улучшить качество хлебных крошек: сократить их длину (для мобильных устройств).
- Проверить размещение в верхней и нижней части страницы.
Что измерять?
- Кликабельность. Какие хлебные крошки кликают пользователи, а какие не замечают.
- Конверсия. Новые пользователи из одной местности (для чистоты эксперимента).
- Динамика SEO-трафика. Увеличился, уменьшился или остался без изменений.
- Динамика позиций в топ-10 Google. Упали, увеличились или остались без изменений.
Прямое тестирование
Как?
- Проверьте, как пользователи в настоящее время кликают на хлебные крошки. Для этого настройте событие для клика на элемент в аналитической системе.
- Убедитесь, что навигационные линии не нужны пользователям (или наоборот) и примите решение.
Что измерять?
- Клики на мобильных устройствах.
- Клики на настольных устройствах.
Например, измеряя клики и переходы пользователей с карточки товара на категорию товара через хлебные крошки.
Сплит-тест (A/B тестирование)
Как?
- Улучшить качество хлебных крошек: сократить их длину (для мобильных устройств).
- Проверить размещение в верхней и нижней части страницы.
Что измерять?
- Кликабельность. Какие хлебные крошки кликают пользователи, а какие не замечают.
- Конверсия. Новые пользователи из одной местности (для чистоты эксперимента).
- Динамика SEO-трафика. Увеличился, уменьшился или остался без изменений.
- Динамика позиций в топ-10 Google. Упали, увеличились или остались без изменений.
Прямое тестирование
Как?
- Проверьте, как пользователи в настоящее время кликают на хлебные крошки. Для этого настройте событие для клика на элемент в аналитической системе.
- Убедитесь, что навигационные линии не нужны пользователям (или наоборот) и примите решение.
Что измерять?
- Клики на мобильных устройствах.
- Клики на настольных устройствах.
Например, измеряя клики и переходы пользователей с карточки товара на категорию товара через хлебные крошки.
Как изменить хлебные крошки, чтобы не навредить SEO
Навигационные цепочки, которые выглядят избыточными на первом экране мобильных устройств, можно обрабатывать: попробуйте улучшить их или переместить. Вот несколько способов внести изменения.
Сократить текст ссылок
Формируйте текст без строгого следования заголовкам h1 и делайте альтернативные короткие названия групп товаров без потери смысла. Например, так:
До
После
В этом случае навигационная цепочка сохраняет свое значение и функции, но становится гораздо более компактной. Она легко помещается в одну строку на экране мобильного устройства.
Убрать ненужные элементы
Вы можете убрать элемент «Главная страница» из цепочки хлебных крошек, так как ссылка на главную страницу уже содержится в логотипе, и этого вполне достаточно для навигации и перелинковки.
Но если хлебные крошки содержат региональную ссылку (для многоуровневых сайтов), то ее следует оставить, чтобы не усложнять навигацию для пользователей или для поисковых систем. Например, так:
До
После
Несмотря на то, что эта навигационная цепочка не помещается в одну строку на мобильном экране, она выглядит гораздо аккуратнее, чем первоначальная.
Пререндировать хлебные крошки только для поисковых систем
Другой вариант — минимизировать их с помощью CSS.
Это распространенная практика настраивать пререндирование для поисковых ботов на сайтах SPA (когда из-за особенностей движка весь ресурс находится на одной странице). Скорее всего, ничего плохого не произойдет, если вы настроите страницу с «нормальным» отображением хлебных крошек для поискового бота, предлагая пользователям другое отображение.
Но эту технику следует реализовать исключительно под контролем SEO-специалиста, чтобы ее можно было быстро вернуть к первоначальной версии в случае проблем.
Переместить навигационные цепочки в нижнюю часть страницы
Это наименее желательный метод, на наш взгляд. Мало кто увидит хлебные крошки при таком размещении, и еще меньше людей на них кликнет. Конечно, они останутся в HTML-коде для поисковой системы, и даже возможно, что сайт не получит никаких санкций и штрафов от поисковой системы за такое перемещение (даже руководство Google указывает на возможность такого размещения для хлебных крошек). Однако навигация по страницам ухудшится, поэтому лучше не прятать хлебные крошки внизу страниц и постараться их улучшить.
Примеры улучшения хлебных крошек
Вот несколько вариантов улучшения хлебных крошек, которые станут еще более удобными для пользователей и сохранят свою ценность для поисковой системы.
1. Хлебные крошки для товара Acuvue oasys с hydraclear plus 2-недельные контактные линзы 8,4/14,0 6 шт./-2,75/.
До
Недостатки: Хлебные крошки формируются из заголовков h1. Цепочка выглядит громоздко и длинно.
После
Преимущества: Теперь цепочка короче и включает несколько фильтров каталога, по которым пользователь может перейти.
2. Хлебные крошки для товара Nurofen Express Forte 400 мг 20 шт. капсул
До
Недостатки: Навигационная цепочка длинная, но мало полезна для пользователя.
После
Преимущества: Навигационная цепочка теперь короче. Она содержит ссылки на несколько категорий товаров и удобные фильтры, которые помогут пользователю выбрать нужный товар.
Вывод: нужно ли использовать хлебные крошки и как правильно их изменить
Очевидно, что хлебные крошки являются важным элементом навигации сайта. Они являются фактором ранжирования Google, помогают пользователям перемещаться по страницам и выполнять другие значимые задачи для SEO.
Если навигационные цепочки выглядят громоздко и избыточно, мы рекомендуем не перемещать их в нижнюю часть страницы, а поработать над их улучшением: постарайтесь сократить их без потери логики и навигационных свойств.
Для этого не следуйте строго заголовкам h1 при их формировании. Вместо этого формируйте хлебные крошки, которые включают заголовки категорий товаров и фильтры. Такая дополнительная навигация будет полезна и удобна для пользователей.