Обзор wbAMP. Accelerated mobile pages для Joomla

• Видео обзор.
• Плагин «JM Amp - Joomla AMP Theme».
• Плагин «wbAMP Taylor theme».
• Плагин «Кнопка - wbAMP».
• Сравнение плагинов wbAMP и JAmp.

wbAMP – русскоязычный платный плагин для создания AMP страниц Google для Joomla (Accelerated mobile pages).

Видео обзор

• Плагин «JM Amp - Joomla AMP Theme» – 00:01:03.
• Плагин «wbAMP Taylor theme» – 00:02:54.
• Плагин «Кнопка - wbAMP» – 00:04:22.

Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.

Ссылки из видео:

• Обзоры расширений Joomla для создания AMP страниц.

В предыдущей статье «Обзор wbAMP. AMP страницы Google для Joomla» мы сравнили платные и бесплатную версию плагина и познакомились с настройками главного плагина «wbAMP». Но само расширение состоит из нескольких плагинов:

1. «com_content wbAMP support». Нужен для интеграции с материалами Joomla.
2. «Hikashop wbAMP support». Нужен для интеграции с Hikashop.
3. «JM Amp - Joomla AMP Theme». О нём поговорим ниже в статье.
4. «K2 wbAMP support». Нужен для интеграции с K2.
5. «wbAMP Taylor theme». О нём поговорим ниже в статье.
6. «wbAMP». Главный системный плагин. Без него остальные плагины бесполезны.
7. «Кнопка – wbAMP». О нём поговорим ниже в статье.

Плагин «JM Amp - Joomla AMP Theme»

Данный плагин предназначен для изменения стиля (внешнего вида) AMP страниц без правки CSS. Безусловно, возможности гораздо более ограничены, чем при помощи вставки своих CSS стилей, но для начинающего пользователя это может быть весьма полезным.

Учитывайте, что данный плагин работает, если в настройках плагина «wbAMP» на вкладке Плагин для опции Стиль страницы выбрано JM Amp (Joomla AMP Theme pack).

Все настройки разделены на семь вкладок. 2-7 вкладки содержат опции для редактирования одноимённых областей шаблона.

1. Плагин. Содержит описание плагина и стандартные, для всех плагинов Joomla настройки.
2. Global.
3. Header.
4. Content.
5. Footer.
6. Menu.
7. Social.

По сути, опции позволяют изменять цвета разных элементов (рисунок ниже). На вкладке Global, если Вы хотите ещё больше увеличить оценку оптимизации скорости загрузки AMP страниц в Google PageSpeed Insights, рекомендую для опции Font family задать не шрифты Google, а системные. Например, «Arial, Verdana, Geneva, Tahoma, sans-serif». Для этой же цели не рекомендую задавать изображение в поле Background image на вкладке Header.

Плагин «wbAMP Taylor theme»

Этот плагин (рисунок ниже) похож на предыдущий. Он предназначен для редактирования стиля страниц. Но работает, если в настройках плагина «wbAMP» на вкладке Плагин для опции Стиль страницы выбрано AMP Taylor theme (Taylor pack). Все настройки разделены на шесть вкладок. 2-6 вкладки содержат опции для редактирования одноимённых областей шаблона.

1. Плагин. Содержит описание плагина и стандартные для всех плагинов Joomla настройки. Плюс, тут можно задать максимальную ширину основной области контента.
2. Верхний колонтитул.
3. Содержимое.
4. Нижний колонтитул.
5. Меню.
6. Соцсети.

Для улучшения показателей страницы по тестам в Google PageSpeed Insights, точно так же, как и со стилем JM Amp (Joomla AMP Theme pack), рекомендую использовать системные шрифты вместо шрифтов Google. Плюс, не использовать растровые фоновые изображения. Кроме этого хорошо поработать над их оптимизацией.

Плагин «Кнопка – wbAMP»

Этот плагин позволяет добавить специальную кнопку в визуальный текстовый редактор. Покажу на примере материала Joomla (рисунок ниже).

Нажав на неё (рисунок ниже), Вы сможете добавить специальные теги для более тонкой настройки AMP версии контента.

• Главные опции. Тут Вы сможете добавить теги, которые позволят отображать или скрывать контент только на AMP странице Google или только на обычной.
• URL изображения документа. Можно добавить картинку для «AMP сниппета» только для этой страницы. С обязательным указанием ширины и высоты изображения. Путь к изображению может быть относительным или абсолютным. Поддерживаются такие форматы: JPG, PNG или GIF. Минимальная ширина картинки – 1200 пикс., высота – 800 пикс.
• Тип документа. Можно указать любой тип документа, который является дочерним типом типа «Article».
• Автор. Вы можете задать автора и указать тип записи. Тип записи может быть «Person» или «Organization».

Задавая URL изображения документа, Тип документа и Автор для отдельной страницы, Вы переопределяете общие настройки системного плагина «wbAMP», заданные на вкладке Мета данные.

Сравнение плагинов wbAMP и JAmp

В предыдущей статье «Обзор JAmp. AMP для Joomla страниц» мы уже рассмотрели аналогичный плагин. Сравнивать буду wbAMP + Theme 1.16.0.847 и JAmp 1.8.2.

Начнём с одного из самых важных вопросов – скорость загрузки страниц. Разница несущественная. wbAMP немного проигрывает по скорости на мобильных.

Делалось по три замера скорости для каждого плагина. Брался лучший результат, по общей оценке, для мобильных устройств. Обратите внимание, что результаты этого теста могут не отражать действительную ситуацию. Так как тестируемый сайт находился на общем хостинге и на результаты теста могли повлиять параметры, не зависящие от плагинов.

На рисунке ниже показан результат теста скорости загрузки AMP страницы сайта, сделанной при помощи wbAMP (для мобильных устройств).

На рисунке ниже показан результат теста скорости загрузки AMP страницы сайта, сделанной при помощи wbAMP (для компьютеров).

На рисунке ниже показан результат теста скорости загрузки AMP страницы сайта, сделанной при помощи JAmp (для мобильных устройств).

На рисунке ниже показан результат теста скорости загрузки AMP страницы сайта, сделанной при помощи JAmp (для компьютеров).

А теперь рассмотрим функциональные возможности и другие особенности плагинов. Приведу сравнение только отличий, которые обнаружил и посчитал существенными.

У JAmp немного больше настроек, чем у wbAMP + Theme. Поэтому у Вас будет больше возможностей в плане конфигурации страниц. К сожалению, из-за отсутствия времени, мне не удалось сравнить, насколько хорошо каждый из плагинов трансформирует страницы, сделанные разными расширениями. Например, VirtueMart, JEvents, K2, DJ-Classifieds и т.д.. Без этого сравнение плагинов получилось весьма поверхностное.

Если брать во внимание тестируемый сайт на Joomla 3.9.25 и страницы типа материалов, категорий материалов и контактов Joomla, то оба плагина показали достаточно хороший результат.

Надеюсь, что этот и другие обзоры AMP для Joomla помогут Вам в выборе соответствующего расширения для создания Accelerated mobile pages.

Автор статьи – Хорошевский Алексей

Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Контакты: +38 095 840 24 29 +38 095 840 24 29 +38 095 840 24 29 email@aleksius.com Социальные сети: LinkedIn Facebook YouTube (Twitter) Публикации и работа: Google Академия Scopus Upwork Freelance.ua

Полезные ссылки:

• Официальный сайт (на англ.).
• Документация (на англ.).