Как отображать навигационные ссылки в хлебных крошках в WordPress

Опубликовано: 2020-08-07

Способность посетителей сайта перемещаться по вашему сайту играет решающую роль в его UX. Вы должны убедиться, что любой, кто попадает на ваш сайт, сразу же получает представление об основной структуре сайта. В противном случае вы рискуете увеличить показатель отказов и потерять потенциальных клиентов. Один из способов избежать подобных проблем — использовать навигацию по цепочкам. Хлебные крошки могут повысить общую производительность вашего сайта с помощью UX, в то же время способствуя SEO вашего сайта WP. В этой статье мы подробно рассмотрим, как отображать навигационные ссылки в WordPress .

Что такое навигационная цепочка?

  • Навигация по цепочке — это цепочка ссылок, представляющая иерархическое меню навигации. Он действует как дополнительная система навигации, которая предоставляет пользователям информацию о положении страницы в иерархии вашего сайта .

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

Как добавить и отобразить навигационные ссылки в хлебных крошках в WordPress

Добавлять и отображать навигационные ссылки в WordPress несложно. Итак, независимо от того, новичок вы или эксперт в области кодирования, вы сможете сделать это за несколько простых шагов . Поскольку есть и другие способы сделать это, мы покажем вам, как добавлять и отображать хлебные крошки с помощью различных плагинов.

Плагин Breadcrumb NavXT

Самый простой способ добавить этот тип навигации на ваш сайт WordPress — это плагин Breadcrumb NavXT. Как вы знаете, плагины WordPress можно использовать для самых разных целей. Вы можете использовать плагины для клонирования или дублирования вашего сайта, для социальных сетей или для других целей. Однако, когда дело доходит до навигации по хлебным крошкам, NavXT — популярный плагин , который предлагает виджет WordPress, используемый для размещения системы навигации. Множество опций позволяют настроить навигацию для пользователей.

Сначала вам нужно найти плагин Breadcrumb NavXT и установить его. Как только это будет сделано, нажмите на левую панель администратора и выберите « Добавить новую опцию », после чего откроется главная страница настроек. Настройки по умолчанию должны работать для большинства веб-сайтов. Существуют разные вкладки, каждая из которых предлагает разные настройки, которые могут лучше подойти для вашего сайта.

  • На вкладке Общие настройки вы можете определить глобальные настройки плагина на вашем сайте.
  • Вкладка «Типы сообщений» очень важна, так как она позволяет вам настраивать навигационные ссылки для сообщений и страниц по отдельности.
  • На вкладке «Таксономии» вы можете установить категории по своему усмотрению и найти похожие шаблоны для своих ссылок.
  • Вкладка Разное позволяет изменить авторские настройки.
  • Внесите изменения, которые, по вашему мнению, лучше всего помогут вашему веб-сайту, и не забудьте нажать кнопку « Сохранить изменения », чтобы сохранить изменения.

Отображение хлебных крошек NavXT на вашем веб-сайте

Чтобы отобразить навигационные ссылки в WordPress, вам нужно перейти в «Внешний вид» и выбрать «Настроить». Там вы можете выбрать положение своих хлебных крошек в раскрывающемся списке «Позиция». Кроме того, вам нужно выбрать Breadcrumb NavXT в источнике Breadcrumb.

Yoast SEO-плагин

Еще один популярный плагин — Yoast SEO, который полезен для приближенного рейтинга поисковых систем и оптимизации контента. Однако есть некоторые функции, которые используются для повышения видимости вашего веб-сайта, и вы также можете использовать их для добавления и отображения навигационных ссылок в WordPress.

SEO.
Yoast SEO — это еще не все

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

  • <?php
  • если (function_exists ('yoast_breadcrumb')) {
  • yoast_breadcrumb('<p id="breadcrumbs">', '</p>');
  • }
  • ?>
Код, иногда необходимый для отображения навигационных ссылок в WordPress.
Код иногда необходим для отображения навигационных ссылок в WordPress.

Как отобразить навигационные ссылки в виде хлебных крошек с помощью YOAST SEO

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

Гибкая хлебная крошка

Flexy Breadcrumd — это один из плагинов, который вы можете использовать для добавления хлебных крошек в WordPress. После установки и активации плагина вы сможете добавлять хлебные крошки с помощью шорткода [flexy_breadcrumb]. Если вы не знакомы с шорткодами в WordPress, есть много материалов, которые помогут вам лучше понять шорткоды.

На боковой панели панели инструментов вы сможете увидеть элемент Flexy Breadcrumb. Как только вы нажмете на нее, вы увидите настройки, которые позволят вам изменить свою домашнюю страницу — изменить значок и текст, установить ограничение на количество символов и иерархию. Вкладка «Типографика» позволяет изменить размер и цвет шрифта для «хлебных крошек». После того, как вы закончите настройку своего следа, добавьте упомянутый шорткод в то место, где вы хотите иметь свои хлебные крошки.

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

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

Установите и активируйте плагин, перейдите в «Настройки» и найдите WC Breadcrumbs. Не забудьте включить хлебные крошки. Затем вы можете выбрать страницы продукта.

Начните работать над улучшением UX вашего сайта сегодня

Хорошо, что вы знаете, как добавлять и отображать навигационные ссылки Breadcrumb в WordPress. Однако не стоит забывать и известную сказку — иногда можно заблудиться даже в сухарях. И это не то, что вы хотите, чтобы произошло с вашими посетителями. Эта система должна быть размещена в месте, где она будет казаться сильным дополнением к вашему веб-сайту и позволит посетителям мгновенно понять структуру вашего веб-сайта. В конце концов, важно думать о посетителях, поскольку вы хотите улучшить их опыт.