почему они так важны для 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.  

самый полный гайд по настройке плагина

Yoast SEO Plugin — самое популярное решение для поисковой оптимизации сайтов на WordPress. Имеет большой набор функционала и позволит попасть вашему сайту на первые позиции в выдаче Google и Яндекс.

Оглавление:

1. Возможности
2. Установка
3. Настройка
   1. Мета-теги Title и Description
   2. SEO-анализ контента
   3. XML-карта
   4. Хлебные крошки
   5. Социальные сети
   6. Дополнительные возможности

Основные возможности:

• мета-теги Title и Description для каждых страницы/поста/раздела;
• SEO-анализ контента;
• оповещение о новом контенте в инструментах вебмастера Google, Яндекс, Bing, Baidu;
• XML-карта сайта;
• хлебные крошки;
• canonical-ссылки;
• интеграция и поддержка Facebook, Twitter, Pinterest;

Как установить?

1. В админ-панели перейдите Плагины > Добавить новый и в строке поиска впишите название дополнения.

Установка плагина Yoast SEO из админки WordPress

2. В найденной карточке нажмите по очереди кнопки Установить и Активировать.

Активация плагина Yoast SEO после установки из админки WordPress

Как настроить?

Рассмотрим настройки основных возможностей плагина.

Мета-теги Title и Description

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

Мета-тег Title — это заголовок страницы в браузере, который отображается в поисковой выдаче. Тайтл учитывается поисковой системой при ранжировании сайтов и считается основным показателем определения релевантности страницы к поисковым запросам.

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

Изменять мета-теги можно для:

• главной страницы;
• записей, страниц и пользовательских типов записей;
• категорий, меток, форматов постов и пользовательских таксономий;
• архивов;
• страниц поиска;
• страниц 404.

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

Чтобы задать теги для главной страницы, в админке перейдите в раздел SEO > Отображение в поисковой выдаче.

Установка шаблонов Title и Description для главной страницы в Yoast SEO

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

Вкладка Типы содержимого в настройках Yoast SEO

Установка мета-тегов для категорий, меток, форматов постов и пользовательских таксономий выполняется на вкладке Таксономии.

Вкладка Таксономии в настройках Yoast SEO

Чтобы задать Title и Description для архивов, зайдите в Архивы.

Вкладка Архивы в настройках Yoast SEO

Для страниц поиска и 404 служит опция Особые страницы та же вкладка Архивы.

Настройка страниц поиска и 404 в Yoast SEO

SEO-анализ

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

Настройка SEO-анализа контента в Yoast SEO

XML-карта

Карта сайта в формате XML быстрее дает посиковым роботам информацию о структуре вашего сайта. Итог: страницы быстрее появятся в поиске.

Активация XML-карты сайта в Yoast SEO

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

Активация Breadcrumbs в Yoast SEO

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

URL-адреса профилей сожно указать, открыв SEO > Социальные сети

Настройка социальных профилей в Yoast SEO

Чтобы внести метаданные для популярных Facebook, Twitter и Pinterest, перейдите на нужные вкладки.

Настройка метаданных для соцсетей в Yoast SEO

Дополнительные возможности:

1. Импорт и экспорт — импорт/экпорт настроек из других SEO-плагинов;
2. Редактор файлов — быстрое редактироние файлов robots.txt и .htaccess;
3. Групповой редактор — быстрое изменение заголовков и описания записей и страниц без редактирования отдельных страниц;
4. Счетчик текстовых ссылок
Дополнительные инструменты Yoast SEO

Добавь в закладки и поделись с друзьями:

SEO-возможности Yoast

• Yoast

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

Получите Yoast SEO Premium!

Хлебные крошки доступны бесплатно в Yoast SEO. Но если вы серьезно относитесь к своему сайту, Yoast SEO Premium может значительно облегчить вашу работу .

Получите Yoast SEO Premium »Только  99 евро в год (без НДС)

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

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

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

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

Вот как пользователи видят страницу выше в результатах поиска Google

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

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

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

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

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

Добавлять хлебные крошки невероятно просто — просто нажмите большой значок +, чтобы добавить блок. Вы можете найти блок Yoast Breadcrumbs в списке блоков, введя Yoast или хлебные крошки. Просто выберите место для установки блока и выберите его из списка!

Получите Yoast SEO Premium!

Хлебные крошки доступны бесплатно в Yoast SEO. Но если вы серьезно относитесь к своему сайту, Yoast SEO Premium может значительно облегчить вашу работу .

Получите Yoast SEO Premium »Только  99 евро в год (без НДС)

Настройка заголовка хлебных крошек • Yoast

С помощью вкладки «Дополнительно» в Yoast SEO вы можете определить внешний вид своих хлебных крошек на своем сайте. и в результатах поиска. В этой статье мы объясним, как вы можете использовать настройки.

Содержание

• Использование настройки заголовка хлебных крошек
• Архивы пользовательских типов записей
• Страница магазина WooCommerce

Параметр заголовка хлебных крошек позволяет вам изменить заголовок хлебных крошек для хлебных крошек Yoast SEO. Каждый уровень хлебных крошек можно изменить в соответствующем (настраиваемом) архиве типа записи на вкладке «Дополнительно» метаполя Yoast SEO или на боковой панели. С помощью этих настроек вы также можете изменить название хлебных крошек, которые вы добавили с помощью блока хлебных крошек Yoast SEO.

На вкладке «Дополнительно» в мета-поле и боковой панели Yoast SEO вы найдете поле «Заголовок хлебных крошек» (см. изображение ниже). Если вы включили хлебные крошки, вы можете изменить заголовок хлебной крошки, заполнив свой собственный заголовок. Затем нажмите «Обновить», чтобы увидеть изменения в своем сообщении или на странице.

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

Архивы настраиваемых типов сообщений

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

1. Войдите на свой сайт WordPress.

   Когда вы войдете в систему, вы окажетесь в Личном кабинете.

2. Нажмите «Yoast SEO».

   С левой стороны вы увидите меню. В этом меню нажмите «Yoast SEO».
   

3. Нажмите «Настройки».

   В раскрывающемся меню нажмите «Настройки».
   

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

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

5. Прокрутите вниз до настроек архива вашего пользовательского типа записи.

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

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

   Под заголовком архива пользовательского типа записи прокрутите вниз до «Дополнительные настройки». В поле «Название хлебных крошек» вы можете добавить или изменить заголовок хлебных крошек.

7. Нажмите «Сохранить изменения».

5. Нажмите «Сохранить изменения » .

Страница магазина WooCommerce

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

1. Войдите на свой сайт WordPress.
   Когда вы войдете в систему, вы окажетесь в Личном кабинете.
2. Нажмите «Yoast SEO».
   С левой стороны вы увидите меню. В этом меню нажмите «Yoast SEO».
3. Нажмите «Настройки».
   В раскрывающемся меню нажмите «Настройки».
4. Под заголовком «Типы контента» щелкните пункт меню для пользовательского типа публикации «Продукты».
   В меню слева найдите заголовок «Типы контента». Под этим заголовком вы найдете настройки для каждого типа контента на вашем сайте. Щелкните пункт меню для пользовательского типа публикации «Продукты».

5. Прокрутите вниз до заголовка «Архив товаров» и нажмите на ссылку с текстом «Страница магазина».
   В настройках продуктов в Yoast SEO прокрутите вниз до «Архив продуктов». Здесь вы увидите ссылку с текстом «Страница магазина». Щелкните здесь, чтобы перейти к экрану редактирования «Страница магазина».

6. Прокрутите до мета-поля Yoast SEO или перейдите на боковую панель Yoast SEO и щелкните раздел «Дополнительно», чтобы развернуть его.