Что такое AMP-страницы и зачем они нужны?

Мы все знаем, что скорость загрузки сайтов может повлиять на поведенческие факторы. Низкая скорость может снизить показатель конверсий, а высокая, соответственно, — показатель отказов. Если на декстопах многие сайты грузятся еще более-менее быстро, то в мобильных версиях скорость оставляет желать лучшего. Как решить проблему низкой загрузки страниц на смартфонах и планшетах? Одно из эффективных решений — сделать версию AMP (технология от Google) для каждой страницы на вашем сайте (в Яндексе есть свой аналог – турбо страницы). Технология AMP особенно хорошо подходит информационным ресурсам (СМИ, порталам), отдельным постам в блогах у коммерческих сайтов. AMP — это урезанная версия HTML-документа, созданная для более быстрой загрузки страниц.

Если загрузка вашей страницы занимает более 5 секунд, то примерно, 40% людей уйдут с вашего сайта. Не много ли? И вот тут AMP может прийти на помощь (прям как в мультике Чип и Дейл). Конечная цель Google состоит в том, чтобы пользователи находили то, что ищут, каждый раз, когда выполняют поисковый запрос. И Google не хочет, чтобы что-то мешало достижению этой цели. А если с вашего сайта люди текут рекой, потому что не дождались открытия, то это показатель того, что с вами лучше не иметь дел.

Как работает AMP

1. AMP имеет свои собственные теги — HTML-компоненты. Вам нужно буквально переверстать то, что уже есть. Это трудозатратно, да. Но если вы твердо решили увеличить скорость загрузки своего сайта, это поможем вам в достижении цели.
2. При создании таких страниц используются CSS стили, но отличительной особенностью является то, что встроенные стили запрещаются, так как они снижают скорость.
3. AMP загружает все асинхронно, что является самым быстрым способом загрузки компонентов, потому что он предотвращает любые сценарии, которые в противном случае блокировали бы загрузку ресурсов. AMP определяет приоритетность загрузки ресурсов страницы, сначала загружая наиболее важные из них.
4. Технология способна кешировать страницы за счет использования CDN Google.

Недостатки AMP

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

Но есть и значительный плюс:

Внедрение AMP может повлиять на продвижение в поисковой выдаче, так как Google поддерживает свой проект. Так что, если вы еще не нашли для себя повод попробовать AMP — вот он!

Возможно, эти ссылки вам будут полезны:

Спецификация AMP HTML (на английском языке)
Оптимизация AMP-контента для Google Поиска

Читайте нашу книгу «Digital-маркетинг массового поражения. От основ до практических кейсов»