Сайт

Хлебные крошки на сайте: Хлебные крошки на сайте — полезный элемент навигации и SEO

11.01.2023

Содержание

что это такое и как они влияют на продвижение сайта

Есть проблемы с ранжированием, проект не растет, хотите проверить работу своих специалистов по продвижению? Закажите профессиональный аудит в Семантике

Аудит и стратегия продвижения в Семантике

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

Подпишись на рассылку и получи книгу в подарок!

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

Больше видео на нашем канале — изучайте интернет-маркетинг с SEMANTICA

Это выражение – дословный перевод английского термина Breadcrumbs.

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

Для чего нужны хлебные крошки на сайте

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

У дублирующей навигации есть две основные функции, а именно:

Улучшение юзабилити сайта

  • подсказывает пользователю, в какой части ресурса он находится;
  • делает понятной структуру и расположение страниц;
  • наглядно демонстрируют структуру ресурса;
  • помогает перемещаться между более высоким или более низким уровнями вложенности, при этом не нужно нажимать кнопки «Вперед» или «Назад» в браузере;

Положительное влияние на SEO

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

Хлебные крошки: какими они бывают

Навигационная цепочка может быть оформлена по-разному. Вот самые распространенные разновидности:

Линейная

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

Навигация здесь начинается с одного из разделов каталога, а не с главной страницы.

Система «Назад»

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

Линейная + кнопка «Назад»

Объединяет два варианта. В этом случае доступна и линейная навигационная цепочка, и кнопка «Назад».

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

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

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

  • Никаких хлебных крошек на главной странице. Получится, что вы ставите на странице ссылку на нее же саму. Это отрицательно скажется на ранжировании. Подробнее о факторах ранжирования можно прочитать здесь.
  • Последним кликабельным звеном цепочки должна быть предыдущая страница, иначе вы также продублируете ссылку, как в случае с хлебными крошками на главной.
  • Навигационные элементы должны быть хорошо видны пользователям. Текст должен контрастировать с фоном, и располагать элементы желательно вверху страницы.
  • В Яндексе и Гугле есть функция, которая позволяет отображать навигационные цепочки вашего сайта в результатах поиска. Для этого нужно сделать разметку микроданных. Это удобно, поскольку пользователь сразу видит структуру вашего сайта.

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

Над материалом работали:

София Ибрагимова

Контент-маркетолог

почему они так важны для SEO?

Вас это может удивить, но хлебные крошки (англ. — breadcrumbs) на сайтах приносят пользу как посетителям, так и бизнесу — поэтому при разработке сайтов в Direct Line Digital мы всегда используем их. 

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

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

Хлебные крошки на сайте: что это такое и какова их роль

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

С точки зрения SEO, хлебные крошки рассматриваются как еще одна возможность не только улучшить usability сайта, но и повысить его рейтинг в глазах поисковых систем. Дело в том, что микроразметка хлебных крошек помогает поисковым системам (Яндексу и Google) понять содержание и структуру сайта. Это значительно улучшает позиции сайта в результатах поиска. Проще говоря, у сайта с правильной настройкой хлебных крошек больше шансов выйти в ТОП Яндекс и Google.

 

Разновидности хлебных крошек 

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

  • Атрибутивные — формируются по параметрам и примененным фильтрам;
  • Линейные — формируются на основе структуры сайта;
  • Хронологические — формируются на основе истории действий пользователя.

Атрибутивные хлебные крошки

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

Линейные хлебные крошки

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

Хронологические, или динамические хлебные крошки

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

3 причины использовать хлебные крошки в SEO

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

Они повышают позиции сайта в поиске

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

 

Они улучшают поведенческие факторы

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

Они помогают ориентироваться на сайте

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

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

Чтобы добавить микроразметку хлебных крошек, вы можете модифицировать HTML код или изменить навигационные настройки шаблона, если ваш сайт создан например базе конструктора или CMS WordPress.

WordPress

Стандартная навигация сайтов на WordPress не предусматривает отображение хлебных крошек. Чтобы добавить их в дизайн страниц сайта, вам необходимо подключить эту опцию через меню SEO » Search Appearance » Breadcrumbs page. Система предложит вам несколько вариантов оформления на выбор.

Можно также воспользоваться специальным SEO плагином. Для сайтов на WordPress разработано несколько плагинов по созданию хлебных крошек, например Yoast и Breadcrumb NavXT — они показывают отличный результат, но на установку и настройку потребуется некоторое время.

WooCommerce

Если вы хотите изменить настройки хлебных крошек в интернет-магазине на WordPress, вы можете воспользоваться плагином WooCommerce Breadcrumbs — с его помощью вы внесете необходимые изменения в программный код. Этот плагин хлебных крошек позволяет изменить их внешний вид, сделав его более подходящим для вашего магазина. 

ВАЖНО: если ваш сайт разработан на основе WooTheme, использовать плагин WooCommerce Breadcrumbs вы не сможете — вместо него есть WooFramework Breadcrumbs, но параметров настройки хлебных крошек у него меньше.  

Несколько советов по добавлению хлебных крошек страниц

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

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

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

Теперь вы знаете все о хлебных крошках

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

Если у вас появились вопросы касательно хлебных крошек или любого другого аспекта успешной поисковой оптимизации для развития вашего бизнеса — обращайтесь в Direct Line Digital. 

Полное руководство по использованию хлебных крошек на веб-сайтах + примеры

Этот пост первоначально появился на babich.biz, автором стал Ник Бабич. Ник — разработчик программного обеспечения, увлеченный пользовательским опытом.

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

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

Изображение предоставлено: lossyourmarbles


Как и в сказке, посетители должны знать свое положение в иерархической структуре сайта, чтобы перейти на более высокий уровень иерархии.

Хлебные крошки Навигация

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

  • Где я? Хлебные крошки информируют посетителей об их местоположении относительно всей иерархии сайта.
  • Куда я могу пойти? Хлебные крошки улучшают возможность поиска разделов и страниц сайта. Структуру сайта легче понять, когда она представлена ​​в виде «хлебных крошек», а не в виде меню.
  • Должен ли я пойти туда? Хлебные крошки сообщают о ценности контента и побуждают к просмотру (например, посетитель сайта электронной коммерции может попасть на страницу продукта, продукт может не совпадать, но посетитель может захотеть просмотреть другие продукты из той же категории). Это, в свою очередь, снижает общий показатель отказов сайта.

Сокращает количество действий

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

Занимает минимум места

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

Ни один пользователь не испытывает проблем из-за навигационных цепочек

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

Когда следует использовать панировочные сухари?

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

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

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

Хлебные крошки могут быть основаны на: местоположении, пути и атрибуте.

На основе местоположения

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

Навигация по местоположению. Изображение предоставлено: marketingland

В приведенном ниже примере (от BestBuy) каждая текстовая ссылка предназначена для страницы, которая на один уровень выше, чем та, что справа.

Навигационная цепочка на основе местоположения от BestBuy

На основе пути

Навигационная цепочка на основе пути (также известная как «след истории») показывает весь путь, пройденный пользователем, чтобы попасть на определенную страницу. Этот тип навигационной цепочки обычно создается динамически. Иногда «хлебные крошки» на основе пути могут быть полезны, но в большинстве случаев они озадачивают — посетители часто просматривают очень быстро, перескакивая с одной страницы на другую. Наличие такого извилистого пути не сильно помогает пользователю и может быть легко заменено «9».0003 Кнопка «Назад » в браузере. Наконец, исторический след бесполезен для посетителей, которые переходят прямо на страницу в глубине сайта.

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

Навигация по пути. Изображение предоставлено: Oracle

На основе атрибутов

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

Навигация на основе атрибутов. Изображение предоставлено: marketingland

Например, в TM Lewin навигационные цепочки показывают атрибуты предметов, отображаемых на определенной странице:

На этой странице отображаются все костюмы, имеющие атрибут «Slim Fit». Изображение предоставлено: Т.М. Левин

Иерархия или история?

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

[otw_is sidebar=otw-sidebar-3]

Рекомендации по навигации по цепочкам

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

Хлебные крошки как дополнительная навигация

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

Apple использует навигационную цепочку для поддержки основной навигации

Не связывать текущую страницу в навигационной цепочке

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

Используйте разделители

Самый узнаваемый символ для разделения ссылок в навигационных цепочках — это символ «больше» (>). Как правило, 9Знак 0003 > используется для обозначения иерархии, как в формате Родительская категория > Дочерняя категория. Другими используемыми символами являются стрелки, указывающие вправо (→), кавычки под прямым углом (») и косые черты (/). Выбор зависит от внешнего вида сайта и типа используемой хлебной крошки:

Изображение предоставлено: Dribbble

Выберите размер и отступы

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

Не делайте его центральным элементом дизайна.

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

Изображение предоставлено: Dribbble

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

Заключение

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

Удобный захват обратной связи.

Получите больше информации и уверенности.

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

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

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

Когда дело доходит до SEO, есть с чем поспорить.

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

Сегодня это похоже на соревнование на арене фаст-фуда – тако или гамбургеры?

А как же панировочные сухари?

Нет, речь не о вкусной панировке для куриного фарша.

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

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

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

Что такое хлебные крошки в SEO?

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

Обычно их можно найти в верхней части веб-сайта или прямо под панелью навигации.

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

Вот пример хлебных крошек с веб-сайта DHL:

Он точно показывает, на какие категории я нажал, чтобы попасть на просматриваемую страницу.

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

Хлебные крошки — это полезная функция UX, которая упрощает навигацию по сайту, но они делают гораздо больше.

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

Вот как.

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

В Google Search Console есть даже отчет со структурированными данными, если это ваша проблема.

Это сводится к следующему:

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

Таким образом, хлебные крошки имеют большое значение для SEO.

3 распространенных типа панировочных сухарей

Не все панировочные сухари одинаковы!

Существует три основных типа панировочных сухарей, каждый из которых имеет свое назначение.

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

Хлебные крошки на основе иерархии (также известные как «хлебные крошки на основе местоположения»)

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

Например: Главная > Ресурсы > Руководство по поисковой оптимизации

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

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

Например: Главная > Обувь > Походы > Женские

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

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

Например, если вы искали новости SEO и прочитали три разные статьи, навигационные крошки могут выглядеть так: Главная > SEO-статья 1 > SEO-статья 2 > Текущая страница

3 Преимущества использования навигационных крошек для SEO

Все это звучит здорово, думаете вы.

Но что на самом деле будут делать панировочные сухари?

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

Хлебные крошки Улучшение UX

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

Например, вы хотите узнать больше о Nestle.

Вы заходите на их сайт и попадаете на страницу истории компании Nestle.

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

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

Улучшение рейтинга сайта

Хлебные крошки хороши для UX, но они также радуют Google.

Если вы делаете и то, и другое, то вы живете мечтой SEO, amirite?

Согласно Google, они используют хлебные крошки для категоризации и контекстуализации контента.

Еще в 2018 году Google добавил хлебные крошки на страницы результатов, сделав их еще более важными, чем когда-либо.

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

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

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

Удерживайте людей на сайте дольше

Показатель отказов может и не быть прямым фактором ранжирования, но он все же может помочь SEO.

Кроме того, высокий показатель отказов может указывать на проблемы с UX — проблемы, которые могут помочь решить хлебные крошки.

Допустим, вы ищете новую пару книг на Zappos.

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

Используя «хлебные крошки» Zappos, вы можете легко вернуться к категории ботинок и найти другую пару.

Что отлично подходит для Zappos, потому что, скорее всего, вы не вернетесь в Google и не попадете на другой обувной сайт.

Вот сила скромных хлебных крошек!

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

Сеансы резко увеличились всего за несколько месяцев.

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

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

Хлебные крошки — невероятно полезный элемент навигации как для пользователей, так и для поисковых систем, и их легко добавить на ваш сайт.

Вот несколько способов добавить эти полезные функции на свой сайт.

  • Использование Yoast SEO : Если вы уже используете Yoast, то добавление хлебных крошек займет всего несколько шагов. Просто войдите в систему и выполните следующие действия, чтобы внедрить хлебные крошки.
  • Плагины WordPress : Если вы используете WordPress, есть несколько плагинов, которые могут добавить хлебные крошки за несколько шагов. Мне нравится Breadcrumb NavXT, потому что его легко внедрить и он генерирует навигационные навигационные крошки, которые можно настроить по мере необходимости.
  • Плагин хлебных крошек WooCommerce : Если у вас есть сайт электронной коммерции, использующий Woocommerce, рассмотрите возможность использования их плагина хлебных крошек, который позволяет изменить стиль встроенных хлебных крошек WooCommerce.

Наконец, ваш конструктор сайтов или тема WordPress может иметь встроенную функцию навигации.

Например, некоторые плагины WordPress имеют опцию «хлебных крошек», включая Ocean WP.

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

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

Внедрение хлебных крошек — довольно простой способ улучшить SEO сайта и улучшить UX.

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

Вот несколько ошибок навигации, которых следует избегать.

Не делайте слишком большой или слишком маленький шаг — стремитесь к правильному

Хлебные крошки должны быть хорошо видны, но ненавязчивы.

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

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

Не повторяйте панель навигации

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

Нет необходимости добавлять дополнительные коды (и занимать место!), если это не помогает.

Не отказывайтесь от панели навигации в пользу «хлебных крошек»

Хотя вы не хотите повторять навигацию, вы также не хотите полностью полагаться на «хлебные крошки».

Они служат дополнением, а не заменой других навигационных функций.

Используйте правильный тип «хлебных крошек»

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

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

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

«Хлебные крошки» — удобный способ навигации по сайту

Думайте о панировочных сухарях как о масле для вашего хлеба.

Кермит для вашей Мисс Пигги. Животный соус для вашего бургера In N’ Out.

Вы поняли.

Хлебные крошки — это простое изменение, которое поможет вашему сайту выделиться на странице результатов поиска.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *