Создание в WordPress карты блога для посетителей (плагины Sitemap Generator и WP DS Blog Map)

8 июня 2020

Здравствуйте, уважаемые читатели блога KtoNaNovenkogo.ru. В первой части статьи мы говорили про настройки плагина Google XML Sitemaps, предназначенного для создания Site map блога в формате XML.

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

Изначально я планировал рассказать в этой статье только о плагине Dagon Design Sitemap Generator, но за прошедшее время успел познакомиться с еще одним замечательным расширением под названием WP DS Blog Map, который решает ту же самую задачу, но немного в другом виде. Поэтому в этом посте я расскажу о создании карты для WordPress с помощью обоих плагинов. Я сам еще даже не определился какой из них оставить, а какой убрать.

Установка Dagon Design Sitemap Generator

Dagon Design Sitemap Generator автоматически формирует HTML страничку, на которой будут размещены упорядоченные по рубрикам ссылки постов, ссылки на сами рубрики, ссылки на статические страницы (и даже, при желании, ссылка на Site map в формате XML).

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

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

Ну, а описанное в этой статье расширение позволяет превратить все страницы вашего блога в расположенные заведомо выше третьего уровня. В результате чего, вы сможете увеличить свой доход с продажи ссылок (однако, не советую связываться с Сапе, ибо гораздо безопаснее торговать ссылками на ГоГетЛинксе , ГетГудЛинксе, МираЛинксе, ВебАртексе или РотаПосте).

Для начала скачайте последнюю актуальную версию DD Sitemap Generator отсюда. Ну, а далее производим традиционные манипуляции для установки плагина на движок WordPress:

распаковываем архив
полученную в результате папку закидываем в папку с плагинами WP-CONTENT/PLUGINS/ на сервере хостинга. Для этого нужно подключиться к серверу по протоколу FTP, например, с помощью программы FileZilla.
далее входим в админку wordpress (https://ktonanovenkogo.ru/wp-admin/) и выбираем вкладку «Плагины»- «Inactive»
находим строку с нужным расширением и жмем на «Активировать»

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

<!-- ddsitemapgen -->

Поначалу, вставив код в этот пост, я увидел вместо него как раз этот самый список ссылок, что меня немного удивило, т.к. я не сразу понял, что произошло с моим постом. Сейчас код вызова этого плагина не активен лишь по той причине, что я его заключил в теги <code> (читайте про спецсимволы и мнемоники в Html коде).

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

Настройка плагина DD Sitemap Generator

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

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

Можно так же будет настроить постоянную ссылку для карты, если вы используете ЧПУ. Если вы еще не знаете об этом и не используете, то самое время начать и прочитать об ЧПУ в Вордпрессе.

Так же можно задать, что именно показывать, в каком порядке и по какому принципу сортировать. У меня, например, сначала отображаются статические страницы, а затем публикации (посты). Причем, посты отсортированы по дате публикации (старые показывать раньше).

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

Как узнать ID рубрики в WordPress

Узнать ID рубрики в WordPress можно следующим образом: зайти в «Записи» — «Рубрики», подвести мышку к ссылке нужной рубрики и посмотреть номер в строке состояния браузера. Вы увидите примерно такое:

https://ktonanovenkogo.ru/wp-admin/categories.php?action=edit&amp;cat_ID=15

Значит для данной рубрики ID=15. То же самое и для ID статических страниц, но заходить надо в «Страницы» — «Редактировать» и смотреть на цифру в конце ссылки.

Вы можете также прописать путь к вашему файлу sitemap.xml (у меня он выглядит как https://ktonanovenkogo.ru/sitemap.xml) и указать, в каком месте карты отображать ссылку на XML версию. И, наконец, вы можете выбрать способ открывания вебстраниц при переходе с карты вашего блога: в этом же окне или в новом.

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

<?php echo ddsg_create_sitemap(); ?>

Если вы достаточно уверено работаете с CSS, то можете вносить изменения во внешний вид карты, используя следующие классы CSS:

.ddsg-wrapper — слой содержимого (я пробовал настраивать отступы от края страницы, размеры шрифта ссылок и еще что-то, но потом все-таки вернул все назад).
.ddsg-pagenav — слой навигации по карте в случае ее многостраничности

Для внесения изменений с помощью этих CSS классов вам нужно будет открыть файл style.css из папки с вашей темой оформления(wp-content/themes/Название_вашей_темы_оформления/style.css) на редактирование в каком-нибудь редакторе (рекомендую Notepad++) и дописать нужные правила.

WP DS Blog Map — второй вариант карты блога для посетителей

Плагин WP DS Blog Map выводит список тегов/меток, записей и страниц, а также позволяет ограничивать количество выводимых записей в категории и разворачивать категории без перезагрузки всей карты.

Установка его ничем не отличается от установки предыдущего расширения.

Т.е. распаковываем архив с плагином и закидываем папку wp-ds-blog-map на сервер в папку wp-content/plugins. Затем идем в админку и выбираем из левого меню пункт «Плагины» и жмем «Активировать» в строке с данным расширением.

Дальше вы можете зайти в его настройки: «Настройки» — «DS Blog Map». Там можно выбрать количество выводимых меток в облаке тегов (по умолчанию выводятся все), ограничить количество записей, выводимых в одной рубрике — категории (по умолчанию выводятся все).

Я там ничего не менял. Теперь о том, собственно, как отобразить эту карту на морде Вордпресс блога. Для начала нужно в админке создать статическую страницу с нужным названием (например, «Карта сайта») и прописать там примерно такой код:

<h2>Записи по меткам</h2>

[tagcloud]

<h2>Записи по категориям</h2>

[postlist]

<h2>Страницы</h2>
[pagesoftree]

Пары «заголовок — оператор» можно переставлять с другими такими же парами, тогда поменяется порядок вывода элементов карты. В моем случае, сначала выводятся статические страницы, затем облако меток и в конце — дерево категорий (рубрик) с постами. Возможно вам приглянется другой вариант.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru