портал технической поддержки

#ОБРАЗОВАНИЕ22

Хостинг сайтов

в домене edu22.info

Карта сайта. Реализация html-карты сайта на популярных CMS.

инструкция для пользователей

Существует два вида Карты сайта, которые различаются форматами и назначением:

HTML-карта это статический каталог всех основных разделов сайта, размещенных в соответствии с их иерархией. Проще говоря, это одновременно путеводитель и оглавление сайта. Её составляют для пользователей, чтобы упростить им навигацию по страницам сайта.

XML-карта нужна для поисковых ботов, она важна для SEO, так как помогает ботам индексировать страницы ресурса. Наличие этого файла подсказывает поисковым роботам, как именно организована структура сайта. Соответственно, Яндекс, Google, Bing и другие поисковики получают возможность более качественно индексировать проект.
Подробную информацию о функциональности каждой из этих карт, а так же свойств и особенностях Вы можете найти в сети Интернет.
В этом материале разберем создание HTML-карты, так как её наличие отвечает требованиям законодательства к официальным сайтам образовательных организаций в плане реализации доступности информации для пользователя и дополняет возможность навигации по сайту.
HTML-карта сайта представляется в виде списка ссылок на все доступные пользователю страницы сайта с сохранением их иерархией. Для реализации такой карты сайта можно самостоятельно создать текстовую страницу, где вручную прописать набор заголовков страниц сайта с переходом по ним на соответствующие страницы путём наложения ссылки. Однако такой метод довольно трудоёмкий, так как такая карта сайта содержит статический набор ссылок и при добавлении на сайте каждого нового раздела и каждой новой старницы необходимо дополнять страницу карты сайта новыми ссылками.
Мы же рекомендуем для такой цели использовать специальные плагины / компоненты для популярных CMS, которые позволяют выводить динамический список карты сайта, который в автоматическом режиме вставит новую ссылку на новую созданную станицу с учётом её иерархии. При этом большинство из таких плагинов / компонентов одновременно создают не только html-карту, но и xml-карту сайта, что способствует SEO-продвижению Вашего сайта.


Список бесплатных плагинов / компонентов

html-карты сайта

На сайтах, использующих CMS WordPress


Здесь перечислены наиболее популярные бесплатные плагины, больше компонентов и плагинов можно найти  в сети Интернет. Так например для CMS WordPress в поиск по плагинам вставьте ключевое слово sitemap
(карта сайта) - https://ru.wordpress.org/plugins/tags/sitemap/. Внимание, использование старого плагина, обновление которого производилось разработчиком очень давно, могут подвергнуть Ваш сайт опасности.


html-карта сайта на CMS Joomla

Рассмотрим реализацию html-карты сайта с помощью компонента JL Sitemap для CMS Joomla.

Компонент появился относительно недавно, но уже стал одним из лучших среди других компонентов данного типа. Скачать его можно с сайта разработчика - https://joomline.ru/rasshirenija/komponenty/jlsitemap.html, здесь же можно ознакомиться с возможностями и дополнительными плагинами для этого компонента. Имеется видео обзор JL Sitemap, в котором довольно доступно и на практике раскрываются возможности компонента.


Установка расширения производится стандартно: "Раcширения" -> "Менеджер расширений" -> "Установка" , где производим загрузку скаченного zip-архива компонента. После чего компонент появится в списке "Компоненты" , где открывается доступ к управлению компонентом и его настройками.


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


Далее, чтобы пользователи имели доступ к странице карты сайта, необходимо разместить на сайте ссылку "Карта сайта". В наших стартовых пакетах чаще всего такая ссылка организуется в виде специального пункта меню. В таком случае создание пункта меню производится стандартным образом для CMS Joomla с настройками типа меню "JL Sitemap" -> "HTML".
После публикации пункта меню, на сайте можно увидеть страницу с иерархическим списком ссылок на страницы сайта.


html-карта сайта на CMS WordPress

Плагинов для реализации карты сайта на WordPress довольно много, всё многообразие их можно увидеть на сайте WordPress.org . Мы же остановимся на довольно популярном плагине Simple Sitemap — Create a Responsive HTML Sitemap, который на данный момент имеет своевременное обновление. Установить его можно напрямую через консоль администратора WP в разделе "Плагины"->"Добавить новый", либо скачав с сайта WordPress.org.


После установки и активации плагина на панели управления консоли WP появляется раздел "Simple Sitemap", в котором можно ознакомится с инструкцией использования и с небольшой настройкой плагина.
Основной особенностью этого плагина является то, что он добавляет в редактор два вида модулей, которые можно вызвать на подходящей странице. Вид отображения, порядок и сортировку элементов, а так же показ глубины иерархии можно настроить в правой панели настроек редактора страницы, где размещается модуль.
Так же плагин имеет возможность вставки "Карты сайта" с помощью шорткода, где так же можно внести дополнительные настройки с помощью специальных атрибутов.


Например, вставив визуальный модуль Simple Sitemap и произведя настройки таким образом, чтобы вид нашей "Карты сайта" стал таким:



И, прописав в специальный модуль вставки шорткода согласно инструкции плагина следующий код:
[simple-sitemap orderby="id" order="asc" post_type_tag="h2" types="page, post" render="tab"]


Получим один и тот же вариант отображения "Карты сайта" на внешней стороне сайта:


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


Чтобы пользователи имели доступ к странице карты сайта, необходимо разместить на сайте ссылку "Карта сайта". В наших стартовых пакетах чаще всего такая ссылка организуется в виде специального пункта меню. В таком случае создание пункта меню производится стандартным образом для CMS WordPress с ссылкой на страницу, куда был размещён модуль/шорткод плагина "Карты сайта".

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