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

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

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

Примеры панировочных сухарей

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

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

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

Категории хлебных крошек, отображаемые в поиске Google

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

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

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

Образец хлебной крошки в теме WordPress

Образец хлебной крошки в теме WordPress

Хотя большинство тем могут поддерживать базовую навигацию по хлебным крошкам, этого может быть недостаточно для ваших нужд. например, что, если вы хотите разместить навигационную цепочку в виджете боковой панели? Здесь у вас есть решение в виде плагинов. Перейдите к «Плагины> Добавить новый» на панели администратора WordPress и найдите слово «хлебная крошка». Для этой цели есть множество бесплатных плагинов, и установите тот, который вам нравится, здесь мы объясним с помощью плагина Breadcrumb NavXT.

Плагин Breadcrumb NavXT для WordPress

Плагин Breadcrumb NavXT для WordPress

После установки и активации плагина «Breadcrumb NavXT» перейдите в меню «Настройки> Breadcrumb NavXT», чтобы проверить и настроить параметры.

Настройки плагина Breadcrumb NavXT

Настройки плагина Breadcrumb NavXT

Затем перейдите в редактор тем, используя меню «Внешний вид> Редактор», и откройте файл «header.php». Вставьте приведенный ниже код в соответствующее место и сохраните файл.

<div class="breadcrumbs" xmlns:v="http://rdf.data-vocabulary.org/#">
    <?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

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

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

Файл может быть «header.php» или «single.php» или любым другим файлом темы в зависимости от ваших потребностей и установленного макета темы.

Вы можете настроить CSS для создания эффекта коробки и настроить параметры стиля.

Панировочные сухари – слово предостережения

  • Как правило, когда одно сообщение связано с несколькими категориями, большинство хлебных крошек показывают, что категория сначала попадает в алфавитном порядке. Например, если сообщение связано с двумя категориями «WordPress» и «AdSense», скорее всего, в навигационной цепочке будет отображаться «AdSense», даже если статья больше относится к «WordPress».
  • Некоторые плагины даже показывают все связанные категории с постом в следе и препятствуют использованию навигационной крошки. Это только запутает пользователей, вместо того, чтобы предложить удобную навигацию.
  • Проверьте размещение хлебных крошек на мобильных устройствах.
  • Проверьте скорость отклика навигационной цепочки на разных размерах экрана и на разных устройствах.
  • Добавьте код PHP в правильный файл и в нужное место. Весь ваш сайт может быть недоступен, если вы добавите код неправильно.

0

Похожие записи

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

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