Как добавить навигационную цепочку в WordPress

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

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

В этом посте я расскажу, как вы можете легко отображать навигационные ссылки на своем веб-сайте WordPress. Давайте погрузимся!

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

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

Идея навигации по хлебным крошкам работает точно так же.

Хлебные крошки на веб-сайтах — это следы ссылок, которые показывают, на какой странице вы находитесь по отношению к домашней странице. Это иерархическое меню навигации, отдельное от главного меню.

При правильной настройке он появится на ваших веб-страницах, а также на странице результатов поиска Google.

Зачем добавлять навигационную цепочку?

Вы когда-нибудь попадали на страницу продукта и хотели посмотреть, что еще находится в той же категории?

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

Это дополнительный полезный способ для пользователей перемещаться по вашему сайту и находить то, что им нужно.

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

Ссылки навигации также появляются, когда Google отображает набор результатов. Это выделяет ваш веб-сайт в наборе результатов и повышает рейтинг кликов.

Как добавить навигационную цепочку на ваш сайт WordPress

Давайте приступим к делу! Вы узнали, что такое панировочные сухари и почему они важны.

Теперь в этом посте будет изложен лучший способ добавления хлебных крошек, чтобы они отображались и правильно работали на вашем сайте WordPress.

Все предложения в этом посте помогут вам настроить навигационную цепочку с разметкой схемы. Схема относится к коду, который помогает поисковым системам, таким как Google, легко узнать, о чем контент вашего сайта.

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

Ниже приведены некоторые из самых простых и быстрых способов добавить хлебные крошки на ваш сайт.

Используйте SEO-плагин WordPress

Самый простой способ добавить навигационную цепочку — использовать плагин AIOSEO.

All in One SEO или плагин AIOSEO — один из лучших плагинов WordPress для повышения SEO вашего сайта. Он включает в себя хлебные крошки как функцию, которая поможет вам упростить навигацию по сайту.

Вы также можете рассмотреть возможность выбора премиум-версии в будущем, чтобы получить больше функций, но, начиная с бесплатной версии, вы получите четкое представление об основах. Сначала загрузите и активируйте плагин AIOSEO.

После того, как вы активировали его, следуйте указаниям мастера первоначальной настройки плагина. Затем вам нужно посетить страницу общих настроек плагина All in One SEO на панели инструментов.

Теперь, когда вы находитесь на странице «Общие настройки», перейдите на вкладку «Хлебные крошки».

Когда вы впервые добавляете AIOSEO и запускаете настройку, плагин автоматически добавляет схему хлебных крошек в код вашего сайта.

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

Существует четыре различных способа отображения навигации по хлебным крошкам на вашем сайте WordPress.

Они есть:

1. Добавление навигации с помощью шорткода
2. Использование блока Гутенберга
3. Добавление виджета
4. Добавление навигационного кода хлебных крошек

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

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

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

 [aioseo_breadcrumbs]

Этот небольшой фрагмент кода автоматически преобразуется в блок шорткода.

Сохраните и просмотрите свой пост, чтобы увидеть, как он выглядит. На изображении ниже показано, как шорткод вашей хлебной крошки будет отображаться в интерфейсе вашего сайта WordPress.

2. Добавьте навигационную цепочку с блоком Гутенберга

Плагин AIOSEO позволяет вам просто вставить блог Gutenberg и добавить навигационные ссылки.

Создайте новый пост или страницу и нажмите на кнопку, чтобы добавить блок. Найдите AIOSEO — Breadcrumbs и нажмите на него. Ваша навигационная цепочка появится на вашей странице. Просто так!

3. Вставьте навигационную цепочку с помощью виджета

Вы хотите автоматически отображать хлебные крошки для всех ваших сообщений или страниц?

Для этого используйте опцию виджета. Все, что вам нужно сделать, это перейти в Внешний вид »Виджеты на панели инструментов. Затем добавьте виджет «AIOSEO — хлебные крошки» на боковую панель.

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

4. Добавьте навигационную цепочку с кодом

С помощью этого метода у вас гораздо больше контроля над тем, где появляется ваша навигационная цепочка. Однако для этого вам потребуется добавить код в файлы темы вашего сайта WordPress.

Если у вас есть опыт управления WordPress и кодирования, вы можете попробовать этот вариант.

Во-первых, решите, где вы хотите, чтобы ваши навигационные ссылки отображались. Вам нужно будет добавить код в файлы шаблонов вашей темы WordPress.

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

Эта шпаргалка поможет вам выяснить, какие файлы нужно редактировать в вашей теме WordPress.

Затем отредактируйте файл темы с помощью FTP-клиента. Добавьте этот код туда, где вы хотите отображать навигационные ссылки.

 <?php if( function_exists( 'aioseo_breadcrumbs' )) aioseo_breadcrumbs(); ?>

Не забудьте сохранить изменения и вернуться на свой веб-сайт, чтобы посмотреть, как он выглядит.

Вывод

Это все, что вам нужно, чтобы найти лучший способ добавить навигационную цепочку на ваш сайт WordPress.

С AIOSEO у вас есть возможность не только бесплатно и несколькими способами добавлять хлебные крошки, но и выполнять другие технические SEO-задачи.

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

И поскольку только около 10 миллионов из почти 2 миллиардов сайтов в Интернете используют Schema, вы, вероятно, увидите более высокий рейтинг и лучшие результаты, такие как больше трафика и конверсий. Итак, найдите время, чтобы улучшить свой веб-сайт в новом году, просто добавив навигацию по крошкам!