AMP (Accelerated Mobile Pages)

AMP (Accelerated Mobile Pages)
David Kaufmann
Уроки SEO

Технология AMP стала огромной революцией, когда Google официально представил её миру 7 октября 2015 года. С тех пор проект сильно эволюционировал и заметно улучшился. Однако далеко не всё было гладко. AMP стоила бессонных ночей бесчисленному числу SEO-специалистов и, конечно, серьёзно повлияла на миллионы компаний.

Пока одни компании упоминаются на странице кейсов официального сайта и рассказывают об улучшении времени отклика, конверсий и прочего, многие другие увидели, что технология просто взвинтила показатель отказов до небес и в итоге не принесла никакой реальной пользы.

Ниже мы постарались собрать полное руководство по этой технологии, разобрав все её основные особенности и, в первую очередь, сравнив плюсы и минусы, которые она даёт. Надеемся, вам понравится так же, как нам понравилось собирать для вас всю эту информацию!

1. Что такое AMP?

AMP (Accelerated Mobile Pages) определяют как новую технологию Google, задача которой — дать пользователям доступный фреймворк для создания нового контента, который намного быстрее и проще потреблять.

Словами самого Google:

«AMP — это фреймворк веб-компонентов, который позволяет легко создавать сайты, истории, письма и рекламу, ориентированные на пользователя».

2. Как работает AMP?

Принцип работы относительно прост. По сути, AMP создаёт для нашего контента гораздо более лёгкую и быструю страницу с меньшим количеством элементов дизайна. Изначально технологию разрабатывали для статей, блогов, новостей и другого «медийного» контента, но постепенно она развилась до такой степени, что сегодня есть сайты, собранные на ней на 100%.

Если у нас собственный код, внедрение потребует нескольких дополнительных шагов. И всё же, если у нас Wordpress, процесс внедрения займёт считаные секунды. У Wordpress может быть много недостатков, но одна из его сильных сторон — возможность делать внедрения быстро и очень просто.

AMP для Wordpress
AMP для Wordpress

Посмотрите все плагины, с помощью которых это можно внедрить в Wordpress.

Одни плагины дают очень простое и быстрое внедрение, другие заметно тяжелее и сложнее. Всё зависит от того, чего вы хотите добиться.

Материал: Официальный плагин для Wordpress

Итак, что же AMP делает такого, чтобы быть настолько быстрее классической загрузки сайта?

  • Выполняет весь javascript асинхронно
  • Не позволяет расширениям блокировать рендеринг
  • Убирает все элементы JavaScript с критического пути
  • Требует, чтобы CSS был «inline»
  • Сводит к минимуму пересчёты стилей
  • Приоритизирует загрузку ресурсов

Ниже вы увидите все форматы, в которых можно внедрить технологию AMP, и их основные сценарии использования:

Форматы:

  • AMP web
  • AMP stories
  • AMP ads
  • AMP email

AMP Web

Создавать быстрый и удобный опыт в вебе — и на десктопе, и на мобильных — задача непростая. С AMP для веба мы можем провести этот процесс и дать нашим пользователям отличную юзабилити и скорость сайта.

Пример — сайт BMW с полной поддержкой AMP и вдобавок отличным дизайном.

BMW AMP SEO
BMW AMP SEO

Отличный пример того, как гигант вроде BMW адаптирует свой сайт.

AMP Stories

До сих пор пользователи привыкли потреблять контент через статьи — в блогах, новостях, пресс-релизах и так далее. Но формат «Stories» — это революция. В нём тот же контент показывается с гораздо более удачным дизайном и с характеристиками производительности AMP, то есть с впечатляющей юзабилити и скоростью.

AMP Stories
AMP Stories

Примеры некоторых Stories от ведущих издателей.

Как обычно и бывает, часть крупнейших издателей мира — CNN, The Washington Post, USA Today и другие — протестировала эту технологию и выпустила новостные материалы и репортажи.

Пример: репортаж CNN об Антарктиде в формате Stories

AMP ads

Создание контента кажется простой задачей, но это не так. Чтобы делать качественный контент, нужно много времени, сил и, главное, отличная команда, которая возьмёт на себя все исследования, тексты и смежные задачи. Чтобы все эти усилия окупались, команда AMP создала AMP-ads — аналог Google Adsense.

С этим расширением мы можем добавлять в наш контент рекламу и монетизировать каждый показ, который генерируем. Поскольку внедрение технологии, скорее всего, даст рост показов и кликов по нашему контенту, но одновременно и высокий показатель отказов, мы по крайней мере сможем монетизировать все эти визиты.

AMP email

AMP-email — один из последних экспериментов команды. Смысл в том, чтобы показывать AMP-контент прямо в письме, как и следует из названия. В чём же главное отличие от классической почты?

Письма с AMP-контентом интерактивны, и мы можем добиться, чтобы пользователь с ними взаимодействовал. Больше не нужно вести пользователя на наш сайт, чтобы он, например, подтвердил встречу или забронировал дату в календаре.

AMP Email
AMP Email

Предпросмотр контента в письме, с которым можно взаимодействовать.

Ниже — пример того, как AMP работает в почте, позволяя пользователю сохранять интересные пины из своего аккаунта Pinterest:

3. Преимущества AMP

Разобрав все основные продукты, нужно задать себе вопрос: действительно ли это приносит пользу нашему бизнесу? Будут случаи, особенно в медиакомпаниях, где эффект и правда может оказаться очень большим — из-за тесной связи AMP с Google News и, прежде всего, из-за типа производимого контента. Будут и другие случаи, где пользы на самом деле нет и тратить ценные ресурсы на внедрение незачем.

И всё же мы решили собрать небольшую подборку главных преимуществ AMP и, конечно, её недостатков.

  • Скорость: преимущество №1 и причина, по которой многие компании соблазняются этой технологией, — скорость. По сравнению с обычными сайтами время загрузки может быть в 2 или 3 раза короче, так что пользовательский опыт меняется радикально.

  • Видимость: если поискать конкретный запрос с мобильного устройства (телефона или планшета), карусель Google News наверху будет забита AMP-страницами. Хотя официально Google говорит, что приоритета не даёт, реальность выглядит совсем иначе, и внедрение кажется почти обязательным условием, чтобы туда попасть. То же самое происходит и с недавно появившимся разделом Google Discover. Попасть в него можно только с мобильных устройств, и большинство новостей, которые там появляются, — это Accelerated Mobile Pages.

  • Монетизация: за счёт большей видимости проще монетизировать все эти визиты и, соответственно, получить ещё один источник дохода. Раньше классическая версия была единственным способом иметь доступный контент. Теперь же компании могут монетизировать и классическую версию, и AMP-версию.

  • Связь с другими возможностями Google: AMP как продукт Google не только постоянно развивается, но и отлично интегрируется с другими продуктами гиганта. Недавно мы уже видели AMP for Email, а другая заметная особенность — недавнее появление AMP в Google Картинках. Все пользователи мобильных устройств в Google Картинках могли зайти в AMP-версию статьи одним движением пальца.

4. Недостатки AMP

До сих пор всё выглядело прекрасно. Однако одними преимуществами дело не ограничивается. У внедрения AMP есть и ряд минусов, которые стоит держать в голове:

  • Высокая стоимость внедрения: если установка через Wordpress очень простая, то на другой платформе всё сильно меняется. Команде приходится выделять ценные ресурсы и нескольких человек из разработки на исследование, тесты, валидацию внедрения и прочее, а это заметные вложения.

  • Смехотворный CTR: количество показов после внедрения AMP может вырасти значительно, а вот реальная ценность — то есть число кликов по нашему контенту — обычно за ним не поспевает. Ниже реальный пример CTR, который Google Картинки дают AMP-контенту, в Search Console.

AMP CTR
AMP CTR

Пример статистики по влиянию AMP в Google Картинках.

  • Зависимость от Google: хотя Google недавно объявил, что AMP-страницы теперь можно отдавать со своего домена, а не через кеш Google, зависимость от Google по-прежнему огромна. Любое, даже самое небольшое изменение бьёт по множеству компаний, и это даёт Google беспрецедентную силу и переговорную позицию. Иначе говоря, Google может делать с этой технологией всё, что захочет, пока она приносит компаниям доход. А что будет, если Google вдруг начнёт брать со всех компаний плату за её использование?

  • Астрономический показатель отказов: если по CTR цифры действительно суровы, то по показателю отказов они могут быть откровенно пугающими. Говорят, что у многих компаний показатель отказов превышает 90%. Для любого бизнеса это настоящее безумие. Со стороны AMP рекомендуют внедрять AMP-меню, стараться адаптировать как можно больше страниц и создавать цельный AMP-опыт… Однако это не только удорожает внедрение и усиливает зависимость от технологии, но и поднимает вопрос: действительно ли выигранная скорость компенсирует потерю такого количества пользователей в каждой сессии…

5. Выводы

Дать окончательный ответ, стоит внедрять AMP или нет, почти невозможно. У каждого бизнеса свои особенности, и именно поэтому стоит глубоко разбирать каждую ситуацию, сопоставлять вложения с потенциальной выгодой и только потом решать, действительно ли AMP — это ваш путь.

Сомневаетесь, поможет ли технология AMP вашему бизнесу? Не переживайте! Мы можем помочь! Посмотрите все наши SEO-услуги, и мы разберёмся, чем можем быть полезны.

6. Новости и обновления

В этом разделе мы будем публиковать все новости, которые объявляет команда AMP, чтобы вы были в курсе происходящего с технологией.

7. Источники

Источники:

Официальные руководства:

** Все фото предоставлены официальным сайтом AMP.*

Автор: David Kaufmann

David Kaufmann

Последние 10 с лишним лет я полностью одержим SEO — и, честно говоря, не хотел бы иначе.

Моя карьера вышла на новый уровень, когда я работал старшим SEO-специалистом в Chess.com — одном из ста самых посещаемых сайтов интернета. Работа в таком масштабе: миллионы страниц, десятки языков и одна из самых конкурентных выдач — научила меня тому, чему не научит ни один курс и ни один сертификат. Этот опыт изменил моё представление о том, как выглядит по-настоящему сильное SEO, и лёг в основу всего, что я построил потом.

Из него выросло SEO Alive — агентство для брендов, которые всерьёз занимаются органическим ростом. Мы не продаём дашборды и ежемесячные отчёты. Мы строим стратегии, которые реально двигают цифры, соединяя классическое SEO с новым и захватывающим миром Generative Engine Optimization (GEO): чтобы ваш бренд появлялся не только в синих ссылках Google, но и внутри ответов, которые ChatGPT, Perplexity и Google AI Overviews каждый день выдают миллионам людей.

А поскольку инструмента, который нормально закрывает оба этих мира, я так и не нашёл, я сделал его сам — SEOcrawl AI, платформу SEO-аналитики корпоративного уровня, где в одном месте собраны позиции, технические аудиты, мониторинг ссылок, здоровье краулинга и отслеживание видимости бренда в ИИ. Это та платформа, которой мне всегда не хватало.

→ Читать все статьи автора David
Больше статей от David Kaufmann

Откройте больше материалов этого автора