Миллион сеансов в месяц на 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.



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

Партнерство с Amazon — всё? Что делать после уменьшения партнерских выплат

Партнерство с Amazon — всё? Что делать после уменьшения партнерских выплат Amazon сократил комиссию для сайтов партнеров от 30% до 80% — что делать дальше? Мнение эксперта....

28 09 2022 13:21:36

Аналитический инструмент для сервиса заказа билетов — контролируем бюджеты сотен мероприятий в реальном времени

Аналитический инструмент для сервиса заказа билетов — контролируем бюджеты сотен мероприятий в реальном времени Как автоматизировать целый участок в работе комaнды специалистов по контекстной рекламе — кейс concert.ua...

27 09 2022 8:56:11

Как вывести сайт из-под фильтра Яндекса за накрутку поведенческих факторов

Как вывести сайт из-под фильтра Яндекса за накрутку поведенческих факторов Что делать, если вы специально или нет попали под фильтр: руководство от выявления до спасения...

26 09 2022 4:35:17

Как PPC-специалисту жить в этом несовершенном мире?

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

24 09 2022 8:45:59

Что нужно понять перед запуском онлайн-рекламы — девять самых важных вопросов к себе и PPC-специалисту

Что нужно понять перед запуском онлайн-рекламы — девять самых важных вопросов к себе и PPC-специалисту Читайте, если не хотите «слить» бюджет. Определите конкретные цели и УТП, соберите аналитику, идите к специалисту без опыта работы в конкретной нише и другие рекомендации эксперта. Читайте подробнее в статье!...

23 09 2022 20:53:23

Как редизайн повысил доход от SEO — кейс по юзабилити

Как редизайн повысил доход от SEO — кейс по юзабилити Считаем SEO-эффект от нового дизайна сайта и работы над usability...

22 09 2022 11:23:52

Кейс Taketones: как за год увеличить трафик в 10 раз

Кейс Taketones: как за год увеличить трафик в 10 раз Продвижение музыкальной библиотеки. Со старта сотрудничества, трафик и основной ключ сайта клиента вырос в 10 раз. Регион продвижения — США....

21 09 2022 17:44:50

Нестандартное мышление в бизнесе. Украинские предприниматели, которые умеют удивлять

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

20 09 2022 20:14:45

Миссия компании и как ее выполнить — кейс Netpeak

Миссия компании: делимся опытом создания и реализации в компании с 300 сотрудниками...

19 09 2022 2:29:51

10 видов инноваций

10 видов инноваций Примеры инновационных проектов. Нескучная рецензия на интересную книгу....

18 09 2022 18:18:23

Как найти упущенную семантику: кейс сервиса Serpstat (ex. Prodvigator)

Как найти упущенную семантику: кейс сервиса Serpstat (ex. Prodvigator) Упущенная семантика — это ключевые фразы, которые успешно используют в SEO и PPC ваши основные конкуренты, но не используете вы. Как найти упущенную семантику? Читайте кейс сервиса Prodvigator....

17 09 2022 3:56:11

Удалённая работа: как перевести сотрудников из офиса домой без потери эффективности

Удалённая работа: как перевести сотрудников из офиса домой без потери эффективности Мы рассмотрим, почему сотрудники на удалёнке стали менее эффективными и как руководить комaндой из дома, чтобы её результаты не падали....

16 09 2022 21:40:11

Списки в Twitter: зачем составлять и как вынести пользу

Списки в Twitter: зачем составлять и как вынести пользу В Twitter удобно собрать список потенциальных клиентов, чтобы время от времени посматривать за их новостями...

15 09 2022 14:11:15

Как собрать аудиторию подписчиков YouTube с 0 до 10 000 за год — кейс канала магазина для любителей рыбалки

Как собрать аудиторию подписчиков YouTube с 0 до 10 000 за год — кейс канала магазина для любителей рыбалки Кейс продвижения YouTube-канала магазина товаров для рыбалки...

14 09 2022 7:20:11

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

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

13 09 2022 17:31:55

Деньги или карма: что делать, когда клиенту не нужен интернет-маркетинг

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

12 09 2022 0:36:32

120 пунктов продающей мобильной версии сайта — чек-лист

120 пунктов продающей мобильной версии сайта — чек-лист Пора сделать так, чтобы мобильная версия сайта приносила прибыль....

11 09 2022 8:29:13

Как составить контент-план на год

Как составить контент-план на год Пример того, как составить маркетинговый контент-план, анализируя успешных конкурентов...

10 09 2022 22:35:10

Как мы нашли модель аналитики для SaaS-проекта UniSender.com

Как мы нашли модель аналитики для SaaS-проекта UniSender.com Что делать, если нет четкой модели оценки эффективности контекстной рекламы?...

09 09 2022 12:36:54

Культурный шок, Горько 3, или Зимний корпоратив Netpeak Group

Культурный шок, Горько 3, или Зимний корпоратив Netpeak Group Больше пятисот человек из Украины, России, Болгарии и Казахстана. Я зашел в зал и увидел толпу каких-то гопарей и воровайок родом из 90-х, а само помещение было оформлено под свадьбу. Выпьем за молодых!...

08 09 2022 19:41:26

10 идей продвижения медицинских услуг — инсайты конференции MeDiConf

10 идей продвижения медицинских услуг — инсайты конференции MeDiConf Кейсы, фишки и советы, опыт крупных брендов, маркетологов....

07 09 2022 11:11:22

Геотаргетинг: 10 способов увеличить охват целевой аудитории

Геотаргетинг: 10 способов увеличить охват целевой аудитории Как увеличить охват целевой аудитории ресторана или магазина с помощью рекламы на мобильных и сверхточного геотаргетинга...

06 09 2022 6:13:49

Реклама в YouTube для производителя окон в Украине — рост количества лидов на 176%

Реклама в YouTube для производителя окон в Украине — рост количества лидов на 176% Cтоимость просмотра в Google Ads дешевле как минимум в два раза по сравнению со Smart TV...

05 09 2022 14:34:54

Азы типографики — нескучно о шрифтах

Азы типографики — нескучно о шрифтах Нужно подобрать красивый шрифт? Готический или народный? Стандартный или фирменный? Как выбрать — рассказывает профессионал...

04 09 2022 19:58:18

Оформляем товарную страницу: пять фишек для интернет-магазинов

Оформляем товарную страницу: пять фишек для интернет-магазинов Пять простых фишек для повышения привлекательности карточки товара....

03 09 2022 10:44:52

Скорость загрузки сайта - как проверить и отслеживать метрики скорости загрузки и Web Vitals

Скорость загрузки сайта - как проверить и отслеживать метрики скорости загрузки и Web Vitals Всё о метриках загрузки сайта. Как проверить и отслеживать реальную скорость загрузки сайта и почему нельзя доверять показателям Pagespeed Insights....

02 09 2022 8:16:11

Как выбрать сервис email-рассылок за 15 дней — кейс агентства Netpeak

Как выбрать сервис email-рассылок за 15 дней — кейс агентства Netpeak У нас на руках оказались все карты для создания собственного мини-рейтинга популярных сервисов email-рассылок....

01 09 2022 23:21:27

Как линкбилдер работает с поиском Яндекс

Как линкбилдер работает с поиском Яндекс SEO-специалист Константин Гайдук поделился с читателями блога постом о фишках работы линкбилдера с поиском Яндекс....

31 08 2022 10:51:38

Как украинский бизнес меняет свой маркетинг во время карантина — подборка примеров

Как украинский бизнес меняет свой маркетинг во время карантина — подборка примеров Новые тактики в рекламных кампаниях, SMM и PR, которые использует бизнес в новых условиях...

30 08 2022 3:11:46

Небольшие IT компании

Небольшие IT компании Любопытная подборка "маленьких" гигантов: компании и сервисы, чья аудитория превышает 10 миллионов пользователей, а также несколько интересных фактов о каждом из них. Узнать больше!...

29 08 2022 18:31:53

Как создать отчет по категориям и брендам в Google Data Studio, если они не передаются в Google ***ytics

Как создать отчет по категориям и брендам в Google Data Studio, если они не передаются в Google ***ytics Как настроить передачу категории и бренда товара в Google Data Studio....

28 08 2022 15:15:34

Трудности перевода: как найти общий язык с зарубежными SEO-специалистами

Трудности перевода: как найти общий язык с зарубежными SEO-специалистами Профессиональная лексика SEO-специалистов в буржунете и в рунете формируется в одном поле: Google-то общий. Но когда специалисты Востока и Запада встречаются, им сложно понять друг друга. Это неудивительно, так как язык отражает само восприятие SEO. А под...

27 08 2022 13:25:39

10 лучших книг о маркетинге

Это не автобиографические романы, не бесплатные учебники и не подборка книжек, чтобы скачать в epub. Это интересная топ литература о маркетинге, которую мы хотим вам посоветовать....

26 08 2022 9:32:38

Главные требования к мобильной версии сайта

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

25 08 2022 12:26:24

Семь улучшений Netpeak: новые стратегии email-маркетинга, антикризисная PPC-стратегия Start и продвижение недвижимости

Семь улучшений Netpeak: новые стратегии email-маркетинга, антикризисная PPC-стратегия Start и продвижение недвижимости Что нового, Netpeak? Новые стратегии контекстной рекламы и email-маркетинга, новая рубрика в блоге, а также о специфике работы отдела продаж Netpeak в карантин и о законах построения партнерской программы — всё читайте в материале!...

24 08 2022 19:11:38

Как упростить анализ поисковых запросов — работа с шаблоном на примере модерации минус-слов

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

23 08 2022 5:28:51

Как получить и обработать сырые данные из Яндекс.Метрики

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

22 08 2022 12:48:44

Краткий обзор Netpeak Checker 3.0: парсинг выдачи поисковых систем

Краткий обзор Netpeak Checker 3.0: парсинг выдачи поисковых систем Не только netpeak spider. Главные детали о новой версии инструмента Netpeak Checker 3.0: парсер гугла, массовый анализ сайтов, антибан-алгоритм для прокси, шаблоны параметров и фильтров...

21 08 2022 20:42:25

Как BuzzSumo заработал $2,5 миллиона за первый год — growth-кейс для SaaS

Стив Рейсон назвал 20 уроков, которые BuzzSumo усвоил на пути к топу самых популярных сервисов для контент-маркетологов....

20 08 2022 20:28:13

Топ-25 телеграм-каналов о веб-дизайне, на которые стоит подписаться

Топ-25 телеграм-каналов о веб-дизайне, на которые стоит подписаться Тренды, рекомендации, уроки, инструкции, а также вакансии, идеи, кейсы и всё, что поможет оставаться в теме, находить интересные проекты и вдохновляться. Читать дальше....

19 08 2022 11:30:15

Сайт на Ajax: как отдельным страницам попасть в выдачу

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

18 08 2022 10:24:45

Как я набрал первую тысячу подписчиков в Telegram-канале — обзор платных и бесплатных методов

Как я набрал первую тысячу подписчиков в Telegram-канале — обзор платных и бесплатных методов Раскрутить телеграм-канал с нуля до тысячи — реально. Раскрываем пошаговый алгоритм и даем рекомендации для SMM-специалистов....

17 08 2022 20:13:53

Динамические поисковые объявления — как автоматизировать работу с товарным фидом

Как быстро настроить DSA с помощью Netpeak Spider. Рассмотрим подробнее «Только URL из фида страниц». Этот таргетинг помогает точнее определить целевую аудиторию и привести ее на максимально релевантные страницы сайта (к примеру, на карточку товара)....

16 08 2022 3:58:44

Дамир Халилов о медиа маркетинге в социальных сетях

Дамир Халилов о медиа маркетинге в социальных сетях Книга про пять полезных фишек + стратегия продвижения интернет-магазина...

15 08 2022 3:39:53

Как с помощью Google Earth собрать контакты для email-рассылок и холодных звонков

Как с помощью Google Earth собрать контакты для email-рассылок и холодных звонков Проверенный способ для сбора базы данных. Метод, с помощью которого можно извлечь контактные данные, а именно: название точки, телефон, адрес, сайт., а потом высылать своё КП, промокоды для акции, сообщить о выходе товара, сделать спецпредложение...

14 08 2022 10:55:30

Правила работы с отзывами клиентов — памятка для брендов

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

13 08 2022 18:16:17

Как увеличить количество ежемecячных подписок на 100% — кейс kulibin.com.ua

Как увеличить количество ежемecячных подписок на 100% — кейс kulibin.com.ua Благодаря внедрению интеpaктивной формы подписки увеличили количество ежемecячных подписок на 100%, доход — на 51%, а коэффициент транзакций — на 71%....

12 08 2022 19:24:53

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

Как упростить работу со скриптами на языке R? Программирование удобного интерфейса с помощью пакета «gWidgets»...

11 08 2022 2:14:37

«Лучший питч — продукт, клиенты и доходы». Интервью с Виталием Гончаруком о маркетинге Augmented Pixels

«Лучший питч — продукт, клиенты и доходы». Интервью с Виталием Гончаруком о маркетинге Augmented Pixels СЕО of Augmented Pixels рассказал нам о принципах ведения бизнеса в Украине и США, о ненужности бизнес-планов и креативных питчей, а также о способе стать лучшим программистом...

10 08 2022 10:56:39

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