Навигационные цепочки на сайте обеспечивают удобство для пользователей и способствуют улучшению индексации в поисковых системах. В большинстве тем для WordPress данная функция уже присутствует. Если в вашей теме она отсутствует, рассмотрим, как установить и настроить хлебные крошки с помощью плагина Yoast SEO.
Этот мощный инструмент значительно упрощает процесс SEO-оптимизации. Он позволяет легко заполнять мета-теги как для всего сайта, так и для его отдельных разделов, включая рубрики, теги, категории, страницы и записи.
Еще одной его особенностью является добавление хлебных крошек, которые оптимизированы и подходят для всех поисковых систем. Давайте разберемся, как это сделать.
Шаг 1: Установка плагина Yoast SEO
Сначала необходимо установить плагин Yoast SEO. Для этого зайдите в раздел Плагины > Добавить новый в админ-панели вашего WordPress сайта. В строке поиска введите Yoast SEO, найдите плагин и нажмите Установить, а затем Активировать.
Шаг 2: Включение хлебных крошек
После активации плагина перейдите в раздел SEO > Внешний вид поиска. Здесь вы увидите вкладку Хлебные крошки. Активируйте эту опцию, установив соответствующий переключатель в положение Включено.
Шаг 3: Настройка внешнего вида хлебных крошек
На той же странице вы можете настроить внешний вид хлебных крошек, выбрав разделы, которые должны отображаться в навигационной цепочке. Вы можете добавить логотип сайта, изменить разделы, а также настроить порядок их отображения.
Шаг 4: Добавление хлебных крошек на сайт
Чтобы хлебные крошки отобразились на вашем сайте, вам нужно добавить соответствующий код в файл шаблона вашей темы. Откройте файл header.php или single.php (в зависимости от того, где вы хотите отображать хлебные крошки) и вставьте следующий код:
<?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb(' > ',''); } ?>
Не забудьте сохранить изменения. Теперь, если вы обновите свой сайт, вы увидите хлебные крошки на страницах.
Шаг 5: Тестирование и проверка
После установки и настройки обязательно протестируйте хлебные крошки на нескольких страницах вашего сайта. Убедитесь, что они отображаются корректно и ведут на соответствующие разделы. Это повысит удобство навигации для пользователей и улучшит поисковую оптимизацию.
Заключение
Хлебные крошки — это важный элемент, который способствует улучшению пользовательского опыта и SEO-оптимизации вашего сайта. С помощью плагина Yoast SEO их установка и настройка занимает всего несколько минут и не требует специальных знаний в программировании. Следуя описанным шагам, вы сможете легко интегрировать эту функцию на своем сайте.
Как на счет разметки schema org?
Плагин автоматически использует необходимую микроразметку (или microdata). Вам не нужно ничего дополнительно разрабатывать. Использование schema.org помогает поисковым системам лучше понять контент вашей страницы, что может способствовать улучшению видимости в результатах поиска. Кроме того, корректная микроразметка может улучшить качество сниппетов, отображаемых в результатах поиска, что, в свою очередь, может повысить CTR (коэффициент кликабельности). Рекомендуется периодически проверять целостность и актуальность разметки с помощью инструментов, таких как Google’s Structured Data Testing Tool или Rich Results Test, чтобы удостовериться, что ваша страница соответствует последним стандартам. Также учтите, что микроразметка может варьироваться в зависимости от типа контента, поэтому важно выбирать соответствующие типы и свойства для вашего сайта.
1. Убедитесь, что плагин установлен и активирован — в панеле управления WordPress должен появиться пункт меню Yoast SEO.
2. Перейдите в админ-раздел Yoast SEO -> Настройки -> Дополнительно, затем выберите вкладку “Цепочки навигации”.
3. Активируйте вариант “Включите хлебные крошки для вашей темы”, переместив ползунок в активное положение, и нажмите на кнопку “Сохранить изменения”.
Если ваша тема поддерживает этот модуль, то навигация начнет функционировать.
Настройка хлебных крошек в плагине
На странице настроек вы сможете изменить внешний вид и поведение хлебных крошек.
Вы можете указать и настроить:
- разделитель (по умолчанию — », известный как separator);
- текст, который будет отображаться как ссылка на главную страницу;
- префиксы для архивов, страниц поиска и страниц с ошибкой 404;
- показывать ли текущую страницу блога в хлебных крошках;
- выделять ли последнюю страницу;
- цепочки навигации для различных типов записей (рекомендуется выбирать вариант “Рубрика”) и других таксономий (меток, рубрик, форматов).
Важно отметить, что хлебные крошки не только улучшают навигацию на сайте, но и способствуют SEO-оптимизации, так как помогают поисковым системам лучше индексировать структуру вашего сайта. Кроме того, хлебные крошки могут быть встроены в микроразметку Schema.org, что улучшает представление ваших страниц в результатах поиска.
Если ваша тема не поддерживает отображение хлебных крошек, вы можете вручную вставить соответствующий PHP-код в файл вашей темы, или воспользоваться плагинами, которые обеспечивают эту функциональность. Будьте внимательны при внесении изменений в код, чтобы не нарушить работу сайта.
Помните, что правильные хлебные крошки улучшат пользовательский опыт и снизят показатель отказов, так как посетители смогут легче ориентироваться на вашем сайте.
Как еще можно добавить навигацию в WordPress-плагине Йоаст?
Если ваша тема не поддерживает работу данного WP-дополнения, разработчики предусмотрели альтернативное решение.
PHP-код в шаблонах темы
Темы WordPress содержат шаблоны — файлы, отвечающие за конкретные части сайта. Например, header.php отвечает за отображение шапки, а footer.php — за подвал.
Чтобы внедрить хлебные крошки от Yoast, разработчики плагина предоставили специальный код:
<?php if ( function_exists('yoast_breadcrumb') ) { yoast_breadcrumb( '' ); } ?>Каждая тема обладает своим набором шаблонов, поэтому не существует универсальных указаний на то, куда именно вставлять этот PHP-вызов.
Обычно навигация добавляется в записях, страницах и архивах. Изучите шаблоны single.php, page.php и archive.php соответственно.
Чаще всего цепочка навигации помещается перед заголовком страницы (title).
Шорткод
Существует еще один способ добавить хлебные крошки — через вставку шорткода (shortcode) в содержимое. Это удобно, если вам нужно использовать хлебные крошки только в определенных местах.
Для этого отредактируйте публикацию и вставьте строку в следующем формате:
[wpseo_breadcrumb]Если плагин активен, здесь будут отображены ссылки навигации.
Использование виджета
Если вы хотите добавить хлебные крошки на сайдбар или в любой другой виджет, можно использовать соответствующий виджет, доступный в дополнительных настройках плагина Yoast SEO. Это позволяет легко интегрировать навигацию в любые части вашего сайта, не изменяя код темы.
Настройки плагина
Также не забывайте о настройках самого плагина Yoast SEO. Перейдите в SEO → Внешний вид поиска, затем выберите вкладку Хлебные крошки. Здесь вы можете настроить отображение хлебных крошек, выбрать разделы, которые будут включены в навигацию, и активировать/деактивировать данную функцию.
Совместимость с другими плагинами
Не забывайте проверять совместимость плагина Yoast SEO с другими установленными плагинами, которые могут влиять на работу навигации. Иногда другие плагины могут конфликтовать, что приведет к неправильному отображению хлебных крошек или даже к их полному отсутствию на сайте.
Полезные фишки и возможности
Давайте рассмотрим, что еще можно сделать с хлебными крошками от модуля Yoast.
Как скрыть на главной странице?
Специалисты по SEO рекомендуют удалять хлебные крошки на главной странице, так как нет смысла отображать цепочку, ведющую в никуда. Ссылка с самой страницы на саму себя теряет смысл.
Разработчики плагина учли этот вопрос, и по умолчанию хлебные крошки на главной странице отсутствуют.
Как убрать дубликат (последнюю крошку)?
Поисковики не одобряют дублирование информации на страницах сайта. Обычно в хлебных крошках Yoast SEO отображается название последней крошки, т.е. записи, страницы или архива. Этого не требуется.
Чтобы скрыть последний элемент, найдите файл functions.php в директории своей темы и добавьте в самый низ несколько строчек кода на PHP:
add_filter( 'wpseo_breadcrumb_single_link', function ( $link_output ) { if ( strpos( $link_output, 'breadcrumb_last' ) !== false ) { $link_output = ''; } return $link_output; });
Более простое решение можно найти, если воспользоваться платным плагином Clearfy Pro:
- откройте Clearfy Pro,
- перейдите на вкладку SEO,
- нажмите на опцию Убирает дублирование названия в хлебных крошках WP SEO by Yoast.
Хлебные крошки в Yoast SEO совместимы со всеми плагинами кэширования, а также с плагином WooCommerce.
Как настроить стиль отображения?
Вы можете изменить внешний вид хлебных крошек, добавив пользовательские стили в файл style.css вашей темы. Это позволит вам адаптировать цвета, шрифты и размеры к вашим предпочтениям и общей стилистике сайта.
Для примера, чтобы изменить цвет текста хлебных крошек, добавьте следующий код:
.wpseo-breadcrumbs { color: #ff0000; }Как улучшить SEO с помощью хлебных крошек?
Хлебные крошки помогают пользователям и поисковым системам лучше ориентироваться по вашему сайту. Убедитесь, что структура хлебных крошек соответствует иерархии вашего контента. Включение ключевых слов в названия крошек может повысить их видимость в поисковых системах.
Также помните, что хлебные крошки должны быть логичными и интуитивно понятными для пользователя, чтобы улучшить его опыт на сайте.