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, вы сможете отыскать другие новейшие расширения, а также темы, для Вордпресс (как платные, так и бесплатные), полностью адаптированные под современные требования.

Еще статьи по данной теме:
Самые интересные публикации из рубрики: Создание сайтов

23 отзыва

  1. CLASSIK

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

  2. Игорь

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

  3. Наталья

    Мне статья понравилась. И я решила последовать Вашим рекомендациям по устеновке карты сайта. мне кажется, что я сделала все, как вы описали. но после всех проделанных действий ничего не произошло. прагин активирован. вставила код в новую страничку, ввела в настройки плагина адрес страницы http://joys-of-life.ru/sitemap/, но ничего не произошло. Страница Карта сайта создалась, но она пустая

    Помоготе\. пожалуйста.

  4. Игорь

    Наталья, вот же Ваша карта сайта: _http://joys-of-life.ru/karta-sayta/ . Она прекрасно отобразилась у меня в браузере. Отпишитесь обязательно в любом случае, чтобы я был спокоен за Вас. Если что-то не так, будем исправлять. Адрес страницы, который Вы мне дали, отображает ошибку 400. Видимо, Вы создали дубликат.

  5. Елизавета

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

  6. Зоя

    Извините, но у меня что-то не получилось!,.. Все вроде сделала, активировала, настроила и страница пуста.. Что подскажете? 🙂

  7. Игорь

    Зоя, я посмотрел Ваш сайт, у Вас страничка не создана, по крайней мере в Google Chrome в верхнем меню она не отражается. Сначала необходимо ее создать. Если я не прав, пришлите в комментариях ссылку на эту страничку. Посмотрите, отображается ли она в других браузерах: Firefox, Opera, IE9. То есть попробуйте сначала создать новую страницу в админ панели и опубликуйте, только потом вставьте необходимый код. Сообщите, как у Вас получилось.

  8. Галина

    Все сделала, ничего не получается, наверно что то не так сделала...

  9. Галина

    Все сделала, ничего не получилось....

  10. Игорь

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

  11. Април

    У большинства возникла проблема с
    Тут видите, чтобы работало надо две черточки до и после, а у вас предлагается одна большая жирная. НУ или это две маленькие, но из-за того что они жирные они слились в одну.
    Вообщем ваша инструкция и + ( с двумя чертачками) и все будет работать. Проверено.
    P.S.
    Спасибо за статью )

  12. Игорь

    Пожалуйста, Април. 🙂

  13. Андрей

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

  14. Игорь

    Андрей, что значит разрушилась? Поясните.

  15. Алла

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

  16. Игорь

    Алла, с такой проблемой я не сталкивался. На моем блоге этот плагин работает корректно. А Вы уверены, что виноват в этом плагин? Может быть, существует другая причина данной проблемы?

  17. Алла

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

  18. Алла

    Подскажите, а где узнать ID категорий и страниц?

  19. Алла

    Спасибо, погуглила - нашла)))

  20. Валерия

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

  21. Игорь Горнов

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

  22. марина

    Спасибо, очень четко все расписано. Для начинающих блогеров-просто находка. Хотелось бы еще поменять интерфейс и цвет текста, но наверное это настройки шаблона...

  23. Игорь Горнов

    Да, Марина, дизайн определяется стилями CSS.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Чтобы ввести любой код, вставьте его между [php] и [/php]. Ссылка (URL), помещенная в текст комментария, не будет активной. C целью ее выделения и более удобного копирования можно заключить ее между тегами <pre> и </pre>.