Миллион сеансов в месяц на 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 — это технология ускоренных мобильных страниц, которая разpaбатывается независимыми разработчиками и активно продвигается компанией Google в своем поисковике.
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:
- Официальный сайт проекта.
- Официальный блог проекта.
- Поддержка по АМР.
- Инструкция по валидации.
- Теория по внедрению.
- Рекомендации от Google Поиска по созданию ускоренных мобильных страниц.
Мнение авторов гостевых постов может не совпадать с позицией редакции и специалистов агентства Netpeak.
Комментарии:
Если вы не можете разработать технические задания для себя в виде структурированного текста, вы, скорее всего, плохо понимаете, что хотите от исполнителя...
07 06 2023 17:32:11
Филиалы курсов в Таллине, Москве, Днепропетровске. Оказывается, нельзя так просто взять и посчитать ROMI (возврат маркетинговых инвестиций) в этой тематике....
06 06 2023 6:35:33
«Rework» — одна из самых любимых книг нетпиковцев....
05 06 2023 20:45:59
Советы для фрилансеров и удаленных сотрудников: как строить рабочий процесс так, чтобы он вел к максимальной эффективности. О работе со временем, перерывами, необходимости выключать уведомления, статусе задач, празднованиях побед и организации рабочей среды...
04 06 2023 9:53:57
В помощь контент-маркетологам, редакторам, авторам и бизнесу: идеи, которые учитывают фактор SEO. Переупакуйте статьи, заметки, любые другие посты — угодите читателям и поисковикам. Узнать больше!...
03 06 2023 1:32:22
4 кейса с шагами, рекомендациями и результатами, которые помогут грамотно распределить средства на рекламу....
02 06 2023 14:44:29
Это не автобиографические романы, не бесплатные учебники и не подборка книжек, чтобы скачать в epub. Это интересная топ литература о маркетинге, которую мы хотим вам посоветовать....
01 06 2023 3:30:31
Как узнать срок хранения товаров в корзине и настроить ремаркетинг для завершения покупок...
31 05 2023 2:49:39
Как с помощью ботов ControllerBot и BotFather упростить управление каналами и разнообразить контент....
30 05 2023 20:42:44
Обзор главных преимуществ, которые дают облачные академии бизнесу....
29 05 2023 3:35:44
Помогают ли комментарии повысить эффективность рекламных постов? Единственный способ выяснить наверняка — провести A/B-тестирование в Facebook. Спойлер: тональность комментария также имеет значение в Facebook...
28 05 2023 10:53:49
Почему синергия штатных специалистов и рекламное дело агентства SEO/PPC выгодна бизнесу...
27 05 2023 0:59:29
Книга про пять полезных фишек + стратегия продвижения интернет-магазина...
26 05 2023 8:28:10
Блог на новом движке и с новым дизайном, перетянувший в себя огромное количество постов и комментариев за Х лет своей работы...
25 05 2023 14:51:35
Как мы недооценили уровень конкуренции в нише, и как пришлось с этим бороться, чтобы принести пользу клиенту....
24 05 2023 13:32:15
Решение для поискового продвижения крупных проектов (от 300 000 страниц)....
23 05 2023 0:15:15
Как настроить Google ***ytics и как открыть вход другому пользователю: подробный урок....
22 05 2023 6:42:41
Как пользоваться одной из самых важных функций Google Таблиц — подробное руководство по Query...
21 05 2023 21:56:23
Фишинговая ссылка означает, что пользователей пытаются ввести в заблуждение в мошеннических целях, имитируя ссылку на авторитетный сайт....
20 05 2023 3:57:47
Какой контент публиковать в Instagram, зачем ставить хештеги, какие активности интересны пользователям инсты, как ведут свой Инстаграм топовые бренды. Узнать больше!...
19 05 2023 15:39:58
Как сформировать правильную стратегию продвижения и сфокусировать внимание на получении прибыли...
18 05 2023 8:49:10
Качественные исходящие ссылки и исходящий мусор, который только вредит репутации сайта. Находим и отсеиваем....
17 05 2023 6:50:18
Простая инструкция для новичков, как легко создать анимированные баннеры для рекламных кампаний с помощью бесплатного инструмента Google Web Designer. При создании баннера сервис предложит создать файл с нуля либо использовать шаблон. Узнайте обо всех возможностях!...
16 05 2023 12:30:29
Кейс: новинки в продвижении рекламы интернет-магазина в контекстно-медийной сети Google...
15 05 2023 20:24:21
Как за один час собрать самые популярные темы для информационных статей с помощью Serpstat и Key Collector?...
14 05 2023 7:31:42
Инструкция для новичков по одновременной работе с кампаниями, а также объявлениями и группами в Яндекс.Директ...
13 05 2023 22:39:11
Вести бизнес в интернете с помощью развлекательного сайта, СМИ, узкоспециализированного портала вполне реально. Правда, нужно знать, как на них заpaбатывать....
12 05 2023 3:49:46
После нехитрых манипуляций с текстом вторая строка оказывается в заголовке....
11 05 2023 22:58:37
Всё о крупной рыбе украинского интернет-маркетинга: компании, люди, кейсы в интервью с основателем Артёмом Бородатюком....
10 05 2023 19:39:52
Где найти лидера для своей инхаус-комaнды маркетологов...
09 05 2023 19:54:21
Узкие специализированные ниши и широкие, которые, как правило, уже заняты лидерами рынка — в каждой найдется место для онлайн-издания с полезным контентом. Узнать больше!...
08 05 2023 17:43:29
Лафхаки для маркетологов и владельцев сайтов на Prom...
07 05 2023 17:15:34
Признаки того, что магазин находится под фильтром и шаги по выводу из него...
06 05 2023 18:45:15
Понимания стоимость конверсии и необходимое количество конверсий, вы можете прогнозировать, сколько денег на рекламу нужно выделить. В этом заключается польза данного исследования. Читать дальше!...
05 05 2023 15:43:12
SEO для цветочных магазинов с оплатой за трафик и полученные результаты...
04 05 2023 2:18:50
Четкий мануал для настройки Яндекс.Аудиторий от создания сегмента, работы с геолокацией, пикселем аудитории, похожими аудиториями, ретаргетингом и до корректировки ставок...
03 05 2023 20:22:26
Стратегия продвижения, благодаря которой удалось снизить стоимость заявки от покупателей. Рассказываем об особенностях проведения акций в нише. Узнать больше!...
02 05 2023 2:43:31
Как расширение от Netpeak может облегчить работу над важными SEO-задачами....
01 05 2023 11:22:10
Эффективность рекламы в поиске падает, но растут YouTube, контекстно-медийная сеть и другие платформы...
30 04 2023 8:17:31
Несколько фишек Google Tag Manager, чтобы сделать продвинутые списки ремаркетинга....
29 04 2023 3:19:36
Зачем амбициозным онлайн-проектам индивидуальные инструменты веб-аналитики....
28 04 2023 13:33:40
Как снизить стоимость лидов путём использования новых технологий...
27 04 2023 20:54:46
Компании и продукты, социальные инициативы, главные проекты и миссия группы. Разложили все о Netpeak Group по полочкам в новом посте....
26 04 2023 16:40:23
Алексей Селезнев проанализировал 29 млн кликов, и в этой статье вы прочитаете, как дорого обходятся рекламодателям клики в Google Ads....
25 04 2023 15:15:40
Как украинский бизнес использует Черную пятницу, чтобы увеличить продажи и привлечь клиентов. Одежда, детские товары, курсы английского языка, экзотические фрукты, постельное белье, посуда, бытовая техника, SMM-агентство и многое другое...
24 04 2023 22:32:15
Почему дешевый копирайт не подходит для текстов карточки товара...
23 04 2023 5:19:29
Хотите качественно руководить рекламной кампанией в Facebook? Как подключиться к API Facebook и получение статистики в R — рассказывает Алексей Селезнев....
22 04 2023 7:22:54
Кейс детской костюмерной Colombina.ua — как продвигать проект с ярко выраженной сезонностью....
21 04 2023 8:41:55
Как формируется цена на услугу SEO, как достигается результат и почему поисковое продвижение выгодно только в долгосрочной перспективе от руководителя отдела продаж агентства Netpeak. Узнайте больше!...
20 04 2023 21:27:14
Как узнать слабые места ваших рекламных кампаний с помощью бесплатного скрипта....
19 04 2023 4:51:15
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::
