Jump to content

AMP страницы из версии для печати


?Mafiozi?
 Share

Recommended Posts

1636368481_1636182368_tcse_print-page4amПлагин генерации 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 версию страницы

1636181550_cover_chuyakov_amp-2.jpgПример шаблона AMP страницы. В основе AMP шаблона готовые скины с официального сайта amp amp.dev/ru/documentation/templates/simple_article/

Принцип работы AMP с DataLife Engine

AMP версия создается только для статьи целиком (то, что обычно отображается при просмотре полной новости). После подключения и активации плагина DLE-print-page4amp у каждой статьи сайта в метатегах генерируемых CMS появляется новый тег информирующий о наличии AMP версии страницы. Где rel="amphtml" это тот самый признак AMP-версии, а ссылка вида https://sitename.com/o-skripte/print:page,1,1-post1.html (на самом деле это версия для печати) и есть адрес AMP страницы.

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

1636127635_2021-11-05_18-52-58.pngВ файле шаблона 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/

Adblock test (Why?)

Далее

Link to comment
Share on other sites

  • Replies 0
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Privacy Policy