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

Что такое панировочные сухари?

Хлебная крошка — это небольшой текстовый путь, часто расположенный в верхней части страницы, указывающий, где находится пользователь на сайте. На yoast.com путь к нашему руководству по исследованию ключевых слов: Главная > SEO блог > Content SEO > Исследование ключевых слов > Исследование ключевых слов для SEO: окончательное руководство. Эта тропа сразу показывает вам, где вы находитесь. На каждый шаг этого пути можно кликнуть, возвращаясь на домашнюю страницу.

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

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

Yoast SEO автоматически добавляет необходимые структурированные данные — BreadcrumbList — в формате JSON-LD. Просто переключите переключатель в настройках, и вы увидите соответствующие строки в исходном коде — хотя, в зависимости от вашей темы, вам может потребоваться добавить небольшой фрагмент кода в вашу тему. Узнайте больше о наших структурированных данных в навигационной цепочке в нашей документации. Вы можете использовать блок хлебных крошек Yoast SEO, чтобы быстро добавлять их в отдельные сообщения или страницы.

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

Разные виды панировочных сухарей

Вы, наверное, заметили, что существуют разные виды панировочных сухарей. Вот три самых распространенных:

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

Это наиболее распространенные, и именно так мы используем их на нашем сайте. Они сообщают вам, где вы находитесь в структуре сайта и сколько шагов требуется, чтобы вернуться на домашнюю страницу. Что-то вроде Главная > Блог > Категория > Название сообщения.

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

Хлебные крошки на основе атрибутов чаще всего встречаются, когда пользователь выполняет поиск на сайте электронной коммерции. Тропа содержит атрибуты продукта, например, Главная > Категория продукта > Пол > Размер > Цвет.

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

Хлебные крошки, основанные на истории, делают именно то, что написано на банке; они упорядочены в соответствии с тем, что вы сделали на сайте. Думайте об этом как об альтернативе вашей панели интернет-истории, поэтому вы получите что-то вроде этого: Главная > Предыдущая страница > Предыдущая страница > Предыдущая страница > Текущая страница. Их также можно комбинировать, как это делает Macy’s на скриншоте ниже.

Преимущества использования панировочных сухарей

Есть несколько преимуществ использования этих полезных маленьких указателей на вашем сайте. Давайте кратко рассмотрим их:

1. Google их любит

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

2. Они улучшают пользовательский опыт

Люди ненавидят теряться. Столкнувшись с новым местом, люди часто ищут узнаваемые объекты или достопримечательности — то же самое относится и к веб-сайтам. Вы должны сделать посетителей счастливыми и максимально уменьшить трения. Хлебные крошки могут помочь вашему пользователю, поскольку они являются общим элементом интерфейса, который мгновенно показывает людям выход. Вам не нужно нажимать кнопку «Назад»!

3. Они снижают показатель отказов

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

Как добавить панировочные сухари

Есть несколько способов добавить хлебные крошки на свой сайт. Во-первых, если вы используете WordPress, вы можете использовать один из множества плагинов или Yoast SEO. Если вы используете другую CMS, процесс будет другим. Их также можно добавить в код вручную. Если вы также хотите, чтобы они отображались в результатах Google, вам необходимо использовать структурированные данные таким образом, чтобы их понимал Google. Более подробную информацию об этом вы можете найти в Документация для разработчиков Google. Для SEO Google не важно, где вы их добавите — если вы добавите их, если это имеет смысл. Однако посетители предпочтут их в логичном месте.

Yoast SEO имеет встроенную поддержку хлебных крошек

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

<?php
if ( function_exists('yoast_breadcrumb') ) {
  yoast_breadcrumb( '</p><p id="breadcrumbs">','</p><p>' );
}
?>

Этот код часто можно поместить в файлы single.php или page.php прямо над заголовком страницы. В некоторых темах он нужен в конце файла header.php. Его нет хорошая идея добавить его в functions.php, так как это может вызвать проблемы.

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

Хлебные крошки с блоком WordPress

Вы можете использовать блок хлебных крошек Yoast SEO, чтобы добавлять хлебные крошки к отдельным сообщениям и страницам с помощью редактора блоков. Это полезно, если вы не хотите трогать код или хотите добавить только на определенную страницу. Добавить их невероятно просто — нажмите большой значок +, чтобы добавить блок. Затем найдите блок хлебных крошек Yoast SEO, введя имя в строке поиска или прокрутив вниз до раздела Yoast. Кроме того, вы можете ввести / yoast панировочные сухари в пустой абзац.

Заключение

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

Подробнее: Структура сайта: полное руководство »