AMP версия DLE на основе страницы для печати - плагин DLE-print-page4amp

Еще один плагин генерации AMP страниц для DLE, теперь на основе версии для печати. Перед тем как...

Цена: 3000 RUR Доработка шаблонов
AMP версия DLE на основе страницы для печати - плагин DLE-print-page4amp
Еще один плагин генерации AMP страниц для DLE, теперь на основе версии для печати.

Перед тем как устанавливать плагин, сделайте резервную копию файла {THEME}/print.tpl своего шаблона. Так как плагин загружает модифицированную версию данного файла с разметкой для AMP страницы.

Ссылка на "версию для печати" в мире, где распечатывать документы на принтере становиться плохим тоном (под соусом что мы за экологию и против вырубания лесов) имеет смысл приспособить для пользы своего веб-сайта. И совместить возможность печати (тем, кому это действительно нужно) и разметку AMP страницы для роботом.

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

Написать так:
[print-link]
[desktop]<i class="fa fa-print"></i>  Распечатать[/desktop]
[not-desktop]<i class="fa fa-bolt"></i>  AMP версия страницы[/not-desktop]
[/print-link]

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


Пример шаблона AMP страницы


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


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


AMP версия создается только для статьи целиком (то, что обычно отображается в шаблоне {THEME}/fullstory.tpl )
После подключения и активации плагина 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


Скачать плагин:
Скачать файл: dle-print-page4amp_v1.0.0.zip [15,75 Kb] (cкачиваний: 71) (с шаблоном print.tpl + css)
Скачать файл: dle-print-page4amp_v1_0_1.zip [16,6 Kb] (cкачиваний: 37) автоматическая замена img на amp-img (с шаблоном print.tpl + css)
Скачать файл: dle-print-page4amp_v1_0_0.xml [2,4 Kb] (cкачиваний: 33) (только файл плагина)
Скачать файл: dle-print-page4amp_v1_0_1.xml [3,73 Kb] (cкачиваний: 29) (только файл плагина если нет необходимости перезаписывать шаблон версии для печати)
Скачать файл: dle-print-page4amp_v1_0_2.zip [26,75 Kb] (cкачиваний: 39)
Скачать файл: dle-print-page4amp_v1_0_3.xml [3,97 Kb] (cкачиваний: 46) для DLE 15.1 и php 7.3

Страница разработки https://github.com/tcse/DLE-print-page4amp
Актуальный релиз https://github.com/tcse/DLE-print-page4amp/releases

Официальный анонс на DLE-news.ru


В файле шаблона print.tpl работают все теги, которые заявлены разработчиками DLE.
Мы не вносили никаких дополнительных правок (версия 1.0.0). На практике это означает, что если в новых версиях движка появятся новые теги для страницы печати, то они так же будут доступны и в нашей версии AMP-шаблона на основе этого файла.
В версии 1.0.1 добавлена поддержка нового тега {amp-full-story} вместо обычного {full-story} внутри которого происходит автоматическая замена тегов img на amp-img для текста в теле публикации целиком.


Обратите внимание:


Формат amp страниц чувствителен к синтасису разметки.
И если вы ходите отображать свои изображения, то для них требуется использовать amp-img теги с обязательными атрибутами ширины и высоты.
Пример:
[image-1] 
   <amp-img src="{image-1}" width="360" height="360"></amp-img> 
[/image-1]

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

Так же для вывода видео используется свой код amp-video в том числе для ютуба.
Потребуется реализовать отображение ролика через дополнительное поле публикации.
Например дополнительное поле с именем amp-youtube-id
[xfgiven_amp-youtube-id]
<amp-youtube
    data-videoid="[xfvalue_amp-youtube-id]"
    layout="responsive"
    width="480" height="270"></amp-youtube>
[/xfgiven_amp-youtube-id]


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

Иначе при тестировании со стороны Google вашего сайта он не сможет обнаружить шаблон с amp разметкой.

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


История версий:



v1.0.3 от 2022-01-30


В версии 1.0.3 специальные правки для DLE 15.1 и только для нее.
Скачать файл: dle-print-page4amp_v1_0_3.xml [3,97 Kb] (cкачиваний: 46) для DLE 15.1 и php 7.3
Если у вас перестал генерироваться метатег amp страницы, то в первую очередь проверить активацию действий внутри плагина





v1.0.2 от 2021-12-21


В версии 1.0.2 Добавлена папка шаблонов с файлами для templates/smartphone так как многие все еще используют для отображения на мобильниках отдельной смартфон-версии шаблона.

Обновлена структура файлов шаблона:
{THEME}/print.tpl
{THEME}/custom/print/categorymenu.tpl
{THEME}/custom/print/amp-custom-css.tpl


v1.0.1 от 2021-11-09


- доработан шаблон отображения полной новости

- тег {full-story} заменен на {amp-full-story} для автоматической замены img на amp-img
- Как всегда большое спасибо Павлу Pafnuty Белоусову


v1.0.0 от 2021-11-05


- исходная версия плагина с базовой разметкой

AMP4DLE - плагин AMP страниц для DLE

Актуальная версия плагина AMP для DLE https://tcse-cms.com/works/1775-dle-print-page4amp.html

Шаблон версии для печати print.tpl для DLE

Страница сайта предназначаемая для печати в современном вебе уже не так актуальна как во времена

Блог им. madduck / Print.css — стиль для печати для wordpress

Я заметил на многих сайтах отсутствует отдельный стиль для печати. То есть, если кто-то захочет

Шаблон для простого модуля в DLE 13

обсуждение публикации Заготовка под простой плагин для DLE 13 а так же готовые варианты модулей со

Показ видео с youtube по ссылке на страницу ролика - YouTube PopUp jQuery Plugin

YouTube PopUp jQuery Plugin Для DataLife Engine. Теперь в виде плагина для простой установке в свой

Jquery / Фиксим плагин jGrowl в IE 7

Сегодня с удивлением обнаружил, что популярный в народе jQuery-плагин для показа сообщений jGrowl

5 Комментарии

    1. Miha Dm

      4 мая 2022 01:54

      Здравствуйте. Плагин отличный. Но скажите пожалуйста. Как быть с страницами /news/print:page,1,95228032022.html
      Это же получается в поиске Яндекск и гугл дубль страницы /news/95228032022.html
      Или если указана каноническа ссылка, то это не является дублем??
      За ранее спасибо.

      1. TCSE

        4 мая 2022 12:12

        Яндекс дает такое описание каноническим страницам

        Канонический адрес страницы
        Если на сайте есть страница, доступная по нескольким адресам, а также страницы с одинаковым или схожим содержимым, робот Яндекса может посчитать их дублями. Тогда он объединит страницы в группу дублей и выберет для показа в результатах поиска только одну из них — наиболее информативную и релевантную поисковым запросам. Такая страница называется канонической.

        Вы можете указать роботу страницу, предпочитаемую для показа в результатах поиска, с помощью атрибута rel="canonical". Также вы можете указать канонический адрес, если хотите изменить адрес сайта — с префиксом www или без него, протоколом HTTP или HTTPS.


        Источник yandex.ru/support


        и самое интересное:

        Робот Яндекса не учтет канонический адрес, если:

        На момент обхода неканонические страницы более полно отвечают на запрос пользователя, и их контент существенно отличается от канонических. Если вы уверены, что такие страницы не будут полезны пользователям в поиске, запретите индексирование в файле robots.txt.
        Канонический адрес недоступен для робота — перенаправляет на другую страницу или закрыт от индексирования. Это значит, что он не сможет участвовать в поиске. Тогда вместо канонического адреса может участвовать неканонический, если он доступен для робота.
        В качестве канонического адреса указан URL в другом домене или поддомене.

        Указано несколько канонических адресов.

        Указана цепочка канонических адресов. Например, для адреса example.com/1 каноническим адресом является example.com/2, в то время как для адреса example.com/2 указан канонический адрес example.com/3.

    1. Виталий

      14 июля 2022 19:17

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

    1. ciberg

      23 сентября 2022 00:11

      Как можно вырезать Яндекс рекламу (скрипт) которая добавлена в тексте тегом, на нее ругается гугл в вебмастере.

    1. TCSE

      23 сентября 2022 13:31

      Как можно вырезать Яндекс рекламу (скрипт) которая добавлена в тексте тегом, на нее ругается гугл в вебмастере.


      надо искать, что поправить в engine/modules/show.full.php
      точнее не скажу.

Написать комментарий

  • Смайлы и люди
    Животные и природа
    Еда и напитки
    Активность
    Путешествия и места
    Предметы
    Символы
    Флаги