Как создать визуальную карту сайта в WordPress

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

Отличие между HTML, XML и визуальными картами сайта WordPress

XML карта генерируется для машин и поисковых систем. Она использует язык разметки XML для представления контента вашего сайта.

Поисковые системы могут использовать эти карты сайта для приоритета и настройки скорости сканирования вашего сайта. Более подробно об этом можно прочитать в нашей статье Как добавить XML карту сайта в WordPress.

С другой стороны, HTML карта сайта предназначена для посетителей вашего сайта (реальных людей). Она просто отображает список ваших страниц и разделов сайта на одной странице. Подробнее о такой карте сайта можно прочесть в этой статье.

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

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

Давайте же посмотрим, как легко добавить визуальную карту сайта в WordPress.

Добавляем визуальную карту сайта в WordPress

Первым делом вам необходимо установить и активировать плагин Slick Sitemap.

Перед началом настройки плагина вам потребуется создать меню навигации в WordPress.

Используя меню навигации, вы можете создавать элементы меню с подменю, а они, в свою очередь, могут иметь дополнительные уровни вложенности.

Это меню навигации будет содержать все страницы или записи, которые вы хотите вывести в визуальной карте. Назовите его, например, Visual Sitemap и сохраните.

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

После того, как вы создали меню, приступаем к настройке визуальной карте. Переходим на страницу Настройки » Slick Sitemap для конфигурации плагина.

В опции «default sitemap menu» нужно выбрать ваше основное меню визуальной карты. Также потребуется задать количество столбцов для отображения.

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

Выводим визуальную карту на своем WordPress сайте

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

Просто создаем новую страницу в WordPress и добавляем в нее следующий шорткод в область контента.

[slick-sitemap]

После этого нажимаем на кнопку Сохранить или Опубликовать для применения изменений. Переходим на эту страницу и видим визуальную карту сайта в действии.

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

По всем вопросам и отзывам просьба писать в комментарии ниже.

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