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

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

Установка плагина WordPress SEO

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

Установите плагин и активируйте его на своем сайте.

Как включить панировочные сухари?

Как только плагин будет установлен, он добавит новое меню навигации с названием «SEO» и перейдет к опции «SEO> Advanced».

Настройка Breadcrumb в плагине Yoast WordPress SEO

Настройка Breadcrumb в плагине Yoast WordPress SEO

Установите флажок «Включить панировочные сухари» и настройте свои параметры. Ниже приведены параметры, которые вы можете настроить и применить на своем сайте:

  • Добавьте разделитель между уровнями панировочных сухарей, это могут быть такие символы, как>, <, - или что-то еще.
Образец хлебной крошки на сайте WordPress

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

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

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

Добавление кода Breadccrumb в Single.php

Чтобы активировать функцию хлебных крошек на вашем сайте WordPress с помощью плагина Yoast SEO, вам необходимо добавить следующий PHP-код в основной файл темы. Вы можете сделать это в файлах дочерней темы или непосредственно в файле родительской темы. В зависимости от необходимого местоположения вам может потребоваться вставить приведенный ниже код в файл «header.php» или «single.php». В большинстве случаев вам нужно поместить код в «single.php». Скопируйте приведенный ниже код:

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

Перейдите в «Внешний вид> Редактор» и найдите файл «single.php». Вставьте код прямо над заголовком сообщения и сохраните изменения, нажав кнопку «Обновить файл».

Добавление кода Yoast Breadcrumb в файл Single.php

Добавление кода Yoast Breadcrumb в файл Single.php

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

Отображение Yoast Breadcrumb в теме WordPress Twenty Fifteen

Отображение Yoast Breadcrumb в теме WordPress Twenty Fifteen

Убедитесь, что вы вставили PHP-код в соответствующее место, чтобы весь сайт не упал.

Google будет отображать хлебные крошки в результатах поиска, как показано ниже:

Breadcrumb отображается в поиске Google

Breadcrumb отображается в поиске Google

Настройка хлебных крошек с помощью CSS

Добавление кода PHP создаст пустые хлебные крошки со ссылками. Вы можете добавить собственные классы CSS для украшения ваших хлебных крошек, в противном случае просто используйте тот же код PHP в «single.php» и добавьте следующий код CSS в файл «style.css» вашей темы или в раздел настраиваемой темы параметров вашей темы (если вы тема поддерживает).

#breadcrumbs {
box-shadow: 1px 1px #d5d4d4;
background: #eeeded;
border: 1px solid #eeeded;
border-radius: 5px;
padding: 0 5px 0 10px;
font-size: 16px;
}

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

Панировочные сухари Yoast с настраиваемым CSS

Панировочные сухари Yoast с настраиваемым CSS

Изменение заголовка сообщения в Breadcrumb

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

Когда вы создаете или редактируете пост, перейдите на вкладку «Дополнительно» в мета-поле плагина WordPress SEO и введите требуемый заголовок для этой страницы. Это будет отображаться в пробной версии навигации вместо фактического заголовка сообщения.

Изменение заголовка Breadcrumb в плагине Yoast WordPress SEO

Изменение заголовка Breadcrumb в плагине Yoast WordPress SEO

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

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

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