Что такое АМП и как использовать

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

Что такое AMP

Ускоренные мобильные страницы — именно так переводится аббревиатура AMP. Значительное ускорение загрузки контента при выборе его в поисковой строке происходит благодаря тому, что отключаются все ненужные программы, которые тормозят работу. AMP — это модифицированный HTML-код, позволяющий решить проблему долгого ожидания вывоза контента.

Из-за чего скорость падает? Причина тому — наличие визуализированной информации. Например, застройщик на своем сайте размещает фото, видео, проводя экскурсию для потенциальных покупателей помещений. Это приводит к увеличению нагрузки на сайт и способствует уменьшению скорости загрузки.

Технология AMP разработана специалистами Google. Ее можно использовать двумя способами: отдельно или комбинировать с основной версией страницы. 

Популярностью пользуется второй вариант.

Какие задачи решает

Долгая загрузка страницы на мобильном устройстве вызывает недовольство и раздражительность пользователя. Если ожидание продлилось более 5-6 секунд, велика вероятность, что человек перейдет на другой сайт. Таким образом может потеряться потенциальный клиент, который готов был сделать заказ.

AMP успешно решает ряд задач в этом направлении:

• Способствует ускорению загрузки сайта. Это позволяет пользователям комфортно себя чувствовать, работая с ресурсом.

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

• Способствуют увеличению конверсии. Быстрые страницы оказываются на первых позициях в поисковой выдаче.

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

Плюсы и минусы

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

Среди преимуществ:

• быстрая загрузка страницы, что позволяет удержать пользователя на сайте;

• комфорт во взаимодействии с ресурсом, что увеличивает вероятность совершения покупки;

• высокая конверсия;

• снижение количества отказов;

• небольшое потребление трафика;

• лучшие рейтинговые показатели;

• снижение нагрузки на сервер.

При всех достоинствах у AMP-страниц имеются некоторые недостатки:

• за счет увеличения скорости загрузки становятся недоступны некоторые полезные функции;

• недоступна навигация;

• требуются дополнительные затраты для установки;

• ограниченный дизайн;

• на каждую страницу нужно вручную добавлять код отслеживания.

Кому подходят

Имея представление, что такое AMP, учитывая все преимущества и недостатки быстрых страниц, можно определить, кому они подходят.

Их удобно использовать на новостных сайтах, чтобы попасть на первые позиции в поисковой выдаче, для обучающих проектов и страниц в контекстной рекламой.

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

Первопроходцами в отношении применения AMP- технологии стали порталы, специализирующиеся на размещении новостей: The New York Times, lenta.ru, другие. Некоторые из них стали использовать быстрые страницы, как альтернативу мобильной версии сайта и сделали это довольно успешно.

Интернет-магазины не сразу поняли преимущества использования быстрых страниц на своих ресурсах. Их не устраивало отсутствие фильтров и корзины заказов. Первыми технологией AMP воспользовались владельцы магазина ASDA Walmart в Британии: было запущено около 250 тыс. быстрых страниц. В России впервые попробовал AMP «Ситилинк», увеличив конверсию на 33%.

Как работают AMP-страницы

Специальные теги лежат в основе технологии AMP. Она доступна только в Google, а на Яндекс не распространяется. 

Система находит определенные метки и кэширует данные из страницы. Быстрой загрузке способствуют следующие элементы:

• AMP HTML, где содержатся спецтеги;

• AMP JS — библиотека;

• Google AMP Cashe — сеть с географическим распределением.

В качестве особенностей взаимодействия с пользователями можно отметить:

• Искомая информация появляется в поисковике. Для ее получения не нужно переходить на сайт

• Можно листать страницы.

• На поле статьи в поисковике виден определенный значок.

Как установить AMP

При установке используются плагины. Принцип установки и работы мало отличаются. Разница в используемых расширениях.

На WordPress

Для установки AMP на WordPress Нужно использовать алгоритм, состоящий из двух шагов: скачивание и запуск дополнения AMP, проверка корректности кода при помощи валидатора AMP.

Далее можно воспользоваться инструментом AMP for WP. Он предназначен для улучшения дизайна страницы и установки дополнительных функций на панели администратора плагина.

При установке следует учитывать некоторые особенности:

• Редактировать логотип можно на вкладке General. Здесь доступно изменить размер картинки. Для этого используется функция Custom Logo Size.

• Главная страница назначается при помощи опции Front Page.

• Опция AMP on Pages используется для статических страниц

• Статистика подключается через Google Analytics.

• Функция Launch Post Builder предназначена для выстраивания дизайна страницы. Здесь можно изменять цвет, шрифт, иные показатели.

• Раздел Design Selector предназначен для добавления пользовательских стилей

• Дополнение Yoast SEO предназначено для оптимизации страниц.

• Advertisement позволяет настроить рекламу. Здесь указываются места расположения блоков и их характеристики.

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

На Drupal

В данном случае одного плагина недостаточно. Нужен будет комплект инструментов, позволяющих сделать настройку:

• специальный модуль для ускоренных мобильных страниц;

• AMP-тема, работающая совместно с библиотекой и модулем;

• HTML-библиотека.

В дополнение потребуется набор инструментов Chaos. В него включены плагины, экспортируемые объекты, инструменты форм и другие. В разделе AMP Configuration настраивается статистика, отображение контента. Здесь также можно подключиться в Google-аналитике.

На Joomla!

В данном случае придется приобрести специальный плагин wbAMP. Есть его бесплатная версия с ограниченным функционалом. Потребуется указать основные сведения о сайте: его название, имя владельца.

Здесь можно настроить две характеристики, для чего предназначена страница:

для размещения новостей, для текстового контента. Внедрить AMP-технологию на Joomla! можно также при помощи платного дополнения JAmp.

На OpenCart, Magento, PrestaShop

Часто перед владельцами интернет-магазинов встает вопрос: стоит ли использовать быстрые страницы на своих сайтах? Для каждого случая потребуются свои инструменты.

Для сайтов под управлением OpenCart потребуется приобрести модуль Opencart AMP. Он — платный. 

Интернет магазины, создавшие сайт на платформе Magento, используют платное приложение Accelerated Mobile Pages. Владельцы сайтов, созданных на PrestaShop, используют для установки AMP PrestaShop.

Как внедрить вручную

При использовании самописных систем управления содержимым потребуется прописывать коды вручную. Как это сделать:

• Создать шаблоны AMP. Здесь нужно указать стили и шрифты. Для анимационных блоков характеристики прописываются непосредственно в документе HTML.

• Масштабировать шаблоны. Сделать это можно в автоматическом режиме или при помощи ручных настроек.

• Настроить аналитику.

• Проверить валидность кода.

Отображать объекты, где применяются скрипты, нужно с использованием iframe и компоненты из AMP JS.

Как AMP поможет в рассылках

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

К преимуществам такого вида оповещений относится:

• Увеличение конверсии. Для оформления заказа не нужно заходить на сайт. Все можно сделать непосредственно из рассылки.

• Поддержка актуальности сведений. В СМС-рассылках нет устаревших сведений, которые могут ввести пользователя в заблуждение.

• Возможность исправить ошибки. Она предоставляется в конструкторе писем

• Усиление вовлеченности. Монотонный контент вызывает отторжение, а возможность поучаствовать в опросе, игре, викторине подогревает интерес.

Кроме вышеперечисленных преимуществ, APM-письма — это инструмент, позволяющий сделать бренд незабываемым, отличным от конкурентов.

Выводы об AMP

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

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

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