Создание HTML карты сайта в MODX — для людей. Карта сайта modx


Создание HTML карты сайта на Modx Revolution

09 апр. 2017

Сегодня начнем с того что такое карта сайта, и для чего она нужна нашему ресурсу.

Карта сайта - это такая специальная страница на которой есть информация обо всех ссылках, представлена в виде определенной html страницы или специального XML файла.

Считается, что любому ресурсу в сети она необходима. Она выполняет две основные задачи.

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

Карта сайта XML для Modx Revo

Для ее создания будем использовать сниппет из пакета pdoTools, если он у вас не установлен то это необходимо сделать из установщика приложений Modx.

  1. Создаем новый документ
  2. Прописываем заголовок sitemap.xml 
  3. Псевдоним sitemap 
  4. выставляем шаблон (пустой шаблон) 
  5. Переходим во вкладку настройки Тип содержимого XML
  6. В поле содержимое вставляем [[!pdoSitemap? &checkPermissions=`list`]]
  7. Ставим галочку Опубликован и сохраняем

Готово! Она полностью соответствует требованию поисковых систем. Так как содержит все необходимые поля, такие как:

loc - абсолютный путьlastmod - дата создания или последнего изменения страницыchangefreq - примерная частота измененияpriority - приоритет сканирования

xml карта сайта

Карта сайта для посетителя

Как вы видите по картинке выше, данный файл не несет никакой информативности для пользователя. Именно поэтому мы и создадим отдельную карту для пользователей.

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

  1. Создадим новый документ Карта сайта
  2. Назначим ему нужный шаблон (в моем случае это стандартный шаблон отображения контента)
  3. В поле Содержимое вставляем вызов сниппета [[Wayfinder? &startId=`0` &level=`5` &excludeDocs=`4,5,6,7`]]

Разберем подробнее:

&startId=`0`- Источник документов (0 - все документы)&level=`5` - Максимальное число уровня вложенности&excludeDocs=`4,5,6,7` - Исключаемые документы(Личный кабинет, XML, Страница ошибок 404,403)

Теперь в css файле пропишите стили и ваша карта для посетителей готова. В моем случае она выглядит так:

Карта для посетителя

После создания, не забудьте добавить карту в своей панели вебмастера!

Если статья понравилась, то поделитесь ей в социальных сетях:

foxtan.ru

Создание HTML карты сайта в MODX

В прошлом уроке мы создали xml карту сайта для поисковых систем. А в данном уроке по MODX, мы рассмотрим два способа создание HTML карты сайта для людей.

Создание HTML карты сайта при помощи PdoMenu (входит в состав PdoTools)

По сути данный способ не чем не отличается от создания обычного меню. Простейший вызов HTML карты для сайта будет следующим.

[[pdoMenu? &parents=`0` &fastMode=`1` ]]

[[pdoMenu?

&parents=`0`

&fastMode=`1`

]]

Он выведет все страницы сайта в виде списка.

Ну а если включить немного фантазии, то можно сделать практически любую карту, за основу можно взять выводы меню из уроков:

У меня получилось вот такая карта сайта.

html карта сайта на modx собранная мною

Создание HTML карты сайта при помощи visualSitemap

Данное дополнение можете скачать из основного репозитория modx (требует установленного пакета Wayfinder, его тоже надо скачать из основного репозитория и установить), он позволяет делать вот такие html карты.

пример html карты сайта созданной пакетом visualSitemap

После установки обоих пакетов, у вас появится шаблон visualSitemapTemplate который нужно применить к странице и в принципе все.

новый шаблон

А вот что он мне с генерировал.

пример html карты сайта сгенерированной visualSitemap

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

Адаптивный вариант карты

Так же хочу заметить, что если вам нужно не стандартное обрамление (оставить свою шапку, футер и т.д. на странице карты), то по идее вместо шаблона visualSitemapTemplate вы можете назначить любой шаблон, а саму карту вывести в содержимом, так: [[visualSitemap]].

web-revenue.ru

Как в ModX Revolution сделать карту сайта (sitemap.xml)

Карта сайта - это xml файл, который содержит структуру сайта, время обновления страниц сайта и другую информацию для поисковиков. Карту сайта можно создать несколькими способами, рассмотрим два из них:

Сниппет GoogleSiteMap

Карта сайта готова!

Параметры GoogleSitemap

ПараметрОписаниеПо-умолчанию
allowedtemplatesВыборка по указанным ИД шаблонов 
containerTplКонтейнер карты сайтаgContainer
contextКонтекст вывода элемнтов сайтаweb
excludeChildrenOfИсключить дочерние элементы у ресурса с ИД (указываем) 
excludeResourcesИсключить ресурсы с ИД 
googleSchemaСсылка на структуру схемыhttp://www.sitemaps.org/schemas/sitemap/0.9
hideDeletedСкрывать удалённые ресурсыYes
itemTplЧанк вывода отдельного элемента картыgItem
maxDepthГлубина выборки (по-умолчанию - на всю глубину)0
priorityTV  
publishedВыводить опубликованныеYes
searchableВыводить те, что в поискеYes
showHiddenПоказывать скрытые от менюNo
sortByСортировать по полюmenuindex
sortByAliasСортировать по псевдонимуmodResource
sortDirНаправление сортировкиASC
startIdПостроение карты начинать с элемента с ИД0
templateFilterФильтр по шаблонуid
whereУсловие в формате JSON 

Теперь зайдите в свои панели вебмастеров Яндекса и Google и укажите путь к вашей карте сайта.

Создание карты сайта с помощью getResources

Иногда бывает так, что данный способ не подходит, тогда берём проверенный сниппет getResources и с его помощью создаём необходимую карту сайта. Как же это сделать. Для начала создаём шаблонирующий чанк googleSitemap.tpl:

<url> <loc>[[~[[+id]]? &scheme=`full`]]</loc> <lastmod>[[+editedon]]</lastmod> <priority>5</priority> <changefreq>monthly</changefreq> </url>

lastmod - дата последнего редактированияpriority - приоритет от 1 до 9. Выбираем 5.changefreq - частота изменения ресурса, возможные значения: always, hourly, daily, weekly, monthly, yearly, never

Создаём ресурс в корне сайта с именем sitemap.xml назначаем ему алиас (псевдоним) sitemap, тип вывода xml, шаблон - пустой. Ставим галочку - скрыть от меню (hide from menu).

Обратите внимание, что шаблон Пустой, значит не Base Template, а blank

Далее в поле Содержимое (content) помещаем вызов getResources:

<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.google.com/schemas/sitemap/0.84"> [[getResources? &parents=`0` &tpl=`googleSitemap.tpl` &limit=`500` &sortdir=`DESC` &includeTVs=`1` &processTVs=`1` &depth=`10` &sortby=`publishedon` ]] </urlset>

uscms.ru

карта сайта — Создание сайтов

Привет. В этой небольшой статье я расскажу о том, как создать карту сайта для сайта на MODX Revolution.

Зачем нужна карта сайта?

Карта сайта — это важная часть сайта, необходимая для продвижения в поисковых системах.

Что представляет собой карта сайта?

В карте сайта содержится информация о страницах сайта, которые нужно проиндексировать поисковым роботами. Принято хранить карту сайта в файле sitemap.xml, который расположен в корне сайта и содержит в себе следующую информацию:

Карта сайта имеет свои ограничения:

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

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

Есть несколько сниппетов, создающих карту сайта. Раньше я использовал sitemapFriend, а после перехода на pdoTools я использую сниппет pdoSitemap.

Для первого варианта в содержимое ресурса нужно вставить следующий код:

[[sitemapFriend? &type=`xml` &sortBy=`id` &showHidden=`0`]]

Для второго варианта код такой:

[[pdoSitemap]]

После сохранения ресурса необходимо убедиться, что ресурс опубликован и доступен по адресу site.ru/sitemap.xml

Пример карты сайтаПример карты сайта

Карта сайта в формате HTML

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

Сниппет sitemapFriend достаточно вызвать без параметров.

[[sitemapFriend]]

Если у вас уже установлен pdoTools, то нет смысла устанавливать что-либо ещё для создания карты сайта, так как в состав pdoTools входит сниппет pdoMenu. Обычно этот сниппет используется для создания меню, но меню — это тоже в каком-то смысле карта сайта, содержащая только самые важные ссылки.

[[pdoMenu? &parents=`0` &fastMode=`1` ]]

quasi-art.ru


Prostoy-Site | Все права защищены © 2018 | Карта сайта