Yoast seo настроить хлебные крошки

Сниппеты для хлебных крошек Yoast SEO – редактирование элементов, заголовка

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

Для вывода хлебных крошек используется следующий код, который помещаете в нужное место соответствующего файла шаблона (single.php, page.php, header.php или другой в зависимости структуры от вашей темы):

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

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

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

Полезные сниппеты хлебных крошек Yoast

Для начала пару моментов:

• Редактировать выводимую плагином информацию мы будем через фильтр wpseo_breadcrumb_links.
• Вы можете использовать условные выражения дабы внедрять их только в определенных страница/разделах.

Как удалить последний элемент хлебных крошек

Судя по всему, тут есть 2 варианта решения. У меня отлично сработал этот:

function remove_breadcrumb_title( $link_output) < if(strpos( $link_output, 'breadcrumb_last' ) !== false ) < $link_output = ''; >return $link_output; > add_filter(‘wpseo_breadcrumb_single_link’, ‘remove_breadcrumb_title’ );

Но можно попробовать и так:

add_filter( ‘wpseo_breadcrumb_links’, ‘db_wpseo_breadcrumb_links’ ); function db_wpseo_breadcrumb_links( $links ) < if( sizeof($links) >1 ) < array_pop($links); >return $links; >

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

Удаление ссылки из элемента

Источник решения здесь. Добавляйте в файл функций следующую конструкцию.

add_filter( ‘wpseo_breadcrumb_single_link’ ,’wpseo_remove_breadcrumb_link’, 10 ,2); function wpseo_remove_breadcrumb_link( $link_output , $link ) < $text_to_remove = 'Products'; if( $link['text'] == $text_to_remove ) < $link_output = ''; >return $link_output; >

Здесь в качестве значения переменной text_to_remove указываете для какого объекта надо убрать линк. Если нужно “пройтись” по нескольким значениям, используйте конструкцию:

add_filter( ‘wpseo_breadcrumb_single_link’ ,’wpseo_remove_breadcrumb_link’, 10 ,2); function wpseo_remove_breadcrumb_link( $link_output , $link ) < $text_to_remove = [ 'Products', 'Товари' ]; if ( in_array( $link['text'], $text_to_remove, true ) ) < return; >return $link_output; >

Добавление новой ссылки в путь по сайту

На этой вебстранице есть сразу парочку вариантов кода. Первый из них пригодится для WooCommerce магазина, если вы захотите добавить в конструкцию ссылку на каталог товаров (Shop).

add_filter( ‘wpseo_breadcrumb_links’, ‘wpseo_breadcrumb_add_woo_shop_link’ ); function wpseo_breadcrumb_add_woo_shop_link( $links ) < global $post; if ( is_woocommerce() ) < $breadcrumb[] = array( 'url' =>get_permalink( woocommerce_get_page_id( ‘shop’ ) ), ‘text’ => ‘Shop’, ); array_splice( $links, 1, -2, $breadcrumb ); > return $links; >

Условие is_woocommerce позволяет хаку срабатывать только для данного плагина.

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

add_filter( ‘wpseo_breadcrumb_links’, ‘yoast_seo_breadcrumb_append_link’ ); function yoast_seo_breadcrumb_append_link( $links ) < global $post; if ( is_single ( 123456 ) ) < $breadcrumb[] = array( 'url' =>site_url( ‘/blog/’ ), ‘text’ => ‘Blog’, ); array_splice( $links, 1, -2, $breadcrumb ); > return $links; >

• Здесь в is_single подставлен ID конкретной записи, но вы можете его не указывать (тогда код будет срабатывать для всех постов).
• Если захотите применить его для страниц, то юзайте is_page, для кастомных сущностей есть is_singular, в которую подставляется нужный тип постов post_type_slug.
• Допускается указание списка через массив is_single( array( 123, 456, 789 ) ).

Считываем тайтл (title) от Yoast SEO

Плагин позволяет задавать значение МЕТА-поля Title — это делается внутри админки в одноименном блоке настроек при создании/редактировании поста/страницы. Если вдруг нужно считать это значение, то следующие приемы вам помогут.

В шаблоне записи/поста:

echo get_post_meta(get_the_ID(), ‘_yoast_wpseo_title’, true);

$titles = get_option( ‘wpseo_titles’ ); $title = $titles[‘title-ptarchive-POST_TYPE’]; echo apply_filters( ‘the_title’, $title );

$cat_id = get_query_var( ‘cat’ ); $meta = get_option( ‘wpseo_taxonomy_meta’ ); $title = $meta[‘category’][$cat_id][‘wpseo_title’]; echo apply_filters( ‘the_title’, $title );

$tag_id = get_query_var( ‘tag’ ); $meta = get_option( ‘wpseo_taxonomy_meta’ ); $title = $meta[‘post_tag’][$tag_id][‘wpseo_title’]; echo apply_filters( ‘the_title’, $title );

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

Источник

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. В редакторе находим function
2. Вниз вставляем комбинацию
3. Обновляем

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

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

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

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

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

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

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

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

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

Yoast breadcrumbs и WooCommerce

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

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

Источник

Как сделать хлебные крошки WordPress? Плагин Yoast SEO наш лучший помощник

Привет всем! С вами я, Калмыков Антон и Blog-Bridge.ru. Сегодня в этой статье я хотел бы рассказать вам, как можно улучшить юзабилити своего сайта при помощи плагина Yoast SEO, о котором я расскажу подробно в одной из следующих своих статей.

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

Статьи в тему:

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

Для начала, давайте я поясню, что такое «хлебные крошки» и для чего вообще они нужны.

Что такое «хлебные крошки»

Итак, «хлебные крошки» — это дополнительная постраничная навигация, которая отображает в какой рубрике или в каком разделе находится статья. Посетитель, перейдя на какую-то страницу вашего блога должен понимать, в каком разделе он находится и в той ли рубрике он ищет нужную ему информацию. Обобщенно эта навигация может быть представлена так:

У нас на сайте она выглядит следующим образом:

Кроме того, наличие данной навигации помогает роботам более четко понимать структуру сайта и быстрее индексировать ваш блог. А это очень важно при продвижении проекта в сети.

«Почему?» — вы спросите, мы решили пользоваться данным плагином. Ответ тут будет прост. В интернете существует большое количество похожих сервисов, которые помогут с выводом «крошек», но при этом они дополнительно будут нагружать сайт, от этого лучше уж точно не станет. А раз мы все равно используем Yoast SEO для оптимизации постов, то грех не воспользоваться его возможностями и не сделать удобное юзабилити с его помощью.

Онлайн-эксперимент в блоггинге!

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

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

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

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

В открывшемся окне поставьте галочку «Включить навигационную цепочку (breadcrumbs)».

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

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

После того, как мы попали на официальный сайт данного плагина, копируем требуемый код и вставляем в то место своей темы, в котором мы планируем, чтобы они выводились.

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

В нашем случае код мы вставили практически в самом начале файла single.php, который расположен по адресу www/wp-content/themes/ваша тема/ .

Примечание: Обращаю ваше внимание, что вставлять код лучше через FTP клиент. Мы используем Filezilla, о работе которой подробно писали здесь. Обязательно прочитайте нашу инструкцию, чтобы избежать многих ошибок новичков.

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

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

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

Чтобы избежать этого, требуется дополнительно вставить небольшой код в файл functions.php.

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

Если возникнут вопросы — пишите в комментариях!

Источник