TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Что такое Breadcrumb (хлебные крошки, панировочные сухари) и как их добавить в WordPress?

930

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

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

Хлебные крошки

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

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

Что такое

хлебные крошки?

Что такое Breadcrumb (хлебные крошки) и как их добавить в WordPress?

Хлебные крошки на eBay

Breadcrumb – это инструмент навигации или руководство, которое покажет ваше текущее местоположение на сайте. Название «хлебные крошки» навеяно историей о Гензеле и Гретель, в которой Гензель и Гретель находят свой путь, следуя за хлебными крошками.

Структура хлебных крошек обычно состоит из «>» для разделения и отображения иерархии. Например, если вы находитесь в разделе учебника WordPress на веб-сайте, и вы читаете статью о структуре URL-адресов в WordPress, и если этот веб-сайт использует иерархическую структуру, вы увидите Главная> Учебное пособие по WordPress> Структура URL-адресов в WordPress, либо внизу или в верхней части сайта.

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

Виды хлебных крошек

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

На основе расположения

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

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

На основе атрибутов

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

Например, если в магазине есть мобильный телефон определенной модели, структура может быть следующей:

«Главная> Категория для мобильных устройств> Мелодии для мобильных> Размер для мобильных> и т.д. »

На основе истории

Этот вид хлебных крошек отображает маршрут, который вы прошли с момента посещения веб-сайта, и вы можете вернуться к предыдущим страницам в любое время. Например:

«Главная> Учебное пособие> Категория> Страница продукта> Научная статья> и т.д. »

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

На основе пути

Этот тип хлебных крошек представляет собой комбинацию на основе истории и других хлебных крошек, имеющую следующую структуру:

«Вернуться на предыдущую страницу (домашняя страница)> Категория продукта> Цвет продукта> Размер продукта> и т.д. »

Почему используются хлебные крошки?

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

Что такое Breadcrumb (хлебные крошки) и как их добавить в WordPress?

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

Как добавить Breadcrumb в WordPress?

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

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

Добавление Breadcrumb с помощью плагина Yoast SEO

Во-первых, вам нужно добавить фрагмент кода в файл single.php или page.php. Их можно найти в папках ваших шаблонов. Но это зависит от используемого вами шаблона.

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

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

Что такое Breadcrumb (хлебные крошки) и как их добавить в WordPress?

Добавление Breadcrumb через плагин Breadcrumb NavXT

Еще один полезный плагин, который вы можете добавить на свой сайт, – это Breadcrumb NavXT. Для начала вам необходимо найти, установить и активировать плагин.

Что такое Breadcrumb (хлебные крошки) и как их добавить в WordPress?

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

Что такое Breadcrumb (хлебные крошки) и как их добавить в WordPress?

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

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

Но если вы используете частную CMS и она не поддерживает какие-либо плагины, вам нужно будет добавить ее вручную. Вы можете легко найти руководство в разделе разработчиков Google.

Источник записи: https://betterstudio.com

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