Что такое AMP-страницы
Коротко
AMP-страница — это версия веб-страницы на упрощённом языке разметки AMP HTML: набор разрешённых тегов уже обычного HTML, свой JavaScript и обязательная проверка на соответствие правилам. Такую страницу собирают, чтобы она открывалась на телефоне за доли секунды, поэтому в ней нет места тяжёлым скриптам и вольной вёрстке.
Из чего состоит AMP
У AMP три части. AMP HTML — урезанный HTML: часть привычных тегов запрещена, вместо картинки ставят amp-img, вместо видео — amp-video, вместо формы — amp-form. Сторонние скрипты в разметку не подключают, а собственный код допускается через компонент amp-script с ограничениями по размеру и работе со страницей. AMP JS — библиотека, которая подгружается из сети доставки и оживляет эти теги, причём всё в ней работает асинхронно и не задерживает отрисовку. Третья часть — кэш AMP: сеть доставки хранит прошедшие проверку страницы и отдаёт их из своей инфраструктуры.
Проект вырос внутри Google и в 2019 году перешёл под управление OpenJS Foundation. Правила разметки и готовые компоненты описаны на сайте проекта amp.dev; там же лежит валидатор, который проверяет страницу на соответствие этим правилам.
Зачем AMP придумали
AMP появился как ответ на медленные новостные сайты на телефоне. Покупатель в мобильном браузере уходит со страницы, которая грузится долго, а издатель теряет и читателя, и рекламный показ. Урезанная разметка и кэш убирали главные причины задержки: тяжёлые скрипты, внешние таблицы стилей и медленный сервер.
Долгое время Google показывал AMP-страницы в блоке новостей и помечал их значком в выдаче. Значок из выдачи убрали, а требование иметь AMP для попадания в новостной блок отменили в 2021 году вместе с обновлением, которое оценивает удобство страницы. С тех пор AMP — один из способов сделать быструю страницу, а не условие видимости в поиске.
Что даёт AMP и чего лишает
- Скорость: страница отдаётся из кэша и не тянет сторонние скрипты, поэтому открывается почти мгновенно даже на слабой связи.
- Простота проверки: валидатор говорит прямо, что в разметке не так, — ошибку видно до публикации, а не по жалобам на медленную загрузку.
- Ограничения дизайна: нестандартные блоки, анимации и сторонние виджеты приходится заменять компонентами AMP или отказываться от них.
- Сторонние скрипты и произвольный JavaScript запрещены: интерактив собирают из готовых компонентов вроде amp-bind, amp-carousel или amp-lightbox, а собственный ограниченный код подключают через amp-script.
- Реклама и аналитика подключаются через компоненты amp-ad и amp-analytics, а не обычным кодом счётчиков.
- Две версии страницы: AMP-версия живёт рядом с основной, и обе нужно поддерживать в согласованном виде.
Нужен ли AMP вашему сайту
Решает не мода, а задача. Если сайт — лендинг под рекламу и каждая секунда загрузки стоит денег, AMP-версия может помочь: быстрые страницы чаще доводят человека до заявки. Если сайт — витрина с корзиной, фильтрами и личным кабинетом, ограничения AMP ударят по самому нужному: интерактив в нём собирают только из готовых компонентов.
Проверить, где сайт теряет время, можно без AMP: скорость загрузки на телефоне и удобство страницы измеряют по обычным метрикам, а не по наличию разметки AMP. Если основная версия уже открывается быстро, отдельная AMP-версия добавит работы и не даст ничего.
Ещё один довод против — поддержка в инструментах. Например, в Next.js встроенную поддержку AMP убирают в шестнадцатой версии фреймворка: значит, часть разработчиков уже не считает AMP основным путём к быстрой странице.
Частые вопросы
AMP — это отдельный сайт?
Нет, это версия страницы. У статьи или лендинга есть основная страница и AMP-версия с тем же содержанием, а связь между ними обозначают в разметке. Поддерживать приходится обе.
AMP ускоряет любую страницу?
Он убирает то, что чаще всего тормозит загрузку: тяжёлые скрипты, внешние стили и медленный сервер. Если страница тормозит из-за огромных картинок или плохого хостинга, AMP сам по себе этого не исправит.
Можно ли на AMP-странице считать конверсии?
Да, через компонент amp-analytics: он передаёт данные в системы аналитики и рекламы. Обычный код счётчика, вставленный в разметку, на AMP-странице не сработает.
Даёт ли AMP преимущество в поиске?
Отдельного преимущества за саму разметку нет: значок в выдаче убрали, а обязательность AMP для новостного блока отменили в 2021 году. Поиск оценивает скорость и удобство страницы, а AMP — лишь один из способов их обеспечить.
Что делать, если AMP-версия уже есть?
Держать её в согласованном виде с основной или переносить на неё быстрые решения и постепенно отказываться от отдельной версии. Решение зависит от того, сколько трафика приходит на AMP-страницы и сколько сил уходит на две версии.
Когда решаете, нужна ли отдельная AMP-версия
Чтобы понять, где сайт теряет заявки
Скорость страницы — только одна из причин, по которой посетитель уходит без заявки. Прежде чем заводить вторую версию сайта, стоит увидеть весь путь от рекламы до оплаты и посчитать, на каком шаге теряются деньги.
Я собираю цифры по каналам и продажам в одну картину: сколько стоит заявка, что с ней происходит дальше и где рвётся цепочка. После этого видно, поможет ли ускорение страницы или терять деньги бизнес начинает в другом месте.