Миллион сеансов в месяц на AMP-страницы в E-commerce > NetPeak - Независимость и осознанность
NetPeak Biz Tech    


Миллион сеансов в месяц на AMP-страницы в E-commerce

Миллион сеансов в месяц на AMP-страницы в E-commerce

< >

Всем привет, меня зовут Ольга Хмеленко. Я team leader (SEO, PPC, email, CPA, SMM) в IT-компании EVO. Это семья маркетплейсов: Prom.ru, Satu.kz, Deal.by, Bigl.ru, Zakupki.prom.ru, Crafta.ru, Kabanchik.ru, Вчасно, Shafa.ru. 

Наша компания первой в Украине использовала технологию AMP для e-commerce. В этом посте я расскажу, что такое AMP-страницы и как их реализуют в крупных e-commerce проектах, в частности, в Bigl.ru.

Что такое AMP?

Думаю, не стоит говорить о росте трафика с мобильных устройств в 2018 году. На проекте Bigl.ru доля мобильного трафика на сегодня — 59%. Для сравнения: в 2017 в аналогичный период — 38%.

Что дают Google AMP: опыт поисковика недвижимости Flatfy Поэтому логично, что всё больше проектов используют AMP-страницы.

AMP — это технология ускоренных мобильных страниц, которая разpaбатывается независимыми разработчиками и активно продвигается компанией Google в своем поисковике.

habr.com

AMP состоит из:

  • AMP HTML — язык HTML, в котором часть тегов заменена на эквивалентные AMP-теги, а часть запрещена для использования;
  • AMP JS — в работе используется собственная JS-библиотека, которая позволяет элементам страницы загружаться асинхронно;
  • Google AMP Cache — в процессе индексации AMP-страницы поисковая система кэширует её данные и воспроизводит со своих серверов.

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

Так выглядит мобильная выдача с AMP

Когда мы обратили внимание на технологию?

Компания Google анонсировала проект AMP 7 октября 2015 года. Изначально среди партнеров значились новостные издания и несколько технологических компаний.

Первым среди e-commerce проектов (о которых известно) AMP запустил Ebay. Это было в июле 2016. А осенью 2016 Google озвучил свои приоритеты на 2017 год: машинное обучение, AMP и
структурированные данные.

Все это вдохновило нас на эксперимент с AMP. И уже в конце ноября 2016 Bigl.ru первыми среди украинского e-commerce запустили AMP. И сейчас, через два года, на AMP страницы приходится миллион плюс сеансов в месяц.

Как внедряли и какие выводы сделали?

Существует теория, что страницы с AMP ранжируются выше других запросов в поиске. Они соответствуют требованиям к быстрой загрузке и адаптированы под мобильные устройства. Что мы видим в консоле по типу устройств «мобильные»? Позиции для AMP либо равны, либо выше, чем в обычной версии этого же типа страниц. Показов, по данным из Google Search Console, в 3-6 раз больше.

Например:

После внедрения AMP в Search Console страницы появляются уже на следующий день.

Чтобы реализовать технологию, отдельный sitemap.xml не нужен, достаточно ссылки с канонической версии страницы.
Страницы AMP, у которых нет обычных версий, нужно указать как канонические:

<link rel=\"canonical\" href=\"https://www.example.com/url/to/amp-document.html\" />


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

https://bigl.ru/sc-2390530-Volchki-beyblade

https://bigl.ru/sc-2390530-Volchki-beyblade<title>Волчки Beyblade — Купить Недорого у Проверенных Продавцов на Bigl.rutitle>
<meta name=\"description\" content=\"Bigl.ru ➔ Волчки Beyblade — широкий выбор, доступные цены. Волчки Beyblade — купить в надежном интернет-магазине на торговой площадке Бигль!\" />


И для AMP:

bigl.ru/amp/sc-2390530-Volchki-beyblade

<title>Волчки Beyblade — Купить у Проверенных Продавцов на Bigl.rutitle>

<meta name=\"description\" content=\"Bigl.ru ➔ Волчки Beyblade — широкий выбор, доступные цены, Волчки Beyblade — купить на торговой площадке Бигль!\" />

Так выглядит сама страница

При нажатии на «скрепку» или URL переходим на мобильную версию страницы.

Google индексирует страницы AMP, если другие веб-страницы ссылаются на них или связаны с ними специальным тегом в . Что для этого нужно?

Добавить на обычную страницу ссылку на страницу AMP, чтобы робот Google узнал о ней:

<link rel=\"amphtml\" href=\"https://www.example.com/url/to/amp-version.html\" />


Добавить на страницу AMP ссылку на каноническую версию обычной страницы:

 <link rel=\"canonical\" href=\"https://www.example.com/url/to/regular-html-version.html\" />


Если нет обычной версии сайта, страницы надо указывать в файле Sitemap, (если есть — не нужно). А чтобы закрыть от индексации, используйте только canonical.

На что рекомендую обратить внимание:

  • тег meta с объявлением «viewport» нужен для корректного отображения сайта на мобильных;
  • тег style c атрибутом amp-boilerplate — все стили на странице должны быть объявлены именно в таком виде. Это нужно, чтобы уменьшить количество запросов на странице — все стили здесь загружаются быстро;
  • для всех изображений нужно обязательно проставить «width» и «height»;
  • для адаптивных изображений нужно проставить layout=\"responsive\".

Инлайн-стили через атрибут style запрещены, их нужно выносить вверх страницы или подключать отдельными файлами.

Какие результаты дало внедрение AMP?

В октябре 2018 на AMP страницы мы получили 1 млн. + сеансов (12% от общего трафика и 13% от общего дохода). Если говорить о трафике с мобильных устройств (без AMP), то в органике это 64%, в контексте — 72%, в директе — 60%.

Если процентное соотношение похоже, значит ли это, что мобильный трафик из органики просто перетек в AMP?

Чтобы разобраться, возьмем трафик с мобильных устройств без AMP и посмотрим его в динамике. За последние пять месяцев трафик на не AMP-страницы в среднем прирастает на 13%, на AMP — на 20%.

Показатель отказов на 12% выше, чем в целом по органике, глубина и длина сеанса средняя для представления, а коэффициент транзакций на 3% выше.

Так что, если трафик и перетек, то с лучшей динамикой, позицией и СTR.

На сегодня на Bigl.ru 2 млн. AMP-страниц. В Search Console мы видим 163 тысячи, которые генерируют 1 млн. сеансов в месяц и отличный коэффициент конверсии.

Главный плюс — увеличение скорости загрузки страницы: она мгновенно выросла за счет кеширования. Увы, такая скорость накладывает серьезные ограничения на функциональность страницы, но технология активно доpaбатывается.

На сегодня мы использовали технологию только для определенных типов страниц (листингов), но в будущем планируем применить AMP и для карточек товаров и увеличить количество существующих страниц в индексе. Ранее мы уже пытались «запушить» их в индекс (обновляли контент) но безуспешно.

AMP-страницы: как собрать достоверные данные Еще один довод в пользу AMP в e-commerce: коэффициент конверсии в октябре был на 44% выше, чем в органике на аналогичном типе страниц. При этом, важно максимум внимания уделять аналитике и ее настройке (здесь существуют свои тонкости).

Полезные ссылки от нас и Google:


  1. Официальный сайт проекта.
  2. Официальный блог проекта.
  3. Поддержка по АМР.
  4. Инструкция по валидации.
  5. Теория по внедрению.
  6. Рекомендации от Google Поиска по созданию ускоренных мобильных страниц.


Мнение авторов гостевых постов может не совпадать с позицией редакции и специалистов агентства Netpeak.



Комментарии:

Как проверить сезонность спроса

Сезонность — повторяющиеся колебания трафика сайта в зависимости от различных внешних факторов....

24 04 2024 12:43:32

16 отчетов Яндекс.Метрики для анализа сайта и аудитории

16 отчетов Яндекс.Метрики для анализа сайта и аудитории Многие специалисты недооценивают эффективность отчетов Яндекс.Метрики. Очень зря. Вот чем они могут быть полезны....

23 04 2024 5:23:45

Стоит ли покупать домены с историей и где их найти

При создании проекта и выбора доменного имени важно взвесить плюсы и минусы использования домена с историей...

22 04 2024 22:31:41

Как подключить Яндекс.Метрику к Яндекс.Директу

Как подключить Яндекс.Метрику к Яндекс.Директу Чтобы грамотно анализировать статистику рекламных кампаний, необходимо связать Яндекс.Метрику и Яндекс.Директ. Рассказываем, как это сделать...

21 04 2024 4:36:35

Семь улучшений Netpeak: скрипт GetLeads и PPC для брендинга. Выпуск второй

Семь улучшений Netpeak: скрипт GetLeads и PPC для брендинга. Выпуск второй В третьем квартале Netpeak внедрил множество крутых улучшений. Мы подробно расскажем о семи самых интересных новостях....

20 04 2024 8:46:20

Ответы сервера — подробная инструкция

Ответы сервера — подробная инструкция Правильное распределение кодов ответов сервера позволяет поисковым системам экономить ресурсы на работу с сайтом. Поисковые роботы будут получать только необходимую информацию...

19 04 2024 6:18:57

Как стать партнером Netpeak Alliance

Как стать партнером Netpeak Alliance Новая партнерская программа Netpeak agency. Как получить теплого лида, стабильный пассивный доход, разместить свой логотип и ссылку на сайт на сайте Netpeak и другие бонусы партнерской программы. Узнать больше!...

18 04 2024 23:16:39

Как настроить божественные списки ремаркетинга с помощью GTM

Как настроить божественные списки ремаркетинга с помощью GTM Несколько фишек Google Tag Manager, чтобы сделать продвинутые списки ремаркетинга....

17 04 2024 9:48:56

[SEO настоящего] под микроскопом

[SEO настоящего] под микроскопом [SEO 2.0] — это продукт для бизнеса от Netpeak, он включает в себя принципиально новый подход к продвижению сайтов....

16 04 2024 20:41:53

Внедрение CRM. Принцип работы, с чего начать

Внедрение CRM. Принцип работы, с чего начать В этой статье мы поговорим про принципы работы СRM-системы. Это базовые моменты, прояснив которые СRM перестанет быть для вас чем-то сложным и непонятным....

15 04 2024 16:56:27

Как настроить воронку продаж через Google Tag Manager

Как настроить воронку продаж через Google Tag Manager Устраняем причины, по которым пользователи покидают сайт без покупки....

14 04 2024 15:15:30

Почему не получается запустить товарные объявления

Разбор типичных ошибок в рекламе Google Shopping как обязательного инструмента рекламы в Google. О минус-словах, геолокации, структуре сайта и обновлении объявлений. Что именно важно? Читайте дальше!...

13 04 2024 16:40:12

Как не попасть в спам при отправке email-рассылки

Как не попасть в спам при отправке email-рассылки Персональный чек-лист автора десятков рассылок: три года опыта и регулярное общение с техподдержкой почтовых сервисов. Всё о том, как не попасть в спам и как из него спасаться. А может и не всё. Можете дополнить этот пост своими фишками? Делитесь!...

12 04 2024 21:57:51

42 требования к идеальному трекеру для мобильного приложения — чек-лист

42 требования к идеальному трекеру для мобильного приложения — чек-лист Грамотная аналитика в мире мобильных приложений, как и в целом в маркетинге — единственный путь к окупаемости продукта и выходу в высшую лигу брендов...

11 04 2024 23:17:23

Как работают платежные системы для интернет-магазинов

Как работают платежные системы для интернет-магазинов Каждому бизнесу в интернете важно продумать систему оплаты для своих товаров или услуг. При этом следует учитывать объемы и нишу бизнеса. Узнать больше!...

10 04 2024 2:11:46

5 железных правил IT-бухгалтеров

5 железных правил IT-бухгалтеров Бухгалтерский мир Netpeak: цель, задачи, мотивация....

09 04 2024 6:28:54

Перенос сайта на новую CMS без потери позиций и трафика: как подготовить ТЗ программисту

Пошаговый чек-лист и описание действий SEO-специалиста на всех этапах переноса сайта на новую CMS....

08 04 2024 11:56:45

Как сделать гифку из видео — два способа для новичков

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

07 04 2024 21:42:53

Тайм-менеджмент. Обзор мастер-класса Глеба Архангельского

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

06 04 2024 16:40:22

Как работает экосистема Netpeak Group — интервью каналу «Точка G»

Как работает экосистема Netpeak Group — интервью каналу «Точка G» Узнай, как бэкофис группы помогает развиваться компаниям, и выиграй iPhone — подбери крутое название для нашей группы....

05 04 2024 15:20:27

Кейс по email-маркетингу: как мы привлекали авторов в программу для блогеров от GetResponse

Кейс по email-маркетингу: как мы привлекали авторов в программу для блогеров от GetResponse Как достучаться до сердца блогера, или Автору звонят дважды...

04 04 2024 5:36:55

Кто есть кто в комaнде проекта?

Кто есть кто в комaнде проекта? Всё, что нужно знать заказчикам услуг о внутренней кухне PM-специалистов...

03 04 2024 20:15:15

Что такое RSS-лента и как ее подключить

Что такое RSS-лента и как ее подключить Когда на сайт добавляют новый контент, он тут же трaнcлируется в RSS-ленту и отображается в специальных программах для чтения, либо в email подписчиков. Как это работает?...

02 04 2024 1:32:18

Закон о языках и ваш сайт: как создать украинскую версию и где искать удачные кейсы

Закон о языках и ваш сайт: как создать украинскую версию и где искать удачные кейсы Рекомендации и мнения экспертов по одной из самых противоречивых тем украинского интернет-прострaнcтва....

01 04 2024 23:28:42

Функции вычисляемых полей Google Data Studio

Всё, что вы хотели знать о функциях вычисляемых полей, но боялись спросить....

31 03 2024 6:42:23

Очистка Twitter от ботов и спаммеров

Очистка Twitter от ботов и спаммеров Чтобы раскрутить себя в Твиттер иногда нужно чистить списки фолловеров и это намного проще, чем кажется :)...

30 03 2024 14:38:22

Все, что вы боялись спросить о семантической разметке

Таблица общих для Google и Яндекс микроформатов инсайде...

29 03 2024 10:54:15

Кейс: крауд-маркетинг для увеличения продаж интернет-магазина

Кейс: крауд-маркетинг для увеличения продаж интернет-магазина Как начать продавать и увеличить продажи, наращивая бесплатные ссылки...

28 03 2024 14:40:15

Как повысить CTR объявлений с помощью расширений

Как добиться 100% пользы от контекстных объявлений с помощью расширений...

27 03 2024 13:46:55

Как увеличить CTR и open rate в email-рассылках: получаем больше переходов на сайт

Как увеличить CTR и open rate в email-рассылках: получаем больше переходов на сайт Делимся советами по оптимизации рассылок. Важны новые форматы писем, предварительное тестирование, смена тем письма, ярче CTA. Все это в сочетании с понятностью и искренностью не заставит ждать хороший CTR...

26 03 2024 23:40:52

Как запустить рекламу на Reddit — руководство для новичка

Как запустить рекламу на Reddit — руководство для новичка 330 миллионов активных пользователей и 14 миллиардов просмотров в месяц. Хорошо бы там запускать рекламные кампании....

25 03 2024 4:29:29

Что такое безанкорные ссылки

Что такое безанкорные ссылки Полезный ликбез для новичков и бизнесменов: анкорные и безанкорные ссылки. Чем отличаются, зачем нужны, какое влияние оказывают на раскрутку сайта в интернете? Узнать!...

24 03 2024 7:19:31

Расширения Chrome, которые помогут PPC-специалисту не сойти с ума

Расширения Chrome, которые помогут PPC-специалисту не сойти с ума Доступно объясняем, как пользоваться и не типичными для экспертов по контекстной рекламе программами. Например, созданными для разработчиков. Узнать больше!...

23 03 2024 1:11:38

Отслеживание поведения пользователей на разных устройствах при помощи User-ID

Отслеживание поведения пользователей на разных устройствах при помощи User-ID Одно из фундаментальных обновлений Universal ***ytics...

22 03 2024 9:33:12

IOS 14: Что это значит для рекламодателей Facebook

IOS 14: Что это значит для рекламодателей Facebook Реклама будет не настолько персонализирована, как сейчас....

21 03 2024 15:25:31

Выбираем оффер правильно: инструкция для начинающего арбитражника

От того, что такое оффер до лучших стратегий и избежания ошибок...

20 03 2024 6:18:52

Деcять неочевидных и пpaктически применимых PPC-фишек — круглый стол 8P 2018

Деcять неочевидных и пpaктически применимых PPC-фишек — круглый стол 8P 2018 Проверенные лайфхаки по платному трафику от спикеров и участников конференции 8P 2018...

19 03 2024 0:15:24

Динамический ремаркетинг в Facebook — подробный мануал по технической подготовке

Динамический ремаркетинг в Facebook — подробный мануал по технической подготовке Динамический ремаркетинг — один из самых эффективных способов продаж для любой группы товаров. В этой статье мы поделимся тонкостями технической подготовки к запуску динамического ремаркетинга в Facebook....

18 03 2024 20:21:23

Как работают расширенные объявления Google Рекламы — кейсы

Как работают расширенные объявления Google Рекламы — кейсы Стоит ли торопиться с переходом на новый формат объявлений? Эксперимент PPC-специалистов агентства Netpeak....

17 03 2024 7:41:59

Как стать популярным в Instagram: инфографика

Как стать популярным в Instagram: инфографика Какой контент публиковать в Instagram, зачем ставить хештеги, какие активности интересны пользователям инсты, как ведут свой Инстаграм топовые бренды. Узнать больше!...

16 03 2024 5:50:18

Кейс: настраиваем ремаркетинг на брошенную корзину

Кейс: настраиваем ремаркетинг на брошенную корзину Как узнать срок хранения товаров в корзине и настроить ремаркетинг для завершения покупок...

15 03 2024 20:33:48

С чего начать обучение SEO и как понять, что это «твоё»

С чего начать обучение SEO и как понять, что это «твоё» Как определить, что SEO-продвижение не будет в тягость, что и кого читать начинающему специалисту...

14 03 2024 14:17:35

Как работать с товарными фидами в Google Рекламе и Яндекс.Директ

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

13 03 2024 17:52:19

Лайфхаки по работе с Google Chrome

Лайфхаки по работе с Google Chrome Расширения, горячие клавиши и мгновенный перевод слов на другой язык — минимум лайфаков, которые можно использовать для удобства пользователей Google Chrome...

12 03 2024 20:23:18

Как сделать хороший скриншот

Как сделать хороший скриншот Снимать скрин нужно красиво и логично, вне зависимости от того, кому вы его покажете: начальнику, другу или многотысячной аудитории блога...

11 03 2024 4:53:22

AMP-страницы: как собрать достоверные данные

AMP-страницы: как собрать достоверные данные Получаем реальную статистику эффективности использования AMP-страниц с помощью АМР Client ID API....

10 03 2024 18:15:28

Как открыть интернет-магазин и подготовить его к SEO-продвижению за один день

Как открыть интернет-магазин и подготовить его к SEO-продвижению за один день Открываем интернет-магазин за один день. Комплекс UniTheme от AlexBranding и Netpeak включает CMS CS-Cart, современный шаблон и 11 SEO-модулей...

09 03 2024 23:34:53

Как быстро найти ошибки SEO-оптимизации с помощью Netpeak Spider

Как быстро найти ошибки SEO-оптимизации с помощью Netpeak Spider Сохраняем время и ресурсы для проверки типичных задач и тратим его на реализацию креативных идей по оптимизации сайта....

08 03 2024 11:58:57

Правила преобразования фидов в Google Merchant Center

Правила преобразования фидов в Google Merchant Center Правила преобразования фидов в Google Merchant Center помогут сегментировать товары и сделать вашу рекламу более эффективной...

07 03 2024 20:26:54

Сколько стоил клик в Google Ads и Facebook в Украине в четвёртом квартале 2018 года

Сколько стоил клик в Google Ads и Facebook в Украине в четвёртом квартале 2018 года Исследование по 38,5 миллионам кликов в 22 тематиках в 391 городе страны....

06 03 2024 5:58:23

Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::