AMP-лендинг

AMP-лендинг — целевая страница, построенная по стандарту Accelerated Mobile Pages: с жесткими ограничениями на HTML и CSS, без пользовательского JavaScript и с обязательной загрузкой через CDN-кеш Google или Яндекса. Скорость загрузки такой страницы достигает 1-2 секунд против 4-6 секунд у классического лендинга, что напрямую влияет на конверсию и рекламные показатели.

Что такое AMP-лендинг

AMP расшифровывается как Accelerated Mobile Pages — открытый фреймворк, который Google запустил в октябре 2015 года совместно с Twitter, LinkedIn и рядом издательских платформ. Изначально технология создавалась для новостных статей, но быстро распространилась на рекламные целевые страницы. AMP-лендинг — не просто быстрая страница, а страница, написанная по жестким техническим правилам: специальный подтип HTML (AMP HTML), только предварительно одобренные компоненты для интерактивности, полный запрет на сторонние скрипты и ограниченный CSS (максимум 75 КБ инлайнового кода). Именно эти ограничения обеспечивают предсказуемую и стабильную скорость загрузки на любом мобильном устройстве. Без ограничений нет гарантии скорости — это принципиальный компромисс, который нужно принять при работе с технологией.

Технология появилась как ответ на реальную проблему: в 2015 году средняя страница для мобильных устройств загружалась 8-10 секунд, а каждые 100 мс задержки снижали конверсию интернет-магазинов на 1% по данным исследования Google. Издатели и рекламодатели теряли аудиторию именно потому, что тяжелые JavaScript-библиотеки, счетчики аналитики и рекламные теги делали страницы медленными. AMP решил проблему радикальным способом: убрал все «лишнее», оставив только необходимое для отображения контента. Технически это означало создание нового набора HTML-тегов (amp-img вместо img, amp-video вместо video и т.д.) и перевод загрузки через сеть кеш-серверов Google AMP Cache. В России Яндекс в 2019 году запустил аналогичную технологию — Турбо-страницы для лендингов в Директе.

В digital-маркетинге AMP-лендинги заняли специфичную нишу: их применяют в связке с мобильной рекламой (Google Ads, Яндекс.Директ), когда требуется максимально быстрая загрузка после клика на объявление. Страница предзагружается на серверах Яндекса или Google еще до того, как пользователь нажал на объявление. Это принципиально отличает AMP от обычных оптимизированных страниц: ускорение достигается не за счет оптимизации кода сайта, а за счет того, что поисковик хранит готовую копию страницы рядом с пользователем. Когда клик происходит, страница уже готова к отображению — отсюда и субъективное ощущение мгновенной загрузки. По данным Google, переход на AMP снижает время загрузки в среднем на 85%.

Маркетологу важно понимать AMP не как техническое решение, а как бизнес-инструмент с четкими плюсами и ограничениями. Быстрая загрузка снижает показатель отказов в среднем на 10-20 процентных пунктов и повышает Quality Score рекламного объявления, что ведет к снижению стоимости клика. С другой стороны, ограничения AMP не позволяют подключить произвольные виджеты, сложные pop-up формы, live-чаты и другие инструменты, привычные на обычных лендингах. Решение об использовании AMP-лендинга нужно принимать, взвесив выигрыш в скорости против потерь в функциональности. Этот баланс разный для разных ниш: для оконных компаний или клиник с простой формой «оставить заявку» AMP работает отлично; для сложных B2B-продуктов с длинным циклом сделки и потребностью в интерактивном взаимодействии — ограничения могут перевесить преимущества.

Как работает AMP-лендинг

1. Создание страницы по AMP-стандарту. Разработчик пишет страницу с использованием AMP HTML — подмножества обычного HTML с дополнительными правилами. Вместо стандартных тегов img, video, iframe применяются их AMP-аналоги: amp-img, amp-video, amp-iframe. Весь CSS пишется инлайново в теге style в head, максимальный размер — 75 КБ. Произвольного JavaScript нет: интерактивность реализуется через готовую библиотеку amp.js. Валидатор AMP (доступен на validator.ampproject.org) проверяет корректность кода — страница либо полностью валидна, либо не считается AMP-страницей.
2. Индексация и кеширование на CDN Google или Яндекса. После публикации поисковый бот обнаруживает AMP-страницу и передает ее содержимое в AMP Cache — распределенную сеть серверов. Копия страницы хранится географически близко к пользователю. URL страницы при загрузке через кеш меняется: вместо tolkadigital.ru/landing отображается cdn.ampproject.org/v/tolkadigital.ru/landing — это важно учитывать при настройке аналитики и отслеживании конверсий. Для Турбо-страниц Яндекса URL меняется аналогично: yandex.ru/turbo?url=…
3. Предзагрузка при показе рекламного объявления. Когда Яндекс.Директ или Google Ads показывает объявление с AMP-лендингом, браузер начинает загружать страницу еще до клика пользователя через механизм prefetch или prerender. Когда пользователь нажимает на объявление, страница уже готова в памяти браузера — загрузка занимает менее 0.5 секунды. Это принципиальное отличие от обычной оптимизации: страница появляется мгновенно, а не просто быстро. Именно предзагрузка дает основной выигрыш — технически страница уже загружена до касания.
4. Обработка форм через компонент amp-form. Формы на AMP-лендинге реализуются через amp-form, который поддерживает AJAX-отправку данных без перезагрузки страницы. Для отправки в CRM или на email используется endpoint — серверный скрипт рекламодателя. Яндекс.Директ предоставляет встроенный сборщик лидов для Турбо-страниц — данные поступают напрямую в кабинет и могут передаваться в CRM через API без необходимости настраивать собственный backend. Для сложной логики (условные поля, многошаговые формы) возможности ограничены стандартными компонентами AMP и требуют нестандартных решений.
5. Отслеживание конверсий через amp-analytics. Стандартный пиксель Яндекс.Метрики или Google Analytics через JavaScript на AMP-странице не работает. Аналитика подключается через компонент amp-analytics, который поддерживает конфигурации для большинства популярных систем: Google Analytics 4, Яндекс.Метрика, Facebook Pixel в ограниченном режиме. Конфигурация прописывается как JSON-объект прямо в теле страницы. Для Яндекс.Директа лид из Турбо-страницы автоматически фиксируется как целевое действие без дополнительной настройки аналитики.
6. Приоритизация ресурсов библиотекой AMP Runtime. После передачи HTML в браузер управление берет библиотека amp.js, загружаемая с cdn.ampproject.org. Она определяет порядок загрузки ресурсов: сначала то, что видно без прокрутки (above the fold), затем остальное. Изображения загружаются лениво по умолчанию, размеры всех медиаэлементов заданы заранее в коде — это исключает сдвиг контента при загрузке (CLS = 0), что положительно влияет на Core Web Vitals. В итоге пользователь видит полностью отрендеренный первый экран за 1-2 секунды даже на медленном мобильном соединении.

Виды AMP-лендингов

• AMP-лендинг на основе Google AMP Cache. Классическая реализация технологии через экосистему Google. Страница размещается на сайте рекламодателя, индексируется Google и кешируется на серверах cdn.ampproject.org. Применяется в связке с Google Ads (функция Parallel Tracking) — объявление ведет на AMP-версию страницы, что повышает Quality Score. Подходит для международных кампаний и рекламодателей с Google как основным источником трафика. Требует самостоятельной разработки или специализированных конструкторов — Unbounce AMP, Instapage с поддержкой AMP.
• Турбо-страницы Яндекс.Директ. Российская реализация AMP-принципа, встроенная в интерфейс Яндекс.Директа. Рекламодатель создает лендинг через визуальный конструктор внутри рекламного кабинета без разработчика и знания HTML. Страница кешируется на серверах Яндекса и загружается практически мгновенно. Встроенный сборщик лидов передает данные в кабинет Директа. По данным Яндекса, использование Турбо-страниц снижает показатель отказов на 15-20% по сравнению с классическими лендингами — но дизайн ограничен шаблонными вариантами.
• AMP-лендинг с кастомной разработкой. Страница, написанная вручную командой разработчиков с полным контролем дизайна и структуры. Соответствует всем правилам AMP-стандарта и проходит валидатор, но реализует уникальный дизайн бренда. Требует разработчика, знакомого с особенностями AMP: замена img на amp-img, отказ от сторонних скриптов, инлайновый CSS. Оптимален для брендов с высокими требованиями к дизайну — автомобильных, fashion или финансовых компаний, где внешний вид страницы напрямую влияет на доверие аудитории.
• AMP Story (визуальный формат). Формат AMP, построенный по принципу историй — полноэкранные слайды с картинками, видео и кнопкой CTA на последнем экране. Используется в Google Discover и поиске Google. Не традиционный лендинг, но выполняет ту же функцию — ведет пользователя к целевому действию. Особенно эффективен для B2C-продуктов с сильной визуальной составляющей: одежда, косметика, туризм. Формат требует создания нескольких «экранов» вместо одной длинной страницы и подходит для аудитории, привыкшей к формату Stories в соцсетях.
• Гибридный лендинг (AMP + обычная версия). Страница существует в двух версиях: AMP для мобильного трафика из рекламы и поиска, и полноценная версия для остальных случаев (десктоп, прямые переходы). Связь между версиями устанавливается через теги link rel=»amphtml» и link rel=»canonical». Такой подход позволяет не жертвовать функциональностью (live-чат, сложные формы, кастомный JavaScript) для аудитории, которой важна интерактивность, и при этом получать преимущества AMP для мобильного платного трафика. Это наиболее распространенная схема у крупных рекламодателей, которые не готовы идти на компромисс ни по скорости, ни по функциональности.

Сравнение AMP-лендинга и классического лендинга

Пример использования

Оконная компания с трафиком из Яндекс.Директа около 8 000 кликов в месяц использовала стандартный лендинг на Tilda. Среднее время загрузки страницы на мобильных составляло 5.2 секунды, показатель отказов — 68%, конверсия в заявку — 1.4%. Рекламный бюджет — 180 000 рублей в месяц, стоимость заявки — 1 607 рублей. Основной источник трафика — мобильные устройства (71% кликов), что делало скорость загрузки критичным фактором для всей экономики кампании.

Команда создала Турбо-страницу в Яндекс.Директе с аналогичным контентом: заголовок, три ключевых преимущества, фотогалерея работ, форма из трех полей. Турбо-страница запущена как отдельный вариант для мобильного трафика через А/Б тест в Директе. За первые 30 дней: время загрузки упало до 1.1 секунды, показатель отказов снизился до 49%, конверсия выросла до 2.9%. Стоимость заявки снизилась до 776 рублей — почти вдвое. При том же бюджете компания получила 232 заявки против 112 в предыдущем периоде. Единственным ограничением оказалась невозможность подключить Jivosite для онлайн-консультаций, что частично компенсировали добавлением кнопки звонка на первый экран.

Частые вопросы