Главная » Wordpress

Как добавить хлебные крошки WordPress на свой сайт

На чтение 6 мин. Просмотров 82 Опубликовано

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

Содержание
  1. Что такое хлебные крошки WordPress?
  2. В чем преимущества хлебных крошек WordPress?
  3. Какие типы хлебных крошек WordPress существуют?
  4. Добавьте хлебные крошки WordPress
  5. Использование темы
  6. Использование плагинов
  7. Использование SEO-плагинов
  8. Использование кода

Что такое хлебные крошки WordPress?

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

В чем преимущества хлебных крошек WordPress?

Хлебные крошки отлично подходят для повышения удобства пользования сайтом. Улучшенная навигация означает, что пользователи могут легче переходить между отдельными (под)страницами сайта. Это означает, что они также склонны задерживаться на сайте дольше, что снижает процент отказов. В то же время улучшается удобство использования и внутренняя перелинковка. Это положительно влияет на поисковые машины и ботов. Другими словами, хлебные крошки WordPress полезны для поисковой оптимизации.

Совет

Получите максимальную отдачу от WordPress с WordPress Hosting от IONOS. Вы получите 99,97% доступности сервера, множество полезных функций безопасности и сможете более эффективно управлять своим сайтом с помощью CLI.

Какие типы хлебных крошек WordPress существуют?

Существует три различных типа хлебных крошек. Их функциональность всегда одинакова. Три различных варианта:

  • Иерархические: Эти хлебные крошки показывают посетителям, где именно они находятся на сайте, и отображают уровни, расположенные выше. В большинстве случаев отображается главная страница и соответствующие подстраницы. Эти хлебные крошки подходят для большинства сайтов.
     
  • На основе истории: Этот вариант используется реже, но служит своей цели. При посещении веб-сайта создаются и отображаются отдельные шаги в виде путей. При необходимости к отдельным точкам пути можно перейти снова.
     
  • На основе атрибутов: Хлебные крошки WordPress на основе атрибутов полезны для интернет-магазинов. Этот вариант отображает поисковые термины и категории, которые привели пользователя к статье. Примером может служить структура «Главная -> Велосипеды -> Электронные велосипеды -> конкретная модель».
Совет

Ваш идеальный домен всего в нескольких кликах от вас! При регистрации домена в IONOS вы также получаете Wildcard SSL, круглосуточное обслуживание и простую настройку.

Добавьте хлебные крошки WordPress

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

Использование темы

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

Чтобы добавить хлебные крошки WordPress, просто воспользуйтесь Customizer. Вы можете выбрать нужный вариант и легко настроить его по своему вкусу. Выберите позиционирование, разделитель между слоями и цвет шрифта. Это не только простой вариант добавления хлебных крошек на сайт, но и гарантия того, что они будут соответствовать дизайну вашего онлайн-присутствия.

Использование плагинов

Если вы не планируете менять дизайн своего сайта или блога WordPress, или если вы выбрали тему без возможности добавления хлебных крошек WordPress, вы можете использовать плагин WordPress. Один из самых популярных плагинов для этой цели — Breadcrumb NavXT. Он бесплатный и удобный в использовании.

  1. Добавьте плагин как обычно.
     
  2. Выберите «Виджеты» в разделе «Внешний вид». Вы должны увидеть Breadcrumb NavXT.
     
  3. Перетащите виджет в область, где вы хотите, чтобы в дальнейшем отображались хлебные крошки WordPress.
     
  4. Под стрелкой появится выпадающее меню, из которого вы теперь можете сделать различные настройки, например, установить начальную страницу, сохранить разделители, определить порядок, исключить выбранные страницы или игнорировать кэширование.
     
  5. Сохраните настройки и проверьте хлебные крошки WordPress на своем сайте.

Использование SEO-плагинов

Предпочитаете работать без дополнительных плагинов? Вы можете использовать SEO-плагины WordPress для вставки хлебных крошек. Одним из самых популярных решений является Yoast SEO. Функция хлебных крошек предназначена для отображения результатов поиска, но ее можно использовать и на сайте. Чтобы вставить хлебные крошки WordPress с помощью плагина, выполните следующие действия:

  1. Установите Yoast SEO и активируйте плагин с вашей приборной панели.
     
  2. Слева в разделе «Yoast SEO» выберите «Search Appearance», а затем «Breadcrumbs». Включите опцию в нижней части настроек внешнего вида сайта.
     
  3. Используйте шорткод [wpseo_breadcrumb], чтобы вставить его в любое место на вашем сайте.

Использование кода

Другой вариант — добавить хлебные крошки WordPress вручную. В этом случае вы будете добавлять код. Сначала добавьте код в файл functions.php вашей темы. В целях безопасности сначала создайте дочернюю тему. Код выглядит следующим образом:

function breadcrumb() {
    echo '<a href="'.home_url().'" rel="nofollow">Startseite</a>';
    if (is_category() || is_single()) {
        echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;";
        the_category(' &bull; ');
            if (is_single()) {
                echo " &nbsp;&nbsp;&#187;&nbsp;&nbsp; ";
                the_title();
            }
    } elseif (is_page()) {
        echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;";
        echo the_title();
    } elseif (is_search()) {
        echo "&nbsp;&nbsp;&#187;&nbsp;&nbsp;searchresults... ";
        echo '"<em>';
        echo the_search_query();
        echo '</em>"';
    }
}

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

<div class="breadcrumb"><!--?php breadcrumb (); ?--></div>

Для настройки дизайна хлебных крошек WordPress используйте дополнительные CSS.

Заключение

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

Оцените статью
cdelat.ru
Добавить комментарий