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

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

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

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

Главная > Каталог > Электроника > Телевизоры

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

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

Почему хлебные крошки важны для эффективной организации контента на веб-сайте?

1. Улучшение навигации: Хлебные крошки помогают пользователям быстро ориентироваться на сайте и легко перемещаться между разделами.
2. Повышение юзабилити: Четкая структура и понятная навигация улучшают пользовательский опыт и повышают вероятность того, что посетители останутся на сайте и совершат целевые действия.
3. Оптимизация для поисковых систем: Хлебные крошки предоставляют поисковым роботам дополнительную информацию о структуре сайта, что может положительно повлиять на ранжирование в результатах поиска.
4. Снижение отказов: Когда пользователи могут легко вернуться к предыдущим страницам, это снижает вероятность того, что они покинут сайт.

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

В WordPress есть как минимум 4 способа реализовать хлебные крошки:

• через плагины,
• вручную,
• через настройщик тем,
• создав собственный шаблон отдельной записи.

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

Шаг 1: установка плагина

Заходим в раздел “Плагины” в WordPress и нажимаем кнопку “Добавить плагин”

Ищем в посике “Yoast SEO” и нажимаем “Установить сейчас”

После установки плагина его нужно активировать в разделе “Плагины”.

Шаг 2: добвавление хлебных крошек на страницу Elementor

Переходим в конструктор Elementor и в поиске ищем Breadcrumbs

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

Шаг 3: Настройка цепочек навигации

Переходим в консоль WordPress и заходим в настройки плагина Yoast SEO

В разделе “Дополнительно” будет пункт “Цепочки навигации”. Здесь Вы сможете произвести настройку отображения хлебных крошек и цепочки навигации для типов записей и таксономий.

Заключение

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