AMP (accelerated mobile pages) плагин WordPress

Accelerated Mobile Pages – это новая технология от google призванная обеспечить почти мгновенную загрузку определенных страниц сайта. Такой эффект достигается за счет особенной разметки страницы и почти полному отказу от JavaScript.

Страницы google AMP wordpress не являются заменой мобильной (адаптивной) версии сайта. Это еще один интерфейс, реализованный в основном для удобного чтения новостей, статей и постов, на которые ссылается Google.

Логически, нам не нужны страницы с версией amp, кроме статейных страниц, но в будущем amp страницы wordpress будут практически обязательны и если страница выполняет примерно туже самую задачу, что и новостная статья, например товар в интернет-магазине, то нужно смело прибегнуть к помощи этой технологии.

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

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

Мы рассмотрим один из таких скриптов, а именно плагин WP AMP от TeamDev для WordPress.

Плагин WP AMP от TeamDev по праву считается лучшим среди аналогов, он позволяет произвести все необходимые настройки прямо из административной части сайта.

WP AMP Settings (General)

Общие настройки позволяют включить автоматический редирект с мобильной версии сайта на amp версию. Это удобно при отладке, но после отладки рекомендуется выключить редирект, т.к. версия AMP убирает такие важные компоненты на странице как формы, контакты и т.д.
Далее можно задать максимальную ширину контента и стандартную высоту всех элементов AMP.
Выбрать типы страниц, для которых будет создана версия AMP.
Есть еще несколько технических настроек.

WP AMP Settings (analytics)

На вкладке «Аналитика» задаются ID коды счетчиков.

WP AMP Settings (appearance)

“Apperaance” – это раздел с настройками цветов, шрифтов, пользовательского кода CSS. Можно выбрать какие кнопки поделиться выводить на страницах, но для русской аудитории они не очень актуальны и лучше их вообще не ставить.

WP AMP Settings (templates)

Вкладка “Templates” позволяет проставить опции для разных видов страниц.

WP AMP Settings (schema.org)

В разделе “Schema.org” можно указать логотипы и тип содержимого для микроразметки Schema.

Вкладка “Troubleshooting” содержит советы по устранению возможных ошибок и неполадок, а вкладка “System status” выводит параметры вашей системы.

WP AMP Settings (ads)

“Ads” – это раздел для добавления рекламных блоков от AdSense и Doubleclick.

WP AMP Settings (woocommerce)

WooCommerce – это отдельная категория для модуля электронной коммерции, которая также содержит различные опции для настройки отображения товаров в разметке AMP.

Подводя итоги можно смело сказать, что за небольшую сумму, можно быстро и профессионально добавить вашему сайту поддержку AMP от google, кстати, у меня он стоит в 2 раза дешевле, чем на официальном сайте. Я использую его сам и поэтому рекомендую его вам, кроме того я могу совершенно бесплатно помочь  с настройкой этого плагина. На этом все, удачи!


Один комментарий

Оставить комментарий

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