Более быстрые страницы дают более счастливых посетителей. И более счастливые посетители склонны оставаться, читать и принимать твой контент.
Все, что может увеличить коэффициент конверсии, всегда будет приятной новостью для предпринимателей которые занимаются электронной коммерцией… и AMP может в этом сильно помочь.
Ты знаешь, что пользователи тратят в среднем 4 часа в день на использование своего мобильного устройства. Это 120 часов в месяц. Из этого следует вывод: количество времени, которое пользователь проводит в своем телефоне – это количество часов, которое ты можешь им продать
Главное: исследование, проведенное в 2016 году, показало, 58% запросов проводились на мобильных устройствах.
Увеличение конверсии
- Прежде чем начать разбор, посмотри на результаты использование AMP и как итог – увеличение конверсии:
На AMP, по сравнению с обычными страницами, присутствует более высокая эффективность контекстной рекламы. Например AdSense, отображаемый в видимой части экрана, вырос на 80%, а CTR рекламных блоков увеличился на 90%. - Журнал Wired Magazine получил увеличение ссылок CTR в результатах поиска на 25% благодаря AMP. А кликабельность объявлений на ускоренных страницах выросла на 63%.
- Ежемесячная посещаемость сайта журнала Slate выросла на 44% после внедрения AMP.
- По данным главного сотрудника CNN по маркетингу Алекса Веллена, CNN увеличила трафик AMP на 80%, и более 20% поискового трафика в CNN теперь направляется на страницы AMP.
- На AMP-страницах Miami Herald посетители проводят на 10% больше времени по сравнению со стандартными страницами.
- AMP использует серверный рендеринг кеша AMP Это помогает ограничить использование полосы пропускания изображения до 45%.
- Каждая секунда загрузки веб-страницы – это 12%-ное снижение коэффициента конверсии.
- 53% веб-страниц остаются заброшеными, если они загружают более трех секунд.
Основа
Главная цель AMP(Accelerated Mobile Pages – технология быстрой загрузки страниц) – это избавиться от всего “ненужного” и оставить только самое необходимое, что нужно показать пользователю. По сути AMP – это метод создание веб-страниц для статического содержимого.
Поскольку мобильные сайты слишком зависят от качества связи Интернет, возникает потребность работать с мобильными приложениями в режиме offline. И, до 7 октября 2015 года мобильные сайты не давали такой возможности(кроме native app). Но, Google презентовали PWA(progressive web application) – технология, с помощью которой сайты приобретают возможности мобильного приложения. А AMP – это дополнение, которое позволяет:
- Загружаться страницам практически моментально
- Не нуждаться в постоянном online-соединении, за счет скрипта Service Worker(он кэширует данные после первого посещения веб-сайта, а далее уже использует эту информацию для работы в offline)
- Индексировать мобильную PWA-версию сайта
- Моментально сохранить приложение на мобильном устройстве прямо из сайта
Из минусов AMP можно выделить 3 момента:
- Видимость страницы из кэша. То есть, пользователь не переходит непосредственно на ваш сайт, а видит страницу из кэша. Поэтому, нужно поддерживать еще одну версию сайта, рядом с мобильной-AMP
- Ограничение по использованию JavaScript. Это уменьшает функциональность сайта и внешнюю привлекательность, но ускоряет загрузку.
- Поисковик Google сам будет решать, на какую версию страниц направлять пользователей: на адаптивную или ускоренную
Минусы не так уж страшны, поскольку быстрая загрузка имеет решающее значение именно для мобильных устройств нежели функционал и внешний вид.
В 2018 году загрузка страницы в 3 секунды – это уже слишком много, поэтому многие пользователи уходят с сайта из-за того что не готовы долго ждать. AMP решает эту проблему.
Как происходит ускорение?
Используется асинхронная загрузка скриптов | AMP загружает макет страницы раньше, чем загрузятся все ее элементы, за счет того что все ресурсы(img, frame etc.) помещаются с указанием конкретных размеров | Расширения не блокируют рендеринг страницы, за счет того что используются нужные компоненты | CSS помещается сразу inline(встроенным) | И еще много чего… Дело разработчика
Почему тебе нужен AMP?
Первое и самое важное – твой сайт будет загружаться моментально. Ты не будешь заставлять пользователей ждать пока загрузиться сайт, а сразу даш им возможность насладиться своим контентом
Ранжирование твоего сайта, также, возрастет.
Снизится общее число отказов и возрастет вовлеченность пользователей.
Увеличится CTR страниц(количество кликов по объявлениям, разделенное на количество просмотров страницы).
Поскольку AMP-страницы имеют приоритет в карусели Google – увеличится число просмотров твоего сайтов.
Итог
Уже сейчас PWA вместе с AMP – это будущее “мобильного поиска” и электронной коммерции. И, для любого коммерческого или некоммерческого проекта сочетание PWA и AMP дают возможность молниеносного взаимодействия с пользователем. Хочешь ли ты этого?