Перейти к содержимому 
Что такое хлебные крошки?
Хлебные крошки (англ. breadcrumbs) – это навигационная система, которая помогает пользователям понять, где они находятся на сайте и как вернуться к предыдущим страницам.
Хлебные крошки обычно отображаются в виде списка ссылок, показывающих путь от главной страницы к текущей. Например:
Главная > Каталог > Электроника > Телевизоры
Такая навигация помогает пользователям ориентироваться на сайте и легко перемещаться между разделами. Она особенно полезна на больших сайтах с многоуровневой структурой.
Использование хлебных крошек улучшает юзабилити сайта и повышает удобство навигации для посетителей.
Почему хлебные крошки важны для эффективной организации контента на веб-сайте?
- Улучшение навигации: Хлебные крошки помогают пользователям быстро ориентироваться на сайте и легко перемещаться между разделами.
- Повышение юзабилити: Четкая структура и понятная навигация улучшают пользовательский опыт и повышают вероятность того, что посетители останутся на сайте и совершат целевые действия.
- Оптимизация для поисковых систем: Хлебные крошки предоставляют поисковым роботам дополнительную информацию о структуре сайта, что может положительно повлиять на ранжирование в результатах поиска.
- Снижение отказов: Когда пользователи могут легко вернуться к предыдущим страницам, это снижает вероятность того, что они покинут сайт.
Как сделать хлебные крошки на сайте Elementor?
В WordPress есть как минимум 4 способа реализовать хлебные крошки:
- через плагины,
- вручную,
- через настройщик тем,
- создав собственный шаблон отдельной записи.
Мы воспользуемся самым популярным и простым способом – через плагин YoastSeo. Помимо возможности добавления хлебных крошек это плагин включает множетсво других полезных функций, таких как настройка Seo-параметров и редактирование XML-карты сайта.
Шаг 1: установка плагина
Заходим в раздел “Плагины” в WordPress и нажимаем кнопку “Добавить плагин”
Ищем в посике “Yoast SEO” и нажимаем “Установить сейчас”
После установки плагина его нужно активировать в разделе “Плагины”.
Шаг 2: добвавление хлебных крошек на страницу Elementor
Переходим в конструктор Elementor и в поиске ищем Breadcrumbs
Задайте стиль своим хлебным крошкам: в настройках виджета можно выбрать цвета и шрифты, а также настроить позиционирование, HTML-теги и многое другое
Шаг 3: Настройка цепочек навигации
Переходим в консоль WordPress и заходим в настройки плагина Yoast SEO
В разделе “Дополнительно” будет пункт “Цепочки навигации”. Здесь Вы сможете произвести настройку отображения хлебных крошек и цепочки навигации для типов записей и таксономий.
Заключение
Хлебные крошки – это простой, но эффективный инструмент, который помогает улучшить навигацию и организацию контента на веб-сайте. Правильное использование хлебных крошек может значительно повысить удобство использования сайта для пользователей, а также положительно повлиять на его видимость в поисковых системах.