Print-page4amp 1.0.0 : AMP страницы из версии для печати

Print-page4amp 1.0.0 : AMP страницы из версии для печати

Интересный модуль, предназначенный для генерации AMP страниц в DLE на основе версии для печати. Перед тем как его устанавливать, следует сделать резервную копию своего шаблона {THEME}/print.tpl, так как он загружает модифицированную версию данного файла с разметкой для AMP страницы.
Ссылка на "версию для печати" в мире, где распечатывать документы на принтере становиться плохим тоном (под соусом что мы за экологию и против вырубания лесов) имеет смысл приспособить для пользы своего веб-сайта. И совместить возможность печати (тем, кому это действительно нужно) и разметку AMP страницы для роботом.

Если обернуть стандартную строку html кода в шаблоне fullstory.tpl дополнительными тегами, определяющими тип устройства, с которого просматривают сайта и вместо базовых:
[print-link]Распечатать[/print-link]

написать так:
[print-link]
[desktop]Распечатать[/desktop]
[not-desktop]AMP версия страницы[/not-desktop]
[/print-link]

то посетители с ПК будут видеть привычную ссылка на "Распечатать", а посетители со смартфонов ссылку на AMP версию страницы.

Пример шаблона AMP страницы:
Print-page4amp 1.0.0 : AMP страницы из версии для печати


В основе шаблона используются готовые скины с официального сайта AMP - amp.dev/ru/documentation/templates/simple_article/

Принцип работы AMP с DataLife Engine:
AMP версия создается только для статьи целиком. Это то, что обычно отображается в шаблоне {THEME}/fullstory.tpl. После подключения и активации модуля Print-page4amp у каждой статьи сайта, в метатегах генерируемых CMS, появится новый тег информирующий о наличии AMP версии страницы: где rel="amphtml" это тот самый признак AMP-версии, а ссылка вида https://site.com/skript/print:page,1,1-post1.html (на самом деле это версия для печати) и есть адрес AMP страницы.

Проверить корректность работы всегда можно через https://search.google.com/test/rich-results


В файле шаблона print.tpl работают все теги, которые заявлены в DLE. Не вносились никакие дополнительные правки. На практике это означает, что если в новых версиях движка появятся новые теги для страницы печати, то они так же будут доступны и в нашей версии AMP-шаблона на основе этого файла.

Обратите внимание: формат amp страниц чувствителен к синтаксису разметки. Все картинки в теле полной новости по этой причине скрыты на уровне CSS. И если вы ходите отображать свои изображения, то для них требуется использовать amp-img теги с обязательными атрибутами ширины и высоты. Пример:
[image-1]...[/image-1]

Данный код выведет amp-изображения первой картинки из краткой новости.

Так же для вывода видео используется свой код amp-video в том числе для ютуба. Потребуется реализовать отображение ролика через дополнительное поле публикации. Например дополнительное поле с именем amp-youtube-id:
[xfgiven_amp-youtube-id]...[/xfgiven_amp-youtube-id]

Если ваш сайт использует функцию движка для вывода шаблона smartphone то файлы из папки templates/{THEME}/ необходимо скопировать в папку smartphone. Иначе при тестировании со стороны Google вашего сайта он не сможет обнаружить шаблон с amp разметкой.

Для использования контекстной рекламы на AMP страницах необходимо использовать специальные блоки информация о которых в официальной документации https://amp.dev/

Скачать: cоздайте аккаунт или авторизуйтесь для скачивания файла.
 
Версия DLE: 14.х
Кодировка: utf-8
 
Автор: TCSE
Источник:
  • Oxigen
  • 0
  • 200
Информация
Посетители, находящиеся в группе Гость, не могут оставлять комментарии к данной публикации.