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



Модуль 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качиваний: 16)
amp4dle_v1_0_4.zip [22,63 Kb] (cкачиваний: 49)



В основе 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} - Поддержка тегов похожих новостей {related-news} - Поддержка тегов [catlist=1,2....] текст... читать далее

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

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

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

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

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

Кадрирование картинок на сайте для DLE Доработка плагина http://www.binarymoon.co.uk/projects/timthumb/ для использования в шаблона DLE CMS. Кадрирование изображений в публикациях сайта. Репозиторий... читать далее

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

Один из самых популярных сторонних модулей для DataLife Engine от нашей студии. Модуль «Форма Предзаказа» предназначен для вывода на сайте формы отправки менеджерам сайта информации о выбранном... читать далее

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

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

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent