Как Добавить Хлебные Крошки в WordPress: Пошаговое Руководство

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

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

Что Такое Хлебные Крошки WordPress?

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

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

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

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

Давайте же посмотрим, как можно добавить хлебные крошки на ваш сайт WordPress.

Как Добавить Хлебные Крошки WordPress на Сайт?

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

Плагин Breadcrumb NavXT

Плагин NavXT можно легко установить из репозитория WordPress. Просто введите название плагина Breadcrumb NavXT в поиске, скачайте, установите и активируйте его. Активируйте плагин Breadcrumb NavXT через виджет. Для этого перейдите во вкладку “Внешний вид” и откройте “Виджеты”. Просто перетащите виджет NavXT в область веб-страницы, где вы хотите, чтобы он отображался.

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

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
<?php
if(function_exists('bcn_display'))
{
bcn_display();
}?>
</div>

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

Вот, как выглядит сама страница настроек.

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

Хлебные Крошки WordPress с Помощью Плагина Yoast SEO

Установка Yoast SEO практически не отличается от установки предыдущего плагина. Просто скачайте и активируйте плагин Yoast SEO.

После установки добавьте фрагмент кода в свою дочернюю тему WordPress. Приведённый ниже код можно добавить к любому шаблону, который вы используете. Рекомендуемые места: single.php, page.php или header.php.

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

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

Добавив этот код, вы активируете настройки хлебных крошек в Yoast SEO -> Отображение в поисковой выдаче -> Хлебные крошки.

Выводы

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

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

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

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