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

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

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





Модуль AMP страниц для DataLife Engine
В качестве исходника - бесплатный модуль DomiTori
Автоматическая генерация AMP версии страниц полной новости.


Суффикс /amp.html в конце ссылки полной новости.
Например, у страницы https://tcse-cms.com/main/inet/1447-Sovremennoe-seo-amp-istorii.html - версия AMP будет доступна по ссылке https://tcse-cms.com/main/inet/1447-Sovremennoe-seo-amp-istorii/amp.html .


Скачать бесплатную версию можно на странице https://github.com/tcse/AMP4DLE
Или готовый архив Скачать файл: amp4dle_v1_0_3.zip [21,13 Kb] (cкачиваний: 52)
Скачать файл: amp4dle_v1_0_4.zip [22,63 Kb] (cкачиваний: 117)



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

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


А конкретно шаблон https://amp.dev/ru/documentation/templates/simple_article/

Документация по работе плагина будет пополняться.


Как работает AMP?


Ускоренные мобильные страницы или AMP — технология, которая обеспечивает удобное получение информации в интернете с экранов смартфонов и планшетов.

AMP — акроним, который образован из первых букв английских слов accelerated mobile pages. По-русски это ускоренные мобильные страницы. Термином обозначают технологию отображения страниц сайта для мобильных пользователей, которая обеспечивает максимальную скорость загрузки сайта.

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

Идейным вдохновителем и адвокатом проекта считается Google. Крупнейшая в мире поисковая система использует AMP при формировании страниц поисковой выдачи. Более того, Google кэширует ускоренные страницы сайтов и выступает в роли CDN. Благодаря этому мобильные пользователи быстро загружают AMP даже при низкой скорости передачи данных.

Ускоренные страницы состоят из HTML-разметки со специальными тегами и библиотеки jаvascript. Для создания AMP можно использовать ограниченный набор тегов и скриптов. Это уменьшает функциональность и внешнюю привлекательность страниц, но резко увеличивает скорость их загрузки. Также ускорению загрузки способствует предварительное кэширование.

В отличие от Google, «Яндекс» не поддерживает технологию AMP.

Пока еще крупнейший поисковик рунета не считает ускоренные мобильные страницы дублями. Это объясняется тем, что AMP ссылаются на канонические страницы с помощью атрибута rel="canonical".

В Яндексе есть своя альтернатива AMP - это технология Яндекс Турбо (ее поддержка уже есть DLE).

Полезные сервисы для работы с технологией AMP


Проверка AMP страниц официальный сервис от Google.
Документация по технологии AMP на сайте проекта amp.dev
Готовые AMP шаблоны на сайте проекта amp.dev

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


AMP версия создается только для статьи целиком (то, что обычно отображается в шаблоне {THEME}/fullstory.tpl )
После подключения и активации плагина AMP4DLE_pro у каждой статьи сайта в метатегах генерируемых CMS появляется новый тег информирующий о налиции AMP версии страницы.

<link rel="amphtml" href="https://sitename.com/o-skripte/1-post1/amp.html">


где rel="amphtml" это тот самый признак AMP-версии,
а ссылка вида https://sitename.com/o-skripte/1-post1/amp.html (с окончанием /amp.html ) и есть адрес AMP страницы.

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


Теги шаблонов


У вас есть 2 файла в папке с вашим шаблоном - custom/amp/main.tpl и custom/amp/fullstory.tpl В них настраиваем внешний вид ваших amp страниц.

{full-link} - ссылка на полную новость

[full-link]..[/full-link] - текст между тегами станет ссылкой на полную новость

{login} - Автор новости

[profile]...[/profile] - текст между тегами станет ссылкой на профиль автора

{views} - количество просмотров новости

{date} - дата новости в формате 17.01.2021

{seo-date} - дата для разметки schema в формате 2021-01-17

{title} - тайтл новости

{full-story} - описание новости

{description} - обрезанное до 150 символов описание новости для мета тегов и микроразметки

{link-category} - ссылки на категории новости

{site-name} - имя сайта из админки DLE

{short-name} - краткое имя сайта из админки DLE

{site-url} - полный адрес сайта

{THEME} - адрес сайта с приставкой /templates/ваша_тема

AMP для DLE - плагин AMP4DLE pro (платная версия)

Расширенная версия бесплатного плагина AMP4DLE Отличия следующие: - Поддержка тегов {fullimage-x} -

Moscow-News.online - Новостной портал

Разработка сайта для интернет-издания "под ключ". Это второй проект для ООО «Да» издателя

NewsRussia.Media - редизайн сайта интернт-издания

Еще дин классический новостной портал на основе DataLife Engine. Именно для подобных сайтов DLE

Плагин TimThumb от TCSE - кадрирование картинок для DLE

Кадрирование картинок на сайте для DLE Доработка плагина

Модуль - Форма Предзаказа

Один из самых популярных сторонних модулей для DataLife Engine от нашей студии. Модуль «Форма

Полезные плагины для DLE 13 - часть 1

Список плагинов, которые наша студия наиболее часто включает в новые проекты. Возможно и вы найдете

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

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

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