Начиная с 2017 года около половины мирового интернет-трафика приходится на мобильные устройства. В некоторых нишах доля мобильного трафика составляет более 70%. Многие пользователи заходят со слабых устройств и медленного соединения. Необходимо оптимизировать сайт для этой аудитории.
Лучшее решение для WordPress — интегрировать фреймворк AMP (Accelerated Mobile Pages) в код сайта. Звучит сложно, но не стоит пугаться — это можно сделать с помощью плагинов, no-code.
Что такое AMP?
AMP (Accelerated Mobile Pages) — технология с открытым исходным кодом, созданная компанией Google в 2015 году с целью сократить время загрузки сайтов на мобильных устройствах. При заходе с мобильных устройств «тяжелые» сайты, содержащие много лишних html, CSS, и скриптов, загружаются дольше обычного.
Рост популярности мобильных устройств вызвал необходимость оптимизировать web-ресурсы под Мобильный пользовательский опыт. Медленная загрузка сайта снижает конверсию, увеличение времени загрузки с 1 до 10 секунд приводит к повышению количества отказов более чем в двое!
AMP создает альтернативные мобильные версии страниц, удаляет лишний код и громоздкий медиаконтент. Благодаря этому ускоряется загрузка и улучшается пользовательский интерфейс.
Плагин AMP для WordPress
Если ваш сайт разработан на CMS WordPress, установка плагина AMP — лучший способ интегрировать данную технологию. Плагин сделает всю работу за вас. Все что требуется — установить плагин и активировать необходимые опции.
Если вы все еще сомневаетесь, стоит ли устанавливать плагин AMP, перечислю несколько основных преимуществ:
1. Ускорение загрузки сайта
Позитивно влияет на пользовательский опыт (UX). Новые и вернувшиеся посетители с большей вероятностью увеличат время просмотра, как следствие, повысится конверсия (а соответственно и доход).
2. Меньше отказов
Снизится процент отказов — пользователи с меньшей вероятностью покинут ваш сайт ради конкурентов.
3. Фактор ранжирования
Скорость загрузки сайта является важным фактором ранжирования поисковых систем Яндекс и Google. Что напрямую влияет на позицию в выдаче и получаемый поисковый трафик.
8 лучших плагинов AMP для WordPress
Рассмотрим лучшие плагины для интеграции технологии AMP на WordPress. Названия кликабельны и ведут на официальные сайты плагинов.
Лучший выбор для новичков, которые хотят интегрировать AMP на своем сайте. Официальный плагин проекта Google AMP, поддерживается Automattic — разработчиками CMS WordPress. Бесплатный, простой и эффективный.
Не самый настраиваемый плагин, но добавляет несколько полезных функций. Показывает какие разделы сайта вызывают проблемы со скоростью загрузки, убирает неиспользуемый CSS и показывает базовую аналитику.
Также позволяет выбрать режим AMP для вашего сайта. Существует три режима:
1. Стандартный
Превращает весь сайт в AMP версию, для всех устройств.
2. Переходный
Позволяет создавать AMP версии для отдельных страниц.
3. Режим Чтения
Создает две отдельных версии сайта — с AMP и без AMP.
Последний режим наиболее стабилен при использовании с шаблонами.
Как видите, плагин очень прост в плане настройки, поэтому приходится жертвовать некоторой гибкостью — у вас будет не так много вариантов визуального оформления.
Плагин подойдет для тех, кому требуется больше возможностей для визуального оформления.
Бесплатная версия вполне может конкурировать с официальным плагином, рассмотренным в начале статьи. Поставляется с одним вариантом дизайна.
Для тех кто готов раскошелиться есть платная версия: вы получаете 4 варианта дизайна AMP-версии сайта, которые можно применить «из коробки». Присутствует возможность гибкой настройки.
В пакете идет встроенный drag-and-drop редактор, совместимый с популярными конструкторами (Elementor, Divi и т.д.), и редактором Gutenberg.
Интегрирован с такими популярными плагинами как: Gravity Forms, Contact Form 7, Yoast SEO, All in One SEO, Easy Digital Downloads, и WooCommerce.
Универсальный плагин для оптимизации сайта на WordPress с множеством функций, которые реализованы в формате подключаемых модулей. Модуль AMP полностью бесплатный.
Плагин пока не очень популярен, но все же стоит упомянуть его в статье. Бесплатен и очень прост в настройке, для тех кто не хочет разбираться в куче функций.
Преобразует сайт в формат AMP и позволяет выбирать к каким типам записей (или отдельным записям) его применять. А также скрывать/отображать нужные типы контента на страницах с поддержкой AMP.
Можно добавлять значки соцсетей, лайтбоксы для изображений. Интегрирован с Yoast SEO и Contact Form 7 (необходима платная версия). Совместим с вышеупомянутым JetPack.
Как следует из названия — простой в настройке плагин, к тому же бесплатный. Достаточно установить и активировать, AMP-версия сайта будет сгенерирована автоматически.
Есть несколько полезных дополнительных опций:
- все AMP-страницы будут работать по протоколу SSL
- совместим с Google Analytics
- уведомление об использовании cookies и соглашение GDPR
- легко добавлять YouTube-видео и кнопки соцсетей
Этот плагин сам по себе не создает AMP-версию сайта, но позволяет улучшить существующую благодаря добавлению микроразметки контента. Сниппеты будут выглядеть более привлекательно в результатах выдачи поисковых систем. Поддерживается более 35 типов схем, таких как новости, рецепты, видео и т.д.
Плагин устанавливается в дополнение к плагину AMP: сначала устанавливаете и настраиваете AMP-плагин, затем активируете Schema & Structured Data for WP & AMP. Совместим с официальным AMP и AMP for WP.
PWA (progressive web application) — прогрессивное web-приложение, технология в разработке, которая визуально трансформирует сайт в приложение прямо в браузере.
Данный плагин позволяет превратить ваш сайт в PWA-приложение.
Бесплатен и прост в использовании. Совместим с официальным AMP и AMP for WP.
Предоставляет функционал AMP, PWA и Facebook IA (Instant Articles — «мгновенные статьи»).
Платный премиум-плагин, добавляет на ваш сайт три фреймворка: AMP, PWA и «мгновенные статьи» Facebook IA.
Преимущество в том что вам не требуется ставить три отдельных плагина — их все заменит Instantify. На выходе получите ускорение загрузки сайта. Также, пользователи смогут скачивать его в формате приложения и смотреть кэшированную офлайн версию.
Помимо этого есть множество приятных «мелочей»: управление жестами, push-уведомления, адаптивный дизайн и т.д.
Несмотря на то что технология существует с 2017 года и концепция Mobile first актуальна как никогда, по работе регулярно сталкиваюсь с сайтами, на которых не применяется технология AMP. Рекомендую проверить свои web-ресурсы и интегрировать понравившийся плагин, благо настройка проста и не займет много времени.