Хлебные крошки с плагином yoast seo: как установить, изменять и удалять

хлебные крошки минатюра SEO настройка

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

Как установить хлебные крошки Yoast – проверка

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

Проверяем есть bc на блоге
Проверка наличия.

Если нигде не появились крошки, то переходим к внедрению кода плагина в шаблон. Рекомендую установить для сущностей «страницы» и «записи», у остальных, например, рубрики, можно не ставить. Разберу на примере записей, хочу показать хлебные крошки под заголовком, в моем случае это h1. Разберу на шаблоне Twenty Sixteen.

Главное определить в каком файле идет вывод контента статьи. Обычно в файле single.php, но разберу случай когда это не так.

Вставляем код в файлы шаблона

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

Видим что отображение контента, заголовка h1, отрывков, миниатюр нет. Но есть подключение документа content-single в папке template-parts, открываем его.

Где открывать следующий файл.
Путь до второго документа.
<?php
/* breadcrumb Yoast */
if ( function_exists( 'yoast_breadcrumb' ) ) :
   yoast_breadcrumb( '<div id="breadcrumbs">', '</div>' );
endif;
?>
Прописываем код yoast
Вставляем конструкцию

Копирую PHP инструкцию, вижу в документе content-single есть заголовок, контента и остальных составляющих. Вставлю код под тегом header и обновлю. Перехожу на сайт и проверяю работу.

Смотрим на результат
Результат

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

Часто возникает вопрос как убрать с главной, в данном случае нужно писать собственный код удаления на PHP. Либо удалять общий вывод и проставлять на каждую сущность отдельно.

Показ хлебных крошек с помощью shortcode

Создатели предусмотрели более тонкий показ хлебных крошек с помощью шорткода (shortcode). Если они нужны на отдельных составляющих, то применяем шорткод.

 [wpseo_breadcrumb] 

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

Breadcrumb йоаст с помощью шорткода
Хлебные крошки с помощью shortcode

Изменяем последнюю крошку в Yoast

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

Задаем крошку с помощью для отдельной записи
Изменяем конечную ссылку в цепочке
  • Находим блок yoast
  • Открываем спойлер Дополнительно
  • Ищем раздел Заголовок для «хлебных крошек»
  • Вносим изменения
  • Обновляем
  • Смотрим результат на блоге
Показ изменений
Измененное название статьи

Последнее значение изменилось. Данный подход правильней, чем просто скрывать, потому что сюда вписываю релевантные хвосты и LSI слова. Но если не хотим заниматься и тратить время, то лучше скрыть завершающий пункт в этой навигационной цепочке.

Удалить последнюю крошку в Clearfy

Настройки для скрытия названия страницы не предусмотрено в плагине, но есть два способа. Первый с помощью плагина Clearfy PRO, переходим в раздел SEO и включаем соответствующую функцию, сохраняем.

Удалить последний дубль в клеарфай
Включаем Clearfy PRO.

Есть надстройка «Заменить название на title», то есть тайтл, который ввели в Yost, можно поставить взамен последнего элемента, как делали в прошлом пункте, только тут автоматически. Но сделаем одну операцию, удалим дублирование, смотрим что получилось – надпись пропала.

Нет последнего заголовка
Отсутствие.

Много написано статей про Clearfy PRO, предлагаю всем читателям WPtamplate приобрести его с хорошей скидкой 15%, нажимайте на кнопку цена снизится автоматически.

Clearfy

Убрать дубль breadcrumbs кодом

Объяснять что означает функция не буду, копируем ее и переходим в файл function.php активной темы.

function delete_breadcrumb_last( $link_output ) {
	if ( false !== strpos( $link_output, 'breadcrumb_last' ) ) {
		$link_output = '';
	}
	return $link_output;
}
add_filter( 'wpseo_breadcrumb_single_link', 'delete_breadcrumb_last' );
Код в function
Помещаем инструкцию в function
  1. В редакторе находим function
  2. Вниз вставляем комбинацию
  3. Обновляем

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

Настройка внешнего вида хлебных крошек Yoast WordPress

Сначала заходим в глобальные настройки breadcrumbs и выставляем параметры по своему желанию.

Панель хлебных крошек в Yoast
Стандартное изменение.
  • Разделитель (separator) – что будет показано между ссылками
  • Задаем текст для главной страницы и ее ссылки
  • Префикс – отображается перед всей навигационной цепочной
  • Можно выставить префиксы для архивов, страниц поиска и 404 ошибки
  • Выделение конечного элемента жирным цветом
  • Такосномия для записей, можно выбрать что отображать в цепочке, на данный момент указано, что отображаться будет рубрика, где расположена статья. Но в WordPress статья может содержаться не только в рубриках, но в архивах дат или на странице автора, тут это можно изменить

Проверим что изменилось после сохранения изменений. Видим изменения применились.

Оценим другое оформление.
Другой внешний вид.

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

Shema org в хлебных крошках yoast

Ранее писал статью про application json ld, подключающая микроразметку shema для всего сайта и показывал как ее отключить. При отключении микроразметки, она пропадет и на крошках.

Если используете разметку от yoast, то в исходном коде сайта не увидите, потому что она загружается скриптом, а не методом microdata, но абсолютно валидна. Отмечу, что все наши шаблоны, например Reboot и Cook it, имеют правильную разметку для блока breadcrumbList, поэтому отпадает потребность в микроразметке от Yoast, она полностью заменяется.

Смотрим микроразметку хк в яндексе
Микроразметка

Yoast breadcrumbs и WooCommerce

Разработчики йоаст предусмотрели связь с WooCommerce, в ХК можно вывести таксономию в адресе URL для разных видов страниц: метки товара, категория и для класса доставки. Так вы можете задать нужный путь до этих трех составляющих цепочки.

Woocommerce и Yoast
WooCommerce и yoast

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

Лифанов Валентин

Делаю обзоры, создаю сайты на WordPress с 2008 года. Данный блог покажет плюсы и минусы любой темы и плагина, и даст полезные советы.

Оцените автора
Лучшие шаблоны и плагины для WordPress
Добавить комментарий