В современном мире хлебные крошки превратились в один из самых влиятельных факторов в работе пользователей, а также в поисковых системах и рейтинге вашего сайта.
Хлебные крошки помогают пользователям определить свое текущее местоположение и помогают легко находить другие разделы веб-сайта.
Хлебные крошки
также помогают поисковым системам, таким как Google, идентифицировать страницы вашего веб-сайта и лучше отображать их на странице результатов.
В этой статье мы поговорим о хлебных крошках и о том, почему они полезны для SEO.
Что такое
хлебные крошки?
Хлебные крошки на eBay
Breadcrumb – это инструмент навигации или руководство, которое покажет ваше текущее местоположение на сайте. Название «хлебные крошки» навеяно историей о Гензеле и Гретель, в которой Гензель и Гретель находят свой путь, следуя за хлебными крошками.
Структура хлебных крошек обычно состоит из «>» для разделения и отображения иерархии. Например, если вы находитесь в разделе учебника WordPress на веб-сайте, и вы читаете статью о структуре URL-адресов в WordPress, и если этот веб-сайт использует иерархическую структуру, вы увидите Главная> Учебное пособие по WordPress> Структура URL-адресов в WordPress, либо внизу или в верхней части сайта.
Мы в Better Studios используем ту же структуру, и если вы посмотрите на нижнюю часть этой статьи, вы увидите, что в нашем шаблоне используется хлебная крошка.
Виды хлебных крошек
На веб-сайтах используются четыре навигационных крошки, мы обсудим их один за другим ниже.
На основе расположения
Этот тип хлебных крошек определяет текущее местоположение пользователя на веб-сайте и находит страницу в древовидной структуре веб-сайта. Последний пример был такого рода.
Этот тип хлебных крошек очень полезен для веб-сайтов с большим количеством контента и слоев и может помочь пользователю ориентироваться в различных категориях продуктов и контента.
На основе атрибутов
Этот тип хлебных крошек обычно используется для веб-сайтов покупок, которые не показывают ваше текущее местоположение на веб-сайте. Он скорее используется для фильтрации продуктов и отображения активных фильтров, а при необходимости – для возврата к предыдущим фильтрам.
Например, если в магазине есть мобильный телефон определенной модели, структура может быть следующей:
«Главная> Категория для мобильных устройств> Мелодии для мобильных> Размер для мобильных> и т.д. »
На основе истории
Этот вид хлебных крошек отображает маршрут, который вы прошли с момента посещения веб-сайта, и вы можете вернуться к предыдущим страницам в любое время. Например:
«Главная> Учебное пособие> Категория> Страница продукта> Научная статья> и т.д. »
Обычно этот вид хлебных крошек не очень популярен, потому что его можно заменить одной простой кнопкой возврата. Дизайнеры UI и UX также предпочитают простой способ.
На основе пути
Этот тип хлебных крошек представляет собой комбинацию на основе истории и других хлебных крошек, имеющую следующую структуру:
«Вернуться на предыдущую страницу (домашняя страница)> Категория продукта> Цвет продукта> Размер продукта> и т.д. »
Почему используются хлебные крошки?
Как мы указывали в начале этой статьи, хлебные крошки теперь рассматриваются как один из факторов ранжирования вашего веб-сайта и помогают поисковым системам, таким как Google, лучше обнаруживать ваши страницы. На изображении ниже вы увидите, как Google использует хлебную крошку для отображения URL-адреса страницы:
Помимо улучшения результатов поиска в 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 NavXT. Для начала вам необходимо найти, установить и активировать плагин.
После активации вы сможете увидеть плагин на своей панели инструментов, открыть его настройки навигации и добавить или удалить любые изменения, которые вы хотите. Как и в случае с плагином Yoast SEO, чтобы полностью активировать хлебные крошки, вам нужно будет добавить фрагмент кода на нужные страницы вашего шаблона.
Способы, которые мы упомянули выше, специально предназначены для WordPress. Если вы используете другую CMS, вам нужно будет связаться с ее администрацией, чтобы помочь включить навигационную цепочку для вашего сайта.
Если вы используете другие веб-приложения, такие как Joomla и Drupal, у них тоже есть плагины для хлебных крошек. Вы можете просто установить и активировать конкретный плагин на своем веб-сайте и включить навигационную цепочку.
Но если вы используете частную CMS и она не поддерживает какие-либо плагины, вам нужно будет добавить ее вручную. Вы можете легко найти руководство в разделе разработчиков Google.
Источник записи: https://betterstudio.com