Модуль 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 .
В основе AMP шаблона готовые скины с официального сайта amp
https://amp.dev/ru/documentation/templates/А конкретно шаблон
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/ваша_тема
0 Комментарии