AMP версия сайта

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

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

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

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

Есть ли смысл внедрять AMP страницы на сайте? Для каких ресурсов есть есть смысл внедрять AMP-разметку?

Если у вас контент ресурс — новостной или тематический портал. Если у вас коммерческий веб-сайт и есть обширный контент-раздел. Если у вас каталог. Есть ли смысл внедрять AMP для интернет-магазина? В Украине успешных кейсов практически единицы. Попробовать определенно стоит, AMP-версия может стать конкурентным преимуществом вашего магазина.

Какие особенности имеет AMP-верстка?

Отсутствие использования скриптов. Весь функционал, такой как слайдеры, всплывающие модальные окна и прочие фишки — является недоступным. Доступные для использования элементы можно найти на сайте https://ampbyexample.com/
CSS. Элементы с атрибутами вида style=“background-сolor:…”, не являются валидными. Все стили пишутся inline, их размер лимитирован 50 Килобайтами.
Картинки. Тег <img> не поддерживается, вместо него используется <amp-img>. Это рождает ряд проблем с запуском amp на сайтах, где контент и картинки добавляются вручную через редактор. Необходим парсер или автозамена тегов для AMP-версии.
Перелинковка версий. Все просто и разметка похожа на кросс-языковую.

На основной версии сайта размещается тег:

На AMP-странице — обратный тег:

Какие еще советы по использованию и внедрению AMP-страниц?

Необязательно внедрять AMP-версию для абсолютно всех страниц сайта. Иногда, наоборот, стоит выделить группы страниц, использование AMP-технологии для которых реально необходимо.

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

Обязательно тестируйте AMP-версию с помощью валидатора. А после запуска — проверяйте соответствующий раздел в Search Console на наличие новых ошибок.
Работоспособность AMP версии зависит от контента, в том числе вновь добавляемого. Поэтому есть вероятность, что даже при работающих и неизменных скриптах ошибки в AMP появятся при добавлении новых публикаций. В практике известны случаи, когда массовые ошибки в работе AMP-версии тянули и основной сайт вниз в выдаче.

Актуальность технологии AMP

Будет ли технология актуальна через 5 лет? Сложный вопрос. С одной стороны, технология и принцип логичные и интересные. С другой — ширина интернет-каналов растет, как и скорость мобильного интернета, даже в Украине — 3G, 4G, 5G. Производительность и скорость работы мобильных устройств также не стоит на месте. Никто ведь не вспоминает сейчас о WAP-сайтах, так? Если трудозатраты на создание AMP-версии сравнительно невелики для вашего бизнеса и вы можете запустить AMP-страницы быстро и без проблем — почему нет?

AMP-версия сайта может быть еще одним конкурентным преимуществом вашего бизнеса и даст вам возможность быть на шаг впереди конкурентов.