Amp что это
Про AMP слышишь везде: Google её продвигает, разработчики обсуждают на каждом проекте, конкуренты внедряют. AMP что это? AMP — это ускоренные мобильные страницы (Accelerated Mobile Pages), технология, обещающая быструю загрузку мобильных страниц и рост трафика из поисковых систем. Что в реальности? AMP берёт исходный код страницы, вычищает из него всё, что выходит за границы спецификации AMP, создаёт отдельную версию сайта для мобильных устройств, оптимизирует под поиск. Google дарует таким AMP-страницам преимущества в поисковой выдаче, особенно в мобильном поиске через Google Search. Вот честный вопрос: нужна ли AMP вашему сайту? Ответ зависит от типа контента, целей вашего бизнеса и состава аудитории. Это не универсальное решение для всех проектам и услуг.
AMP (Accelerated Mobile Pages) — это облегченная версия сайта, созданная специально для быстрой загрузки веб страниц на мобильных устройствах. Не сложная технология, как кажется на первый взгляд. Представь: у тебя есть две версии сайта. Одна полнофункциональная мобильная версия, с видео, анимацией, тяжелыми скриптами и всеми возможностями. Вторая — легкая версия, где только самое необходимое, но без излишеств. Вторая это AMP.
Как на самом деле устроена AMP
Когда разработчик создаёт AMP-версию, он не просто оптимизирует обычную страницу. Он создаёт отдельную версию сайта для работы и внедрения технологии в поисковых системах. Две версии сайта существуют параллельно: обычная мобильная версия на твоём сервере и AMP-страница на том же сервере, но с другим путём. Google индексирует обе версии каждого сайта, но в мобильной выдаче старается показывать именно AMP-страницы.
HTML в AMP-страницах написан совсем по-другому. Вместо обычных специальных тегов для видео, используется <amp-video>. Вместо <img> для картинок — <amp-img>. Каждый компонент AMP оптимизирован для скорости загрузки. Google проверяет соответствие стандартам AMP через строгую валидацию исходного кода.
JavaScript в AMP практически запрещён. Ты не можешь запустить свой собственный JavaScript-код на AMP-странице. Любая интерактивность должна использовать встроенные компоненты AMP, а не сторонние amp-js скрипты. Это кажется ограничением, но это именно то, что делает AMP быстрыми. Третьесторонние скрипты (трекеры, реклама, аналитика) работают через специальные теги, и Google контролирует их нагрузку.
Почему Google кэширует AMP-версии
Google AMP Cache — это ключ к скорости загрузки сайта и применению ускоренных мобильных страниц. Google загружает твои AMP-страницы на свои серверы по всему миру (Google кэширует специально). Когда пользователь кликает на ссылку в поиске Google, страница загружается из этого кэша для быстрой загрузки контента, а не с твоего сервера. Расстояние до Google Server обычно короче, чем до твоего хостинга. Вот откуда берётся скорость.
Плюс Google оптимизирует контент дополнительно. Изображения сжимаются, ненужные ресурсы удаляются, CSS минифицируется. Когда AMP-версия попадает в Google AMP Cache, она загружается даже быстрее, чем если бы находилась на твоём сервере.
В поисковой выдаче Google мобильные AMP-страницы получают преимущество ранжирования. Они появляются выше обычных мобильных версий конкурентов, если содержание примерно на одном уровне. Скорость загрузки влияет и на пользовательский опыт, и на позицию в результатах поиска Google.
Почему Google создала AMP в 2015 году
В 2015 году мобильный интернет всему миру был медленным. 4G/LTE только набирала силу. Люди ждали загрузки контента на мобильных устройствах по 5-7 секунд, что казалось вечностью. Google потеряла огромное количество кликов на мобильные страницы из-за скорости загрузки сайта и медленной доставки информации для пользователя.
Одновременно мобильная аудитория росла. Google видела, что мобильный трафик уже превышает десктопный. Но монетизация была плохая — люди отказывались от неспешно загружающихся страниц материалов. Решение было радикальным: создать открытым исходным кодом фреймворк для быстрой загрузки мобильных веб страниц, который сделает технологию выгодной для издательств.
AMP сработала. Новостные сайты, журналы, издания поняли финансовый стимул: AMP-версии сайта ранжируются выше в результатах поиска Google, получают больше трафика из поисковой выдачи. Внедрением занялись крупные компании. The Guardian, The New York Times, BBC — они переходили на AMP для улучшения мобильного трафика и работы с Google Analytics.
Конкретные цифры скорости завантажения
Вот реальный результат. Возьми новостной сайт или портал с обычной мобильной версией:
Загрузка до интерактивности: 6-8 секунд Полная загрузка страницы: 10-12 секунд Вес страницы: 3-4 МБ
Та же страница в AMP-версии сайта:
Загрузка до интерактивности: 1-1,5 секунды Полная загрузка: 2-3 секунды Вес страницы: 200-400 КБ
Разница в 5-6 раз. После внедрения технологии AMP новостные сайты видят рост мобильного трафика на 20-40%, потому что Google показывает AMP-страницы выше в поисковой выдаче результатов поиска.
Core Web Vitals и связь с ускоренными мобильными страницами
Google привязала скорость загрузки страниц к ранжированию через Core Web Vitals — три метрики оценки качества веб страниц для оценки пользовательского опыта и действия.
LCP (Largest Contentful Paint) — когда на экране появляется основная информация контента. На AMP это происходит за 1-2 секунды, на обычной странице — 4-7 секунд.
CLS (Cumulative Layout Shift) — стабильность макета и элементов. Технология AMP контролирует это строго: все размеры элементов должны быть заранее известны. На обычном сайте макет может дрожать при загрузке изображений и скриптов.
FID (First Input Delay) — отзывчивость на действия пользователя. AMP гарантирует отзывчивость и правильную работу, потому что там нет тяжёлых скриптов, замедляющих производительность.
AMP-версии по умолчанию проходят Core Web Vitals лучше. Это автоматическое преимущество в результатах поиска Google.
Две отдельные версии одного сайта
Когда ты создаёшь AMP, ты создаёшь по сути две версии одного сайта. Обычная мобильная версия остаётся на твоём сервере. AMP-версия тоже на твоём сервере, но с другим путём — обычно /amp/ или отдельный поддомен.
Google индексирует обе версии сайта. В поисковой выдаче Google предпочитает показывать AMP-версию благодаря её быстрой загрузке. На других поисковых системах (Яндекс, Bing) этого преимущества может не быть.
Но тебе нужно поддерживать две версии сайта. Если на обычной версии выходит новая статья, её нужно добавить и в AMP-версию. Если исправляют опечатку или контент, её нужно исправить в обеих версиях. Двойная работа при развитии сайта.
Практический пример: новостной сайт и AMP
Возьми типичный новостной сайт или портал, который публикует статьи каждый день. На обычной мобильной версии каждая статья грузится 6 секунд, в выдаче Google много конкурентов. Трафик падает.
После внедрения AMP та же статья грузится 1,5 секунды. Google замечает улучшение скорости загрузки сайта и начинает показывать AMP-страницы выше в выдаче. Трафик растёт на 30-50%.
Но идеальным это не становится. Видео требуют специальной разметки в исходном коде страницы. Интерактивные опросы не проходят валидацию AMP. Сложные галереи изображений нужно переделывать. Рекламные блоки и контекстная реклама работают медленнее на AMP-версии.
Новостной сайт идёт на компромисс: основной контент в AMP быстрый, но некоторые элементы (видео, интерактив) остаются на обычной версии. Читатель видит ссылку «Читать полную версию» и переходит на обычные мобильные страницы своего сайта.
Разница между разработчиком и владельцем
Для владельца сайта AMP — это облегченная копия собственного сайта, оптимизированная специально для быстрой загрузки в мобильном поиске Google. Для разработчика AMP — это полная переработка исходного кода под жесткие требования и задачи фреймворка. Разработчику нужно знать специальные теги, правила валидации, как работают компоненты AMP-версии и другие элементы. Владельцу просто нужно понимать, что это существует и даёт больше мобильного трафика из поисковых систем.