Маркетинг

Что дают Google AMP: опыт поисковика недвижимости Flatfy

26
3

Этот пост долго загружался? И вы бы не хотели, чтобы пользователи также долго ожидали загрузки вашего сайта? Хватает и того, что «интернет плохой». От плохого интернета и медленной загрузки в целом, Google еще три года назад выкатил ускоренные мобильные страницы — AMP.

О том, какие результаты дает эта технология, рассказал Александр Иванов, Head of Product в ЛУН.ua в рамках прошлогодней самой летней конференции 8P. Читайте, как его команде удалось разогнать загрузку страниц сервиса Flatfy до 0,2 секунды. Напомним, Flatfy — бренд, под которым ЛУН.ua объединил все свои платформы по поиску недвижимости в 33 странах.

AMP (Accelerated Mobile Pages, ускоренные мобильные страницы) — веб-страницы, в основе которых формат AMP HTML. Он позволяет ускорить загрузку на мобильных устройствах с медленным интернет-соединением.

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

Да кому нужны эти АМР?

В первую очередь — всем пользователям мобильного интернета. Доля мобильного трафика в 2017-м в Украине составляла 50%. Для сравнения:

  • в Турции — 70%;
  • в Тайланде — 90%;
  • в Нигерии — до 92%.

Или же вы открываете проект в отдаленной стране, например, в Нигерии, а сервер размещен в Германии. В таком случае без AMP тоже не обойтись.

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

AMP популярен и среди ресурсов, зарабатывающих на продаже трафика. Если запускаете сайт в 20+ странах, невыгодно тратиться на покупку серверов на местах. Когда вы внедряете AMP, Google использует свои кэширующие мощности и у вас значительно снижаются затраты. Особенно, если на AMP перевести весь проект.

Приятный бонус — визуальное выделение строки с AMP-страницей в выдаче Google. Это способствует дополнительному трафику на сайт.

Кроме того, верстка AMP намного проще HTML — первую версию AMP-страницы дизайнер (не верстальщик) команды ЛУН сделал за 4 часа. А результаты внедрения AMP были видны уже через 5 часов.

Минус  — нельзя использовать сложную верстку.

Что дали АМР-страницы платформе Flatfy?

Технологию внедрили на платформах Flatfy во всех странах — а это 10 миллионов страниц. В результате скорость загрузки выросла на 50% — 90%, минимальное время, которого удалось добиться с AMP — 0,2 секунды.

В общем, скорость загрузки Flatfy выросла в 3 — 10 раз. Этот показатель зависит от того, какая скорость была изначально. Например, до внедрения AMP у Flatfy в Нигерии, Тайланде, Вьетнаме сайт загружался около 10 секунд, а в Венгрии — 1 секунду.

Также, благодаря AMP, у Flatfy  выросла частота индексирования. На графике ниже желтой линией отмечен момент, когда Flatfy выкатили AMP, за ней — динамика изменения трафика в разных странах:

AMP внедрение

Но что по дизайну страниц? Разница в верстке есть, хотя и практически незаметная. И если у вас нет сложных виджетов, AMP можно сверстать один в один со страницей сайта.

Дизайн АМР

Если на страницах есть динамический контент, можно установить время обновления (вплоть до 15 секунд). Удобно также внедрить кнопку «Update» — контент будет обновляться в режиме реального времени.  

По данным ЛУН, после внедрения AMP количество сеансов на сайты Flatfy во всех странах  увеличилось в два раза. Правда, это обманчивый успех...

Особенности аналитики АМР

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

Для Flatfy аналитику разбили на два разных представления: аналитику сайта — отдельно, по AMP — отдельно. Дальше — выгрузили данные в Таблицы Google и передали специалистам, которые работают со статистикой.

Цифры AMP

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

ЛУН отслеживали 20 стран. В каждой стране по 50 ключевых слов. Специалисты компании не заметили прямой корреляции внедрения AMP и изменением выдачи по запросам. Но заметили другую корреляцию — поведенческого опыта. Когда так быстро происходит загрузка первой страницы, больше людей остается на сайте, что улучшает поведенческие характеристики. Через месяц-полтора после внедрения AMP сервис выиграл у конкурентов по поведенческим факторам.

Главная цель создателей Flatfy — комфорт пользователей. Поэтому команда ответственно подошла к сплит-тестам AMP-страниц. Остановимся на этом подробно.

А/Б-тестирование в АМР

А/Б-тест настраивается прямо в AMP-верстке. Эксперимент проводится в кеше Google и стартует после обновления кэша страниц. Увы, здесь нельзя провести «сквозной» А/Б-тест по сайту.

Что показал тест в кейсе Flatfy? Во-первых, незначительную разницу для карточек, сверстанных в одну и две колонки.

Тестирование карточек

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

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

Для сервиса Flatly важнее было снижение нагрузок на серверы и хранилища. Это актуально для больших проектов и/или низкой маржинальности. Если у вас маржа низкая, большие расходы на серверы и вы, как Flatfy, запускаетесь в разных странах — технология AMP для вас.

Бронируйте место на конференции 8P в этом году и узнавайте о новых инструментах, фишках интернет-маркетинга, трендах, кейсах первыми. Покупайте билет со скидкой 10% по промокоду для читателей блога: NetpeakR.

Выводы

Что дало внедрение AMP-страниц сервису Flatfy:

  1. Рост скорости загрузки страниц в среднем в 3 — 10 раз.
  2. Снижение нагрузок на серверы и хранилища платформы.
  3. Рост поведенческих факторов (на позиции в органике AMP непосредственно не влияет).

Что важно помнить при внедрении AMP:

  1. Проводить сквозные А/Б-тесты дизайна можно и нужно.
  2. Для корректной аналитики AMP-страниц необходимо настроить отдельные представления.

И еще: Александр Иванов считает AMP — первым шагом к внедрению Progressive Web Apps. О том, с чем есть Progressive Web Apps читайте в этой статье.

Обнаружили ошибку? Выделите ее и нажмите Ctrl + Enter.

Комментарии (6)

  1. 0
    Владимир Руденко
    6 дней назад
    В этом предложении говорится, что Александр Иванов уже рассказал, но ведь конференции еще не было, она только будет 14 июля? Как это так?

    "О том, какие результаты дает эта технология рассказал Александр Иванов, Head of Product в ЛУН.ua в рамках самой летней конференции 8P."

    • 0
      Владимир Руденко
      3 часа назад

      Редакторы блога заглядывают в будущее? Или просто спойлерят?

      Нет. Просто информация с прошлой 8р, 2017 года.

      • 0
        Владимир Руденко
        Артём Меликян
        5 дней назад

        А в чем фишка ставить ссылку на мероприятие, которое будет в предложении, которое рассказывает о прошлогоднем выступлении?

        Сбивает с толку.

Чтобы оставить комментарий, необходимо авторизироваться

Подписаться

на самую полезную рассылку по интернет-маркетингу

Самое

обсуждаемое популярное читаемое

This site uses cookies and other tracking technologies to help navigate and your ability to provide feedback, analyze the use of our products and services, helps in our advertising and marketing efforts for better user convenience.