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

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

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

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

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

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

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

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

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

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

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

<link rel=»amphtml» href=»https://website.com/amp.page.html»>

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

<link rel=»canonical» href=»https://website.com/page.html»>

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

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

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

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

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

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

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

2018-11-16T11:19:10+00:00Октябрь 16th, 2018|

Leave A Comment

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.

This Is A Custom Widget

This Sliding Bar can be switched on or off in theme options, and can take any widget you throw at it or even fill it with your custom HTML Code. Its perfect for grabbing the attention of your viewers. Choose between 1, 2, 3 or 4 columns, set the background color, widget divider color, activate transparency, a top border or fully disable it on desktop and mobile.