Sitemap generator — плагины WordPress для карты сайта или блога в формате HTML

Я уже писал о важности карты сайта (sitemap) в формате XML (одним из средств создания которой является плагин Google XML Sitemaps), которая жизненно необходима для настройки индексации страниц и является одной из составляющих успешного развития вашего проекта.

Если цель создания XML карты — дать четкие инструкции роботам поисковых систем и определить полезные для пользователей страницы, которые необходимо проиндексировать, то HTML вариант сайтмапа предназначен, прежде всего, посетителям web-сайта для облегчения навигации, то есть возможности быстрого поиска важных для них материалов.

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

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

Без лишних слов перейдем к делу. Это расширение не входит в комплект официальных плагинов Вордпресса, поэтому установить его наиболее быстрым способом (через админку) не удастся. Поэтому придется задействовать другой метод с использованием ФТП-соединения.

Для начала нужно скачать на компьютер последнюю версию Dagon Design Sitemap Generator с этой страницы. Дальше производите стандартные действия по его установке:

• распаковываете архив, представленный в формате ZIP;
• устанавливаете соединение с сервером, где расположены все файлы вашего сайта, с помощью FTP-менеджера (советую использовать FileZilla) и закачиваете полученную в результате разархивирования папку в директорию «wp-content/plugins»;
• после этого заходите в админ-панель WP в раздел «Плагины» и активируете расширение.

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

Для этого в редакторе (с 5-ой версии WordPress он может присутствовать лишь в виде отдельного плагина Classic Editor), в котором вы окажитесь после перехода в раздел «Страницы — Добавить новую», прописываете название создаваемой вебстраницы и формируете постоянную ссылку на нее (предварительно обязательно настройте permalinks, что по-хорошему необходимо сделать в качестве одного из первых шагов по созданию сайта) по правилам транслита на латинице:

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

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

Если вы решили использовать один из плагинов транслитерации, формирующих ЧПУ, то после его установки в изменяемую часть ссылки можете вписать выбранное слово или набор символов по-русски (скажем, «карта»), нажимаете «ОК», после чего получаете результат в таком виде:

Затем, предварительно убедившись, что редактор переключен в режим «HTML» (в новой версии это вкладка «Текст»), прописываете следующую строчку, являющуюся кодом вызова плагина Dagon Design Sitemap Generator (смотрите второй скриншот вверх отсюда):

<!-- ddsitemapgen -->

Далее можете сразу опубликовать созданную вебстраницу, щелкнув по соответствующей кнопке в правом верхнем углу. Но в таком виде карта веб-ресурса не будет отображаться, для этого нужно еще кое-что сделать, перейдя из левого меню в раздел «Настройки» — «DDSitemapGen». Там вписываете полученную постоянную ссылку на sitemap (это и есть то самое действие, которое и поспособствует появлению списка URL на материалы сайта):

Да, чуть не забыл. Блок настроек может отобразиться на английском языке. На этот случай есть специальная опция «Language» вверху, напротив которой расположен выпадающий языковой список. Из него выберите пункт «Russian» и нажмите кнопку «Update Options» в самом низу. Для того, чтобы функция сработала, весьма возможно, придется перезагрузить браузер, после чего инструкция должна перейти на русский язык.

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

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

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

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

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

Здесь же можно указать, отображать ли путь к файлу sitemap в формате XML, если да, то в каких местах должна появляться эта ссылка. После завершения всей процедуры не забудьте сохранить результат нажатием на кнопку «Записать настройки».

Вполне вероятно, что вам понадобиться изменить внешний вид карты с помощью стилей CSS. Для этого используйте классы «.ddsg-wrapper» и «.ddsg-pagenav», прописав для них свойства в стилевом файле вашей темы WordPress, путь до которого будет таким:

wp-content/themes/название_темы_оформления/style.css

Редактирование желательно выполнять с помощью программы, имеющей для этого необходимый функционал (редактор Notepad++ будет подходящим вариантом). В качестве дополнительного средства можно привлечь инструмент разработчика (при использовании ПК его можно вызвать путем нажатия клавиши F12), который входит в комплект почти всех современных браузеров, прародителем которого является замечательное расширение Firebug для Мазилы.

Hierarchical HTML Sitemap — альтернативный плагин для WP

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

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

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

Другой плюс иерархической HTML карты сайта для посетителей состоит в том, что она включена в состав официальных разработок WordPress. Это значит, что вы сможете установить плагин через админку WP автоматически (впрочем, вебмастера старой закалки единственным достойным их внимания способом считают инсталляцию вручную).

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