Что такое AMP-страницы и как их правильно реализовать

В эпоху мобильного интернета скорость загрузки сайтов — критически важный фактор, так как более 50% поисковых запросов осуществляется именно со смартфонов. Мгновенную загрузку страниц на мобильных устройствах обеспечивает технология AMP. Как ее использовать, чтобы повысить видимость в поисковых системах и улучшить пользовательский опыт, читайте далее.

Accelerated Mobile Pages — что это?

Это технология, которая интегрируется в мобильную версию сайта. Ее основная цель — ускорить загрузку страниц путем создания их облегченной версии. AMP-версия сайта имеет меньший вес и загружается на 15-85% быстрее, чем обычная, — примерно за 0,7 секунды.

AMP-страницы состоят их трех ключевых составляющих:

• Модифицированный AMP HTML. Это особая версия HTML, которая повышает стабильность работы сайта, а также предоставляет дополнительные возможности для создания более разнообразного контента.
• Специализированная JavaScript-библиотека (AMP JS). Она обеспечивает оптимизированный рендеринг AMP HTML-страниц, что значительно ускоряет их отображение.
• Опциональная система кэширования (Google AMP Cache). Она используется для еще более быстрой выдачи HTML-страниц пользователям.

В мобильном поиске Google АМП-страницы помечены значком молнии.

Для чего нужны AMP-страницы

Они были разработаны для решения нескольких задач. Как мы уже отметили, в первую очередь, это ускорение загрузки сайта на смартфонах и планшетах, что критически важно для удержания пользователей, которые ищут информацию с мобильных устройств. Но это далеко не единственное преимущество, которое дает внедрение Accelerated Mobile Pages.

Плюсы интеграции технологии AMP

Одно из важных преимуществ — это улучшение пользовательского опыта. Благодаря быстрой загрузке и оптимизированному контенту, пользователи с большей вероятностью останутся на сайте и продолжат взаимодействие с ним. А это способствует снижению показателя отказов.

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

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

Минусы использования AMP

Но нужно понимать, что технология AMP — это не только плюсы. Так как для страниц Google «урезает» 90% кода, пользователи практически не могут напрямую взаимодействовать с контентом. Они перенаправляются обратно к результатам выдачи, что фактически приводит к «воровству» трафика бренда.

Кроме того, AMP сайты очень сложно монетизировать. Из-за «воровства» трафика, о котором мы написали выше, уменьшается посещаемость сайтов и снижается доход.

С какими еще трудностями можно столкнуться

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

Для чего бизнесу AMP

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

Это преимущество особенно значимо для нескольких типов ресурсов:

• E-commerce. Технология Accelerated Mobile Pages помогает удерживать клиентов и повышать конверсию.
• Новостные порталы. Среди сайтов, публикующих новости, существует большая конкуренция. И чтобы получать как можно больше трафика, важно, чтобы страницы с новостями быстро загружались.
• Сайты, продающие трафик. При использовании технологии AMP Google задействует собственную инфраструктуру кэширования. И за счет этого существенно снижается нагрузка на серверы.

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

Что нужно знать об AMP HTML

Google выдвигает ряд требований к реализации технологии:

1. AMP-страницы должны полностью соответствовать установленным стандартам.
2. AMP-страницы — это точная копия полной версии, поэтому их содержание должно быть абсолютно идентичным.
3. URL-адреса необходимо оптимизировать для удобства пользователей.
4. Корректность работы страниц следует проверять с помощью специального сервиса.
5. AMP-версии обязательно должны содержать атрибут rel=canonical со ссылкой на полную версию страницы.

Приведем пример AMP-страницы:

А так будет выглядеть обратная ссылка:

Для эффективного внедрения технологии следует придерживаться следующих принципов:

• Применять только асинхронные скрипты.
• Указывать размеры визуальных элементов непосредственно в HTML-коде.
• Ограничивать объем стилей до 50 КБ.
• Избегать использования произвольного JavaScript-кода.

Инструкция создания АМР-версии сайта

Итак, что такое AMP, разобрались. Теперь перейдем к тому, как сделать AMP-страницы. Существует несколько способов:

• Вручную. Этот метод подходит для небольших сайтов или когда требуется полный контроль над разметкой. В этом случае версия каждой страницы создается вручную с использованием готовых шаблонов.
• Автоматическая генерация. Многие современные системы управления контентом (CMS) предлагают встроенный функционал для создания AMP-версий. И это значительно упрощает процесс внедрения технологии.
• Программная реализация. Разработчики могут создать собственное решение для автоматической генерации AMP-страниц, интегрировав его в существующую систему управления контентом.

Более подробно вопрос создания АМР-версии вы сможете изучить по ссылке. На сайте найдете пошаговое руководство, которое включает основы разметки AMP HTML, правила использования разрешенных тегов и атрибутов, и многое другое.

Проверка AMP-страницы

Самый простой способ убедиться, что AMP-страницы Google работают правильно, — это использовать следующий сервис. Все, что от вас требуется, — поместить в строку URL и начать проверку. По ее окончании вы увидите сообщение.

Если технология внедрена:

Если АМР-версии нет:

Еще один способ, как проверить АМР-страницу, — это использование краулера, например, Netpeak Spider. Алгоритм достаточно простой:

1. В разделе параметры выбираем пункт «АМР».

2. Вводим в адресную строку URL интересующего нас сайта.

3. Кликаем «Старт».

Когда сканирование ресурса будет завершено, нужно перейти в таблице к столбцу «AMP HTML». Если в столбце указано TRUE, это означает, что AMP верстка присутствует. В противном случае вы увидите значение FALSE.

При необходимости полученные данные можно выгрузить. Для этого нужно в правом верхнем углу окна (или в главном меню) выбрать функцию «Экспорт», а затем — «Результаты в текущей таблице».

Подведем итоги

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

Однако важно помнить, что AMP — это не универсальное решение для всех ресурсов. Перед тем, как внедрять эту технологию, нужно тщательно взвесить все «за» и «против», исходя из специфики вашего сайта, целевой аудитории и бизнес-целей. И не забывайте о том, что для успешной реализации необходимы грамотный подход к разработке и оптимизации, а также постоянный мониторинг эффективности. В этом случае AMP станет эффективным дополнением к общей СЕО-стратегии.