5 лучших плагинов WordPress для добавления хлебных крошек на ваш сайт
Пользовательский опыт так же важен, как и содержание вашего сайта. Пользователь должен иметь возможность легко и интуитивно перемещаться по вашему сайту WordPress. Вот тут-то и вступают в игру «хлебные крошки». Плагины Breadcrumbs WordPress помогут вам реализовать это полезное средство навигации практически в любой теме.
Практически невозможно предсказать конкретную публикацию или страницу, которую в конечном итоге просматривает ваш посетитель. Независимо от этого факта, вы по-прежнему должны предоставлять пользователям удобные для понимания навигационные знаки. Это поможет им перемещаться по вашему сайту.
Что такое хлебные крошки в WordPress? 🤔
Хлебные крошки — это следы, которые помогают посетителю организованно перемещаться по вашему веб-сайту WordPress. Вы можете использовать хлебные крошки, чтобы помочь пользователю перейти от одной страницы публикации к другой.
Вот краткое изложение от экспертов по пользовательскому опыту Nielsen Norman Group:
Хлебные крошки — это важный навигационный элемент, который поддерживает поиск пути, информируя пользователей об их текущем местоположении в иерархической структуре веб-сайта. Хлебные крошки — это список ссылок, представляющих текущую страницу и ее «предков» (родительскую страницу, родительскую страницу и т. д.), обычно ведущих обратно на домашнюю страницу сайта. NN/g рекомендует панировочные сухари с 1995 года, поскольку они предоставляют множество преимуществ пользователям практически без затрат на пользовательский интерфейс.
Для тех, кто управляет веб-сайтом электронной коммерции, хлебные крошки могут значительно улучшить удобство использования и, в конечном итоге, продажи. Вы можете использовать их, чтобы побудить пользователей проверять сопутствующие товары из определенной категории, например: «Домой» → «Продукты» → «Электроника» → «Носимые устройства».
Вам также не нужно нанимать веб-разработчика или изучать сложное программирование, чтобы реализовать эту функцию. Просто установите плагин WordPress для хлебных крошек, и все готово.
Пять лучших плагинов WordPress для хлебных крошек 🔌
1. Навигационная цепочка NavXT
Breadcrumb NavXT — это обновленная версия старого плагина Breadcrumb Navigation XT. Вы можете использовать Breadcrumb NavXT для создания навигационных цепочек на основе местоположения по всему вашему веб-сайту. Он имеет более 800 000 активных установок и пользуется популярностью среди пользователей WordPress.
Особенности ⚙️ Как использовать 💡
После установки Breadcrumb NavXT перейдите к Внешний вид → Виджеты в вашей панели управления WordPress.
Перетащите виджет Breadcrumb NavXT в выбранную вами область виджетов и обновите настройки виджета. Вы сможете увидеть навигационную цепочку на боковой панели или в выбранной вами области виджетов. Вы также можете скрыть след на главной странице или изменить порядок ссылок.
Вы также можете добавить «хлебные крошки» непосредственно в файлы шаблонов вашей темы, используя функцию PHP ниже:
bcn_display($return = false, $linked = true, $reverse = false, $force = false)
2. Гибкая хлебная крошка
Структуры схемы являются одним из наиболее важных аспектов SEO. Этот плагин WordPress для навигации интегрирован с Google Fonts, благодаря чему ваша цепочка навигации легко вписывается в дизайн вашего веб-сайта.
Особенности ⚙️
- Совместимость с короткими кодами
- Различные разделители хлебных крошек
- Установите текст «Home» и «End»
- Шрифт Awesome средство выбора значков
- Настраиваемые цвета
- Изменение размера шрифтов
Как использовать 💡
После установки и активации плагина перейдите в раздел Гибкая хлебная крошка область на боковой панели панели управления WordPress:
Общие настройки предлагают ряд вариантов настройки. Выберите «Home Text» (текст перед вашим следом) и выберите иконку из каталога бесплатных иконок, благодаря Шрифт Awesome средство выбора значков.
При желании вы можете изменить разделитель хлебных крошек. Просто введите «/», «→» или любой другой знак, который вы хотите видеть в следе. Иерархия типов сообщений помогает вам выбрать формат отображения сообщений, используя «Категорию», «Дата» или «Теги».
Вы можете использовать Типография раздел, чтобы полностью настроить цвет навигационной цепочки. Сохраните изменения, и вы увидите, что они применены к вашему сайту. Вы также можете добавить хлебные крошки вручную, используя шорткод (flexy_breadcrumb)..
3. Йост SEO
Yoast SEO — мощный плагин WordPress. Этот плагин известен тем, что занимается SEO на странице веб-сайта, но знаете ли вы, что вы также можете использовать его для добавления навигационной цепочки в вашу тему? Yoast — это универсальное SEO-решение, которое обрабатывает все: от SEO-анализа до XML-карт сайта и хлебных крошек.
Особенности ⚙️
- Создан для SEO
- Увеличьте количество поисковых запросов
- Создать хлебные крошки для 404
- Полная оптимизация страницы
- Сменный разделитель хлебных крошек
Как использовать 💡
Чтобы включить хлебные крошки в WordPress, перейдите по ссылке SEO -> Внешний вид в поиске в вашей панели управления WordPress. В верхней части экрана вы увидите тег «Хлебные крошки». Сдвиньте кнопку «Отключено» влево, и хлебные крошки будут включены.
Вы можете ввести тип разделителя, который хотите видеть в своем блоге. Активатор хлебных крошек Yoast также поможет вам изменить текст привязки главной страницы (тот, который появляется в следе). В дополнение к этим функциям здесь вы также можете изменить навигационную цепочку для диалога на странице 404 вашего сайта.
Таксономии уровня категории, тега и формата доступны для постов на основе навигационной цепочки. Если вы хотите архивировать посты из определенной категории, вы также можете это сделать. Короткие коды помогают упростить весь процесс внедрения.
Вы можете добавить шорткод вручную к определенным сообщениям или страницам: Блог »5 лучших плагинов WordPress для хлебных крошек для добавления хлебных крошек на ваш сайт. Или скопируйте и вставьте следующее код, предоставленный Yoast SEOв тему, в которой вы хотите, чтобы отображались хлебные крошки.
','
' ); }
4. Хлебные крошки WooCommerce
Если вы только что создали свой магазин WooCommerce и хотите установить несколько плагинов для повышения динамической функциональности; проверьте WooCommerce Breadcrumbs.
Этот плагин помогает вам легко и эффективно управлять хлебными крошками WooCommerce. Вы можете изменить символ-разделитель и отобразить несортированный список, изменив окружающий HTML-код.
Особенности ⚙️
- Чистый интерфейс
- Простой плагин хлебных крошек
- Инструменты изменения HTML
- SEO-дружественный
Как использовать 💡
WooCommerce Breadcrumbs — простой плагин WordPress. Вы активируете его, перейдя в Настройки -> Хлебные крошки для туалета и ставим галочку Включить хлебные крошки.
Вы можете изменить разделитель между цепочками навигации из интерфейса плагина. Вы можете добавить HTML в свой след WooCommerce, чтобы настроить внешний вид и положение объекта. Используйте Wrap_before и Wrap_after для добавления начального и конечного кода вашего контейнера хлебных крошек. Если вы используете WooThemes, некоторые функции могут быть недоступны.
5. Хлебные крошки
Breadcrumb — еще один бесплатный плагин WordPress breadcrumb, который попал в наш список. Breadcrumb поможет вам обеспечить потрясающую навигацию с минимальной настройкой. Плагин Breadcrumb поможет вам отобразить breadcrumb в любом месте вашего сайта. Просто добавьте предоставленный шорткод в редактор WordPress.
Особенности ⚙️
- Пользовательский разделитель
- Доступен короткий код
- Ограничить текст ссылки на слова
- Полностью настраиваемый текст
- Дополнительная интеграция CSS
- Многоязычный
Как использовать 💡
Breadcrumb будет доступен на вашей панели управления сразу после его установки. Общие настройки можно использовать для изменения начального текста, управления текстом-разделителем и настройки последнего разделителя.
Вы можете управлять лимитом отображения по словам или символам. Вы даже можете выбрать, хотите ли вы отображать «Домой» в своей навигационной цепочке. Введите страницы, на которых хлебные крошки не подходят (например, домашняя страница). Сохраните изменения, и ваша навигационная цепочка будет готова помочь посетителям перемещаться по вашему сайту.
Вы также можете выбрать тему в Стиль опция на панели настроек. Эта опция предназначена для настройки цвета, размера и дизайна хлебных крошек.
Чтобы отобразить хлебные крошки, вам нужно добавить шорткод (хлебные крошки).
Чтобы ваша навигационная цепочка выглядела более продвинутой, вы можете использовать собственный CSS.
Подводим итоги 📜
Благодаря широкому спектру плагинов навигации для WordPress пользователям стало проще, чем когда-либо, создавать собственную навигационную цепочку. Владельцам сайтов больше не нужно учиться программировать, чтобы реализовать эту функцию и воспользоваться преимуществами хлебных крошек.
Если вы управляете магазином WooCommerce и вам нужен простой плагин для управления навигационной цепочкой, используйте Туалет Хлебные крошки. Для тех, кто не хочет добавлять дополнительные плагины на свой сайт, Йост SEO это идеальный вариант. хлебные крошки и Гибкая хлебная крошка — это легко настраиваемые плагины для добавления пользовательской навигационной цепочки.
У вас есть вопросы о том, как добавить хлебные крошки в WordPress? Спрашивайте в комментариях!
Бесплатное руководство
4 основных шага для ускорения
Ваш сайт WordPress
Следуйте простым шагам из нашей мини-серии из 4 частей.
и сократите время загрузки на 50-80%. 🚀
Ура! 🎉Вы дочитали статью до конца!