Лучший опыт

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

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

Содержание
Что такое хлебные крошки в WordPress?
Зачем добавлять панировочные сухари на свой сайт WordPress?
Как добавить панировочные сухари в WordPress
Как добавить панировочные сухари с помощью :
Как добавить панировочные сухари с другими плагинами WordPress
Как добавить панировочные сухари в WordPress с темами
Как отключить панировочные сухари в WordPress

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

Помимо тщательного логического планирования вашего веб-сайта, добавление хлебных крошек (не съедобных) может предоставить посетителям простой способ передвижения по вашему сайту и понимания его структуры в целом.

В этом посте мы расскажем, что такое хлебные крошки, почему они полезны и как их использовать в WordPress.

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

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

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

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

Зачем добавлять панировочные сухари на свой сайт WordPress?

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

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

Но хлебные крошки могут не только улучшить впечатления посетителей – они также улучшат ваше SEO. Размещение хлебных крошек на ваших страницах помогает поисковым системам сканировать ваш сайт, чтобы определить его внутреннюю структуру ссылок. Google также может использовать ваши хлебные крошки в результатах поиска, чтобы помочь вашим посетителям, как показано ниже:

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

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

Как добавить панировочные сухари в WordPress

  1. Установите и активируйте .
  2. Скопируйте фрагмент кода внедрения хлебных крошек.
  3. Щелкните файл обновления.
  4. Выберите «Внешний вид»> «Редактор тем».
  5. Вставьте фрагмент кода в файл (ы) вашей темы.
  6. Выберите SEO> Внешний вид при поиске.
  7. Щелкните вкладку .
  8. В разделе "Настройки хлебных крошек" нажмите Включено.
  9. Настройте параметры панировочных сухарей.
  10. Щелкните Сохранить изменения.

– популярный плагин SEO для WordPress. Вы можете многое сделать с помощью , в том числе включить навигацию по .

Как добавить панировочные сухари с помощью :

1. Если вы еще этого не сделали, установите и активируйте плагин в разделе Плагины> Добавить новый. Это добавит новую опцию SEO на левую боковую панель.

2. Затем вам нужно добавить код в файлы темы, который сообщает , где отображать хлебные крошки. Скопируйте и опубликуйте фрагмент кода ниже:

<?php if (function_exists('yoast_breadcrumb')) { yoast_breadcrumb( '</p><p id="breadcrumbs">','</p><p>' ); } ?> 

3. Щелкните Обновить файл, чтобы сохранить изменения.

4. На левой боковой панели выберите «Внешний вид»> «Редактор тем».

5. В редакторе темы вставьте скопированный фрагмент кода в конец одного или нескольких из следующих файлов темы:

  • header.php, если вы хотите, чтобы хлебные крошки отображались в заголовке на всем сайте.
  • page.php, если вы хотите, чтобы хлебные крошки отображались на всех ваших страницах.
  • single.php, если вы хотите, чтобы хлебные крошки отображались во всех ваших сообщениях.

Вот как выглядит код, вставленный в файл header.php темы Sinatra. Вставленный код отображается в красном поле:

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

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

6. На левой боковой панели выберите SEO> Внешний вид при поиске.

7. Щелкните вкладку « ».

8. В разделе «Настройки хлебных крошек» щелкните Включено.

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

9 При выборе «Включено» будут отображены настройки хлебных крошек. Настройте их по своему вкусу.

10. Внизу страницы нажмите Сохранить изменения.

Как добавить панировочные сухари с другими плагинами WordPress

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

Rank Math – это плагин WordPress, созданный для повышения рейтинга пользователей в поисковых системах. Чтобы добавить хлебные крошки с помощью этого плагина:

1. Установите и активируйте плагин в разделе Плагины> Добавить новый. Это добавит новую опцию Rank Math на левую боковую панель.

2. Завершите шестиступенчатый мастер установки. По окончании настройки нажмите Вернуться на панель управления.

3. На левой боковой панели выберите Rank Math> General Settings.

4. На вкладке «» щелкните Вкл. Рядом с пунктом «Включить функцию хлебных крошек».

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

5. Настройте параметры хлебных крошек по своему усмотрению.

6. По завершении щелкните Сохранить изменения.

Для тех, кто ищет функциональность хлебных крошек без дополнительных функций SEO, Breadcrumb NavXT – лучший плагин. Он предлагает обширный контроль для включения и настройки ваших хлебных крошек.

1. Установите и активируйте плагин в разделе Плагины> Добавить новый.

2. На левой боковой панели выберите «Настройки»> «Навигационная крошка NavXT».

3. Будут включены настройки по умолчанию. На вкладке «Общие» вы можете изменить принцип работы хлебных крошек на всем сайте. Параметры на вкладке «Типы сообщений» позволяют указать формат хлебных крошек для ваших сообщений и страниц.

4. По завершении щелкните Сохранить изменения.

Breadcrumb – еще один легкий плагин для навигации в любом месте вашего веб-сайта с помощью коротких кодов. Чтобы использовать этот плагин:

1. Установите и активируйте плагин в разделе Плагины> Добавить новый. Это добавит новую опцию Breadcrumb на левую боковую панель.

2. Выберите Breadcrumb на левой боковой панели.

3. В разделе «Настройки хлебных крошек» вы можете настроить хлебные крошки по своему вкусу.

4. По завершении щелкните Сохранить изменения.

5. Перейдите на новую или существующую страницу или сообщение в редакторе WordPress и добавьте следующий шорткод:

[хлебная крошка]

Ваша хлебная крошка будет выглядеть так:

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

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

1. Установите и активируйте плагин в разделе Плагины> Добавить новый. Это добавит новую опцию Catch Breadcrumb на левую боковую панель.

2. Выберите «» на левой боковой панели.

3. На вкладке «Панель управления» настройте параметры по своему усмотрению.

4. По завершении щелкните Сохранить изменения.

5. Добавьте следующий шорткод в визуальный редактор WordPress:

[catch-breadcrumb]

6. Проверьте страницы своего сайта на наличие новой функции навигации.

7. Проверьте страницы своего сайта на наличие новой функции навигации.

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

1. Установите и активируйте плагин в разделе Плагины> Добавить новый. Это добавит новую опцию на левую боковую панель.

2. Выберите на левой боковой панели.

3. В разделе «Общие настройки» настройте параметры по своему вкусу.

4. По завершении щелкните Сохранить изменения.

5. Добавьте следующий шорткод в визуальный редактор WordPress:

[flexy_breadcrumb]

– это комплексный плагин SEO для увеличения вашего обычного поискового трафика. Этот плагин считается одним из самых популярных инструментов и в своей версии Pro предлагает хлебные крошки.

1. Установите и активируйте плагин в разделе Плагины> Добавить новый. Это добавит новую опцию SEO на левую боковую панель.

2. На левой боковой панели выберите SEO> .

3. В разделе «Настроить хлебные крошки» включите эту функцию.

4. Настройте параметры хлебных крошек по своему вкусу.

5. По завершении нажмите «Сохранить изменения».

6. На левой боковой панели выберите «Внешний вид»> «Редактор тем».

7. Откройте файл header.php вашей темы и добавьте приведенный ниже код в конец файла:

if(function_exists("seopress_display_breadcrumbs")) { seopress_display_breadcrumbs(); } 

8. Щелкните Обновить файл, чтобы сохранить изменения.

Как добавить панировочные сухари в WordPress с темами

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

  • : эта тема позволяет настраивать ваши хлебные крошки.
  • : эта тема направляет посетителей по навигационным крошкам в вашей базе знаний службы поддержки.
  • : Эта тема позволяет размещать панировочные сухари в любом месте страницы.
  • : эта тема позволяет вам включить хлебные крошки в вашем интернет-магазине.
  • : это коллекция тем WooCommerce с .

Как отключить панировочные сухари в WordPress

Если вы установили хлебные крошки через плагин, просто отключите его, выбрав Плагины> Установленные плагины. Если вы добавили к своей теме хлебные крошки, вам необходимо удалить их в редакторе тем.

Выполните следующие действия, чтобы отключить хлебные крошки в WordPress:

1 На панели управления администратора выберите «Внешний вид»> «Редактор тем».

2. Откройте файл, в который вы добавили панировочные сухари.

3. Используйте Ctrl + F (или Command F на Mac), чтобы открыть функцию поиска в браузере. Найдите «хлебную крошку», чтобы найти код PHP.

4. Добавьте две косые черты (//) перед этой строкой кода. Это временно отключает код.

5. Щелкните Обновить файл, чтобы сохранить изменения.

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

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

записи: