Краткая шпаргалка по внедрению Google AMP-страниц на сайт MODx

08 авг 2019 194
Как сделать на сайте MODx AMP-страницы

1) Создаем новый плагин  (на событие OnLoadWebDocument):

Вставляем код:

<?php
$id_template = 4; //ID Шаблона Оригинал. 
$id_template_url = 33; //ID Шаблона AMP.
$name_get ='amp'; //Имя запроса любое (не забудьте поменять в <link  rel="amphtml" href="https://a-tum.ru/blog/kak-sdelat-na-sajte-modx-amp-straniczyi.html?amp" />).

$id = $modx->resource->get('id');
$resource = $modx->getObject('modResource',$id);
$template = $modx->resource->template; 
if($template == $id_template && isset($_GET[$name_get])) {
    $modx->resource->set('template', $id_template_url);
} 
$modx->resource->cacheable = false;

2) Убираем дубли и показываем, что есть amp:

<link  rel="amphtml" href="https://a-tum.ru/blog/kak-sdelat-na-sajte-modx-amp-straniczyi.html?amp" /> 
<link  rel="canonical" href="https://a-tum.ru/blog/kak-sdelat-na-sajte-modx-amp-straniczyi.html" /> 

3) robots.txt:

Allow: *?amp – обязательно.

4) Создаем страницу для amp:
не будем переписывать тут мануал по тегам AMP. Вкратце, используются стандартный Html, Css и Js. 

Но есть недопустимые теги например: 

  • img – не правильно,
  • amp-img – правильно.
<amp-img src="#" width="900" height="400" alt="#" class=""></amp-img >

Некоторые теги будут вырезаться, так как хранятся только в кэше google.

Полезные ссылки по теме:

  1. https://search.google.com/test/amp - проверка AMP страницы
  2. https://validator.ampproject.org/ - validator AMP
  3. https://amp.dev/ru/documentation/guides-and-tutorials/?format=websites -документация

Пишем редко, но захватывающе!