В данном уроке я расскажу про один из SEO пакет (компонент) MODX Revo, под названием — MetaX и покажу как им правильно пользоваться, так как заметил что довольно многие его используют, но не так как нужно.
Что такое MetaX?
MetaX — это довольно простой сниппет для генерации мета-тегов и часто используемых тегов заголовка: базовый тег, канонический, css, rss и другие.
Основные свойства
Название | Описание | Значение по умолчанию |
---|---|---|
tpl | Имя чанка, используемого для вывода. Это свойство переопределяет свойство & html. | metax-xhtml4 |
html | Выбирает из кусков по умолчанию. Опции:
|
0 |
favicon | Путь к favicon (проверяет, существует ли файл). | favicon.ico |
mobile | Путь к миниатюре мобильного устройства (проверяет, существует ли файл). | mobile.png |
copyfrom | Год, начала авторского права (создания сайта), например 2017 | — |
copytill | Год когда авторское право заканчивается. | Текущий год |
rss | Разделенный запятыми список идентификаторов документов, которые имеют RSS-каналы. | — |
css | Список URL-адресов CSS-файлов через запятую, а также делает условные выражения IE, если это необходимо. | — |
Пресхолдеры
название | Описание |
---|---|
metax.robots | Выводит соответствующую команду роботов. |
metax.canonical | Выводит канонический URL для страницы. |
metax.cache | Выводит соответствующую команду кеша. |
metax.createdby | Выводит полное имя создателя ресурса. |
metax.editedby | Выводит полное имя последнего редактора ресурса. |
metax.copyyears | Выводит годы авторского права динамически в зависимости от текущего года. |
metax.favicon | Выводит путь к вашему значку после проверки, существует ли файл. |
metax.mobile | Выводит путь к вашему мобильному значку после проверки, существует ли файл. |
metax.css | Выводит HTML-код, необходимый для ваших файлов CSS, после проверки, существует ли каждый из них. |
metax.rss | Выводит HTML-код, необходимый для ваших RSS-каналов, после проверки наличия каждого ресурса. |
Как правильно использовать
Стандартный вызов МетаХ следующий: [[!MetaX]]
. Он подтягивает разметку XHTML4 — словите кучу бесполезного и соответственно кучу ошибок в валидаторе.
Максимальный вызов без каких либо правок, будет следующим.
[[!MetaX? &html=`2` &favicon=`assets/favicon.ico` &mobile=`assets/mobile-icon.png` ©from=`2019` &rss=`15,16`&css=`assets/css/bootstrap.css,style.css`]]
Рекомендую создать дубликат чанка metax-html5, к примеру можете назвать его metax-html5-custom, и оставить в нем только нужное: я бы оставил следующее:
<base href="[[++site_url]]" />
<meta name="robots" content="[[+metax.robots]]" />
<link rel="canonical" href="[[+metax.canonical]]" />
<meta charset="[[++modx_charset]]" />
<!-- meta -->
<meta name="keywords" content="[[*keywords:strip]]" />
<meta name="description" content="[[*description:strip]]" />
<meta name="author" content="[[+metax.createdby]]" />
После этого выводим [[!MetaX? &tpl=`metax-html5-custom`]]
Примечание: можно расширить его, добавить иконки — только я бы поставил статические, к примеру сгенерировать их можно на сайте favicon-generator.org потом залить их в корень сайта и прописать код который можно скопировать после генерации.
Официальная документация: docs.modx.com/extras/revo/metax