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-версии и другие элементы. Владельцу просто нужно понимать, что это существует и даёт больше мобильного трафика из поисковых систем.