Хотите добавить навигационную цепочку на сайт, созданный в Elementor?
Все мы знаем сказку Гензель и Гретель, верно? Два потерянных брата и сестры, которые оставляли след с кусочками хлеба, чтобы вернуться домой.
Концепция «хлебных крошек» на веб-сайте работает точно так же. По сути, «хлебные крошки» показывают посетителям их местоположение на сайте и указывают, где они находятся. С помощью «хлебных крошек» посетители могут перемещаться по сайту и возвращаться к предыдущему пройденному пути. Короче говоря, это работает как браузер на веб-сайте, улучшающий пользовательский опыт. пользовательский опыт.
В этой статье вы узнаете больше о хлебных крошках, поскольку мы обсудим виджет Elementor Breadcrumbs, зачем его использовать и как его использовать.
Что такое хлебные крошки на сайте?
«Хлебные крошки» Elementor — это небольшой текстовый путь, который служит виртуальным компасом для веб-сайтов. Благодаря этой дополнительной системе навигации посетители могут вернуться на страницы, которые они посещали ранее.
Например, вы посещаете интернет-магазин, чтобы купить наушники, скажем, iPod. Таким образом, вы перейдете на главную страницу, затем на страницу аксессуаров и, наконец, на страницу продукта. В этом случае хлебная крошка будет следующей: Главная> Аксессуары > Наушники > iPod.
Он показывает путь, который вы прошли до страницы. И каждая его часть кликабельна. Например, если вы хотите вернуться на страницу аксессуаров, просто нажмите «Аксессуары» в навигационной цепочке. И вы попадете на страницу.
Что предлагает виджет "хлебные крошки" в Elementor?
Конструктор веб-сайтов Elementor упрощает добавление хлебных крошек на ваш веб-сайт WordPress. Вам просто нужно перетащить виджет и настроить его. Этот виджет предлагает несколько удивительных функций.
Это:
- Настраиваемые стили хлебных крошек.
- Настройка типографики, цвета и многого другого.
- Возможность добавлять индивидуальные пользовательские значки для главной страницы и других страниц.
- Выбор стиля разделителя для текста или иконки
Как использовать хлебные крошки с Elementor Pro
Виджет хлебных крошек Elementor работает с Yoast SEO плагин. Поэтому вам нужно сначала установить плагин Yoast, а затем создать хлебные крошки на своей веб-странице.
Шаг 1: Установите плагин Yoast SEO
Доступ к Плагины на панели инструментов WordPress, затем нажмите кнопку Добавить. Затем найдите Yoast и нажмите кнопку «Установить». После установки активируйте плагин.
Откройте для себя наш гид по Как установить плагин WordPress
Шаг 2. Настройте навигационную цепочку в настройках Yoast.
После того, как вы установили и активировали плагин, перейдите на SEO >> Настройки SEO. Затем переключитесь на « След крошки и включите навигационную цепочку и измените ее настройку.
Шаг 3. Добавьте хлебные крошки на веб-страницу
После включения настроек хлебных крошек перейдите на страницу, куда вы хотите добавить хлебные крошки, и откройте страницу в Elementor. Затем перетащите виджет в редактор Elementor.
На панели виджета хлебных крошек вы можете установить его выравнивание и выберите HTML-тег в сухарях.
На вкладке «Стиль навигационной цепочки» вы можете определить его стиль. оформлениеЗатем цвет текста. У вас также есть возможность установить отдельные цвета для состояний навигационной крошки «Нормальный» и «Наведение».
Вот и все, теперь нажмите кнопку «Опубликовать» или «Обновить», чтобы применить изменения.
Зачем использовать хлебные крошки Elementor на вашем сайте?
Навигационная цепочка Elementor помогает пользователям понять, где они находятся. Навигационная цепочка — важный инструмент для улучшения пользовательского опыта. пользовательский опыт вашего сайта и поисковая оптимизация.
Навигация по хлебным крошкам имеет много преимуществ.
Ссылка: Вы можете знать посетителей как хлебные крошки, но и Google тоже. Google может использовать их в результатах поиска, делая ваши результаты гораздо более привлекательными для пользователей. Кроме того, слова, используемые в хлебных крошках, могут быть целевыми ключевыми словами вашего веб-сайта.
Смотрите также: Как добавить reCAPTCHA в форму
Хлебные крошки улучшают UX: Люди ненавидят теряться. Вы должны сделать посетителей счастливыми и максимально уменьшить трения. Это может помочь вашему пользовательскому опыту, поскольку это общий элемент интерфейса, который мгновенно показывает людям выход.
Более низкие показатели отказов : Практически никто не заходит на сайт через домашнюю страницу. Все дело в органическом поиске. Это означает, что любая часть вашего сайта может быть точкой входа.
Последняя мысль
Виджет Elementor Breadcrumbs позволяет легко добавлять хлебные крошки на ваш сайт WordPress. Широкий спектр функций Elementor позволяет создавать собственные хлебные крошки для дальнейшего улучшения взаимодействия с пользователем.
Получите Elementor Pro прямо сейчас!
Заключение
Вот и всё! На этом статья о том, как добавить хлебные крошки на ваш сайт, завершается. Если у вас возникнут какие-либо трудности, сообщите нам об этом в комментариях. Комментарии.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress или Divi: лучшая тема WordPress всех времен.
Но тем временем поделитесь этой статьей в разных социальных сетях.
...