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

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

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

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

Хлебные крошки отличаются от стандартной системы навигации меню в WordPress.

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

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

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

Добавляем хлебные крошки с помощью плагина Breadcrumb NavXT

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

Первым делом вам необходимо установить и активировать плагин Breadcrumb NavXT. После активации переходим на страницу Настройки » Breadcrumb NavXT для конфигурации настроек плагина.

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

Страница настроек разделена на две различные секции. На вкладке general вы можете определить общее поведение плагина на вашем сайте.

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

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

Вы можете выбрать как вы хотите отображать иерархию записей. По-умолчанию плагин будет использовать Название сайта > Рубрика > Заголовок записи. Вы можете заменить рубрики на теги, даты или родительские записи.

Вкладка taxonomies и authors содержат схожие шаблоны для ваших ссылок хлебных крошек.

Не забудьте нажать на кнопку сохранения изменений как только закончите настройку.

Выводим Breadcrumb NavXT на своем сайте

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

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

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

Добавляем хлебные крошки с помощью плагина Yoast SEO

Первым делом вам необходимо установить и активировать плагин Yoast SEO.

После активации переходим на страницу SEO » Advanced и отмечаем галочкой опцию ‘Enable breadcrumbs’.

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

После окончания настройки нажмите на кнопку сохранения изменений.

Выводим хлебные крошки от Yoast на своем сайте

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

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

Просто добавляем следующий код в свою или дочернюю тему в файл header.php. Код следует поместить в конце файла.

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

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

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

По всем вопросам и отзывам просьба писать в комментарии ниже.

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