AMP (Accelerated Mobile Pages) – это технология от независимых разработчиков для создания ускоренных мобильных страниц сайтов в Google. Основная цель внедрения – максимально повысить скорость загрузки на мобильных устройствах.
В поисковой выдаче Google AMP-страницы отмечены специальной иконкой.
Интересно, что скорость загрузки страниц на мобильных устройствах может возрасти до 85%! Высокая скорость загрузки часто дает приоритетные позиции в сравнении с обычными страницами в поисковой выдаче.
Особенности технологии AMP Google
Технология AMP объединяет в себе:
- AMP HTML – это HTML со специфическими тегами формата ускоренных мобильных страниц;
- AMP JS – это библиотека высокой производительности и скорости рендеринга;
- Google AMP Cache – сеть доставки содержимого (CDN), основанная на прокси.
Технология учитывает специфику различных устройств для корректного отображения практически на любом из них.
Загрузка основного контента происходит с ближайшего к конкретному пользователю сервера, что обеспечивает отличную скорость.
Ключевые особенности AMP:
- отсутствуют стандартные скрипты, взамен предусмотрены асинхронные;
- изображения прописываются в специальном теге <amp-img>;
- стили описываются в HTML в теге <style amp-custom>;
- inline-стили не являются валидными;
- размер стилей ограничен 50 КБ;
- запрещен произвольный код Javascript, используется только библиотека AMP JS;
- данные должны быть структурированы с помощью разметки Schema.org ;
- на основной странице необходимо указать, что у нее есть AMP-версия с помощью строки <link rel=»amphtml» href=»https://…»>, а на AMP-странице устанавливается обратная ссылка на основную с помощью link rel=»canonical».
Как создать AMP-страницы на сайте?
Для реализации технологии AMP сайте необходимо разработать специальный шаблон, соответствующий требованиям.
Наиболее распространенные CMS предусматривают внедрение AMP-страниц с помощью готовых решений – плагинов и модулей.
Перед внедрением технологии необходимо знать, что придется заниматься поддержкой двух версий страниц – обычных и AMP.
Для отслеживания статистики AMP-страниц можно использовать два способа:
- Внедрение тега <amp-pixel>, который отслеживает просмотры с помощью GET-запросов.
- Внедрить Google Analytics с помощью специального компонента <amp-analytics>.