Что такое AMP (Accelerated Mobile Pages)? Как настроить CleanTalk для AMP

Что это?73rcbap

Ускоренные Мобильные Страницы — это способ создания веб-страниц статичного содержания с практически мгновенной загрузкой для мобильных устройств. Он состоит из трёх частей:

  1. AMP HTML — это HTML с ограничениями для надёжной производительности и расширениями для обогащения содержимого страниц.
  2. AMP JS — это библиотека, гарантирующая быстрое отображение страниц. Сторонние JavaScript запрещены.
  3. Google AMP Cache — это сеть на основе прокси для выдачи достоверных страниц на AMP HTML. Выборка, кэширование и улучшение производительности происходят автоматически.

Преимущества

  • Облегчённые версии стандартных веб-страниц с высокой скоростью загрузки.
  • Мгновенная подгрузка мультимедиа содержимого: видеоролики, анимация, графика.
  • Одинаковое кодирование — на разных устройствах будет одинаковое содержимое сайта с быстрой загрузкой.
  • Проект AMP открыт, что способствует свободному обмену информацией.
  • Возможное преимущество в SEO, так как скорость загрузки является одним из факторов ранжирования.
  • Наличие плагинов для популярных CMS, что облегчает внедрение AMP на сайте.

ywhw5gf

Использование в WordPress

При выборе AMP-плагина учитывайте следующее:

— Интеграция с плагином SEO для прикрепления соответствующих метаданных.

— Сбора аналитики с отслеживанием трафика AMP-версий страниц.

— Показ AMP-рекламы, если вы издатель.

Плагины, доступные в каталоге WordPress:

  1. AMP от Automattic
  2. Facebook Instant Articles & Google AMP Pages от PageFrog
  3. AMP — Accelerated Mobile Pages
  4. AMP Supremacy
  5. Custom AMP (требует установку AMP от Automattic)

Для примера установим и активируем AMP от Automattic, затем создадим новый пост с медиа-содержимым. Обратите внимание, что не страницу, а пост. Пока для WordPress-страниц автоматическое создание AMP-версии не предусмотрено.

Плагин AMP от Automattic автоматически конвертирует пост в ускоренную версию поста, при этом ничего дублировать самому не нужно. Достаточно просто дописать /amp/ (или ?amp=1) в конец ссылки:

http://demo1.cleantalk.org/wordpress/2016/09/02/amp-post/amp/

Сравним скорости загрузки постов на стационарном компьютере:

До установки AMP

d4mrvfx

 

После установки AMP

qojk4u9

По графикам и по итоговому времени загрузки сразу видно разницу.

Как настроить CleanTalk для AMP

Пожалуйста, убедитесь, что опция “Использовать AJAX для проверки JavaScript” выключена, потому что она будет препятствовать нормальному выполнению JavaScript.

Она находится здесь:

Панель Администратора WordPress —> Настройки —> CleanTalk —> Продвинутые настройки —> отключить “Использовать AJAX для проверки JavaScript” —> Сохранить изменения.

Остальные опции не будут препятствовать функционированию AMP-версии поста. Антиспам плагин от CleanTalk будет защищать все поля отправки данных, которые отобразились после преобразования.

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

Валидация от Google

Теперь нужно проверить структурированные данные с помощью инструмента “Валидатор от Google”:

https://search.google.com/structured-data/testing-tool/

Если Вы этого не сделаете, то поисковый бот просто не будет обращать внимания на Ваш пост и его не будет видно в результатах поиска.

Копируем и вставляем ссылку на AMP-версию поста и смотрим результат. Исправляем те ошибки, на которые нам укажут.

После этого Ваша AMP-версия поста будет готова.

Ссылки

Проект AMP:
https://www.ampproject.org/

Блог AMP:
https://amphtml.wordpress.com/

AMP-плагины в каталоге WordPress:
https://wordpress.org/plugins/search.php?q=AMP

Рекомендации от Google по созданию ускоренных мобильных страниц:
https://support.google.com/webmasters/answer/6340290?hl=ru

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

WordPress спам заблокировано CleanTalk.