При использовании плагина Йоаст СЕО возможно есть возможность выстраивать навигационную цепочку. В статье разберем установку хлебных крошек Yoast SEO и как ими управлять из админки WordPress с применением дополнительных инструментов.
Активация и установка хлебных крошек в Yoast с schema org
В начале необходимо активировать эту возможность в панели настроек плагина. Если установлен премиальный модуль Йоаст, то расположение может быть изменено.
Настройка отображения
- Переходим в «Отображение в поисковой выдаче» .
- Открываем вкладку «Хлебные крошки».
- Переносим бегунок в положение включено.
- Внизу нажимаем на кнопку сохранить.
- После данной процедуры стоит перейти на сайт и посмотреть, возможно breadcrumbs уже отображаются. Некоторые шаблоны поддерживают такой функционал и выводят при активации. Если нет, то рассматриваем дальше настройки. Не забываем очищать кэш в плагине кэширования.
- Разделитель (separator), по умолчанию три стрелки вправо, может прописать произвольный символ.
- Текст для первой ссылки, чтобы она не была сквозной можно очистить.
- Префикс «Вы тут:» – можно менять, но лучше убрать, тоже самое для архивов и поиска.
- По желанию можно выделить последнюю крошку жирным, я активировал, посмотрим как будет смотреться.
- Таксономия, которая будет показана – поясню, почти все записи должны быть помещены в какую либо рубрику, либо имеют метку. Тут мы указываем что писать в пути к посту, логично что это рубрики, чтобы цепочка была правильной и полной. Можно оставить пусто, и тогда цепочка будет состоять из двух элементов – главная и конечный заголовок.
- Внизу нажимаем сохранить.
- Советую сразу усвоить материал по атрибуту canonical в пагинации Yoast SEO.
Установка кода в WordPress шаблон
Теперь определяемся где и в каком месте выводить хлебные крошки от Yoast SEO. Для блогов и информационных сайтов это как минимум статьи, им соответствует файл single php в шаблоне WordPress. Покажу на пример стандартного Twenty Seventeen разработчика Automanic. Сначала определим куда нам ставить код, я хочу вот сюда.
Давайте определим, на что ориентироваться при поиске места для вставки, нажимаем на заголовке правой кнопкой мышки и выбираем посмотреть код (так в Google Chrome). Находи необходимое место, видим h1 заголовок с классом entry-title, то есть перед ним нужно вставить код вывода.
<?php
if ( function_exists('yoast_breadcrumb') ) {
yoast_breadcrumb( '<p id="breadcrumbs">','</p>' );
}
?>Переходим Внешний вид — Редактор тем. В левой колонке находим single php, но в данном коде нет вывода h1 заголовка. Бывает что статьи выводятся не по одному файлу, а из нескольких, поэтому ищем в других документах и папках.
По логике пошел в папку template-parts, дальше интуитивно в post и нашел content.php, нашел в нем искомый код с h1 и необходимым класс. Но вижу что он обрамлен в тег PHP поэтому нельзя вставлять во внутрь, а то произойдет конфликт. После добавления не забываем сохранять.
Советую действовать через FTP соединение с удобным редактором кода, чтобы при поломке можно откатить изменения назад. Переходим в блог и смотрим, что получилось в итоге.
Видим, что комбинация сработала, отображается как в настройках из скриншота в начале поста. Видим один недочет, что последний элемент полностью дублирует заголовок записи, что не хорошо для SEO. Исправить просто, переходим в редактор записи, и смотрим на блок Yoast.
Открываем вкладку дополнительно и видим поле для исправления последнего элемента, вводим текст и сохраняем статью. Переходим на сайт и проверяем работу. Отмечу что данная навигация размечена по стандартам schema org и возможно сможет присутствовать при ранжировании в снипете, потому что будет присутствовать микроразмета в формате microdata по технологии json. В WooCommerce процесс аналогичный.
Остальные принципы формирования хлебных крошек через SEO Yoast можно посмотреть на официальном сайте разработчиков здесь. Совместно с breadcrumb нужно правильно настроить метатег noindex.
Доработка с помощью плагина Clearfy PRO
Clearfy PRO умеет работать с хлебными крошками от плагина Yoast SEO и еще с некоторыми функциями. Иногда автор забывает заменить последнюю крошку когда публикует статью, это является ошибкой, поэтому ее лучше совсем убрать, потому что никакой смысловой нагрузки она не несет, либо заменить автоматом на другой текст.
- Первый пункт полностью убирает последний элемент цепочки в Yoast SEO.
- При включении второго надпись заменяется на ту что прописали в тайтле.
Предпочитаю первый способ, чтобы полностью стереть название, текстовый переспам не нужен, получится так. Чтобы убрать вывод с главной, то снова ищем подходящий файл в шаблоне за это отвечает чаще всего front-page или index и стирать код вывода хлебных крошек.
Clearfy PRO умеет не только обрабатывать хлебные крошки в модулях Yoast SEO, но и улучшает WordPress еще по 44 параметрам, например создавать HTTPS редирект.
Лучший плагин Clearfy
В статье ответил на вопрос подробно, как установить и оперировать хлебными крошками в премиум инструменте для WP в Yoast SEO. Процесс не трудный, главное правильно настроить.
