WordPress как на ладони
Готовые темы (шаблоны) для WordPress wordpress jino

WP AMP — плагин для создания AMP на WordPress + WooCommerce

Представляю вашему вниманию WP AMP - плагин №1 для создания AMP-страниц (мобильных страниц) на WordPress сайте.

В отличии от конкурентов, плагин WP AMP позволяет добавить поддержку Accelerated Mobile Pages для всего сайта, включая: страницы, категории и теги, архивы, а также страницы и архивы продуктов WooCommerce.

Приобрести WP AMP плагин можно на официальной странице на CodeCanyon.

Что такое Accelerated Mobile Pages

В октябре 2015 года компания Google анонсировал новый проект AMP (Accelerated Mobile Pages) с открытым исходным кодом, который позволит обеспечить быструю загрузку страниц на мобильных устройствах.

Каким образом AMP Project позволяет ускорить загрузку страницы? Google предоставляет чёткий и ограниченный список требований к оформлению AMP-страниц:

  • Специальная урезанная разметка AMPHTML, вместо обычного HTML
  • Запрет на использование сторонних js-скриптов
  • Асинхронная загрузка изображений, видео, встроенных javascript-библиотек
  • Разрешен только inline-CSS в теге <head> с некоторым набором ограничений
  • Валидные AMP-страницы индексируются поисковой системой и в дальнейшем загружаются с CDN от Google.

Проект AMP бурно развивается, и уже многие крупные бренды, такие как Wired, Washington Post, TechCrunch, New York Times и Reddit во всю используют его на своих сайтах.

Преимущества и особенности плагина WP AMP

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

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

Плагин предоставляет возможность легко настроить дизайн AMP страниц под себя:

  • Возможность устанавливать цвета и шрифты для блоков.
  • Изменять положения блоков при помощи перетаскивания в настройках плагина.
  • Включать или выключать блоки страниц.
  • Загрузить свой логотип и фавикон.
  • Использовать отдельное меню для амп.
  • Изменять текст футера.

Кроме того WP AMP плагин позволяет:

  • Установить отслеживание в Google Analytics
  • Использовать рекламные блоки AdSense или DoubleClick
  • Добавить кнопки для постинга в социальные сети
  • Использовать блоки “последние” и “похожие посты”

Для разработчиков плагин предоставляет:

  • Debug mode
  • Compatibility mode
  • Шорткоды для использования в контенте страниц
  • Plugin API: плагин покрыт хуками, фильтрами и предоставляет несколько функций.

Интерфейс плагина доступен на английском языке, но его можно перевести при помощи стандартного механизма переводов в WordPress, либо при помощи плагина WPML.

Плагин WP AMP активно развивается и в очередных релизах запланировано ещё много новых фич.

-

* Партнерская статья от коллег по цеху

WP AMP - плагин для создания AMP на WordPress + WooCommerce 10 комментариев
  • HausKasino cайт: hauskasino.com/gaminator

    Здравствуйте!
    А как думаете, есть ли смысл использовать на сайтах с основным трафиком с десктопов?
    Сильно ли AMP влияет на ранжирование в гугле?

    Ответить3 месяца назад #
    • Kama4294

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

      Хорошо бы кончено, чтобы автор плагина ответил как-то объективно на этот вопрос, у него опыта побольше smile

      Ответить3 месяца назад #
    • WP AMP Team cайт: codecanyon.net/item/wp-amp-accelerated-m...
      @

      Добрый день!

      Сегодня нет подтверждённого доказательства того, является или нет наличие AMP ранжирующим фактором в Google.

      Но можно сказать что использование АМП-страниц может привлечь больше мобильного траффика на ваш сайт. Однако гарантий дать никто не может.

      Также это может повлечь за собой улучшение пользовательских факторов за счёт того что закешированный сайт грузится с CDN гугла и работает быстрее.

      Кроме того разметка AMPHTML специально разработана для использования на мобильных устройствах и гораздо удобнее, особенно если сайт не оптимизирован под мобилы.

      Спасибо!

      Ответить3 месяца назад #
      3
  • Wpsoul cайт: wpsoul.com

    Добавил и в свои продукты AMP поддержку. Все таки плюс в ранжировании есть (но только для мобильного трафика). Проблема в том, что AMP это считай как сильно урезаная версия сайта, потому толком использовать ее можно разве что для новостных сайтов. В своих темах решил это простым способом - в AMP версии я вывожу основные характеристики поста, в том числе и связанные с динамикой (рейтинги, голосовалки, сравнения), но в посте, вверху и внизу добавил кнопку, что-то вроде "Rate and compare" которая ведет на сам пост.

    Ну и еще, следует учесть что сейчас для стилей в AMP выделено всего 50kb, так что нормальное оформление для кастомных страниц, рубрик, шопа и прочего тяжеловато будет впихнуть. У меня только самые базовые стили для шорткодов, кнопок и блоков, заголовков в посте занимает около 40kb, причем пришлось сильно все урезать.

    Ответить3 месяца назад #
    1
    • WP AMP Team cайт: codecanyon.net/item/wp-amp-accelerated-m...
      @

      Добрый день!

      Спасибо, что поделились своим опытом. Да, у некоторых наших клиентов увеличился мобильный траффик после добавления АМП, а также подросли позиции в мобильном поиске. Но я всё таки считаю, что пока рано говорить о том является ли это ранжирующим фактором или нет.

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

      Ответить3 месяца назад #
      • campusboy1427 cайт: wp-plus.ru
        @

        Контентные проекты в большинстве случаев монетизируются с помощью контекстной рекламы типа Адсенс. В AMP её нельзя вставить. В итоге, трафика может мы и больше получим, но он будет "бесплатным" на данный момент. Тут палка о двух концах: или трафик или деньги. Конечно, можно пересмотреть подход к монетизации или дождаться возможной в будущем допуске контекстной рекламы в AMP. Но это всё по воде вилами писано.

        Ответить3 месяца назад #
  • Статистика значительно меняется при добавлении AMP. Сайт не на ВП, но все же. Был шаблон только под десктоп - с мобильных устройств было 20% переходов. После адаптирования шаблона и под мобильные устройства - стало 65% переходов с мобильных. Недавно добавили AMP, но пока рано что-либо говорить, но переходов с мобильных чуть больше. Так что не вы, а пользователи решают с какого устройства заходить на ваш сайт.

    Ответить2 месяца назад #
    2
    • WP AMP Team cайт: codecanyon.net/item/wp-amp-accelerated-m...
      @

      Спасибо, что поделились своим опытом!

      Ответить2 месяца назад #

Здравствуйте, !

Ваш комментарий