Миллион сеансов в месяц на 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.
Комментарии:
Шесть новых услуг. Читайте подробнее о возможностях PBN, Big Data SEO, продвижения в Телеграм и мобильных приложений, исследований рынка, SMM для вашего бизнеса. А также хорошая новость и ещё одна услуга для тех, кому нжно комплексное мобильное продвижение...
06 12 2023 14:51:56
Учим правильно платить за верхние строчки показов объявления: настройка быстрых звонков из поисковых объявлений «Только номер телефона» Google Ads...
05 12 2023 3:21:19
Тестирования наличия важных тегов на целевых страница — бесплатный скрипт и алгоритм...
04 12 2023 14:42:21
Перевод колонки директора по маркетингу Ahrefs: об органическом поисковом трафике, высокопотенциальных темах для бизнеса, уникальности и качестве контента, его продвижении. С реальными рекомендациями и примерами. Узнайте больше!...
03 12 2023 19:59:33
Читать только интернет-маркетологам, SMM, PPC и SEO-специалистам....
02 12 2023 15:24:53
Конкректная цель — конкретные результаты трудоустройства...
01 12 2023 17:49:33
Как с помощью элементов микро UX в дизайне сделать сайт интернет-магазина незабываемым...
30 11 2023 9:57:24
Бесплатно, быстро и безопасно. Но есть и минусы. Узнать больше!...
29 11 2023 5:19:31
Таблицы Google позволят перенести рекламную кампанию и сохранить при этом ключевые слова в разных типах соответствия. Подробный мануал — в новом посте....
28 11 2023 5:15:29
Я исследовал 23 миллиона кликов из Украины в Google Ads, Facebook, Директ и структурировал данные по 19 тематикам...
27 11 2023 1:11:49
Как борьба с зарплатным неравенством становится трендом...
26 11 2023 9:27:14
Чтобы привлечь представителей малого и среднего бизнеса, мы разработали стратегии по контекстной рекламе. Это открывает двери агентства Netpeak проектам с самым скромным бюджетом...
25 11 2023 10:30:45
Специалисты, занимающиеся seo копирайтингом, рассказывают об использовании LSI: определение текста, кол во символов, подсчет слов онлайн...
24 11 2023 23:27:22
Как сохранить статистику переходов из органики Google, а также автоматизировать отчетность: подробное руководство для технического специалиста....
23 11 2023 18:42:46
Главные вопросы при запуске и настройке любых кампаний: «чего я хочу достичь?», «помогает ли текущая кампания достичь желаемых результатов?», «влияет ли кампания на эффективность других кампаний и источников?». Узнать больше....
22 11 2023 22:18:39
Чтобы прекратить споры о том, с какого конца разбивать яйцо, я собрал аргументы за союз SEO и PPC...
21 11 2023 19:37:22
Как проверить качество текста от копирайтера. Составляем техническое задания для копирайтера, проверяем уникальность, наличие ключевых слов, использование LSI, проводим семантический анализ текста....
20 11 2023 5:56:38
Узнай, как бэкофис группы помогает развиваться компаниям, и выиграй iPhone — подбери крутое название для нашей группы....
19 11 2023 14:42:10
Понимания стоимость конверсии и необходимое количество конверсий, вы можете прогнозировать, сколько денег на рекламу нужно выделить. В этом заключается польза данного исследования. Читать дальше!...
18 11 2023 8:16:46
Продажа климатического оборудования. Кейс о проекте, который продвигался у нас на услуге «продвижение по позициям» и не демонстрировал хороших результатов как по росту трафика, так и по продажам, не смотря на высокие места в выдаче. Узнать больше!...
17 11 2023 7:53:24
Как сделать креативный мобильный баннер. Зачем нужны особенные баннеры для мобильных? Что делать с картинкой? Что делать с текстом? Что делать с другими рекламными форматами? Дополнительные элементы. Обо всем этом детально и спримерами...
16 11 2023 21:57:56
SEO-специалист Константин Гайдук поделился с читателями блога постом о фишках работы линкбилдера с поиском Яндекс....
15 11 2023 8:33:49
Как настроить эксперимент на сайте без сторонней помощи...
14 11 2023 7:39:18
Метод не для всех, но увлеченным веб-аналитикой точно понравится!...
13 11 2023 10:23:28
Почему контент-план — не тетка, или о том, в какой последовательности выкладывать статьи...
12 11 2023 9:28:35
Разбор типичных ошибок в рекламе Google Shopping как обязательного инструмента рекламы в Google. О минус-словах, геолокации, структуре сайта и обновлении объявлений. Что именно важно? Читайте дальше!...
11 11 2023 20:10:22
кмс Google: как достичь поставленной цели с помощью рекламы? Делимся советам по настройке КМС-кампаний....
10 11 2023 6:18:44
Короткий кейс и рекомендации по защите аккаунта от взлома....
09 11 2023 4:45:24
Короткая история про одного из руководителей корпорации «Kimberly Clark». Альтернативная Википедия для тех, кто любит сторителлинг. Читать дальше!...
08 11 2023 17:14:18
Решение вопроса о получении корректной информации о конверсиях — вполне посильная задача...
07 11 2023 19:19:48
Разработка, вёрстка и оптимизация мобильных версий сайтов — популярные темы последнего времени. Мы расскажем, что стоит и что не стоит делать в мобильном SEO....
06 11 2023 5:32:56
Создатели алгоритмов соцсетей используют слабые места человеческого мозга. Случайно или намеренно, но они это делают. Как нам с этим жить?...
05 11 2023 20:28:29
Дропшип предполагает минимум затрат со стороны предпринимателя. Например, не нужно думать о логистике, держать склад. Можно минимизировать и траты на рекламу. Узнать как!...
04 11 2023 6:38:48
Цели у личных сайтов могут быть разные, но в первую очередь они помогают рассказать историю о специалисте...
03 11 2023 13:43:40
Проделанные шаги и полученные результаты при раскрутке магазина великов в интернете...
02 11 2023 8:40:18
Доля органического трафика увеличилась с 14% до 44%, а небрендового — на 184%....
01 11 2023 23:47:49
Что такое App Store optimization и как раскручивать мобильные приложения...
31 10 2023 14:37:25
Основатель Depositphotos и Clashot Дмитрий Сергеев рассказал нам о базовых правилах ведения бизнеса на западном рынке....
30 10 2023 1:38:32
«Rework» — одна из самых любимых книг нетпиковцев....
29 10 2023 17:32:43
Разбираемся, как определить самые эффективные источники лидов....
28 10 2023 14:27:35
Что делать, если вы специально или нет попали под фильтр: руководство от выявления до спасения...
27 10 2023 21:59:52
После нехитрых манипуляций с текстом вторая строка оказывается в заголовке....
26 10 2023 13:23:18
Чтобы увеличить продажи и улучшить их эффективность в новых условиях необходимо применять «социальные доказательства»....
25 10 2023 4:16:34
Мы хотим найти и купить локальную комaнду SEO или PPC-специалистов. Как обычно, делаем предложение нестандартно — в блоге...
24 10 2023 14:47:52
В основе продвижения любых продуктов фигурирует ЦА и её потребности. Рассказываем, как с ней работать в разрезе Инстаграм и Facebook так, чтобы РК давала максимальный профит...
23 10 2023 11:22:30
Как настроить автоматическое обновление данных о товарах с помощью таблиц Google....
22 10 2023 11:22:27
Наконец-то вы создали сайт. Вы потратили усилия на дизайн, разработку, его наполнение. Но этого оказалось недостаточно, чтобы о вашем интернет- ресурсе узнали. Как же привлечь посетителей на сайт?...
21 10 2023 19:22:46
История от первого лица про звуковые сигналы в Facebook....
20 10 2023 14:16:50
Исследование по 38,5 миллионам кликов в 22 тематиках в 391 городе страны....
19 10 2023 19:10:32
Участники Netpeak Cluster поделились своими инсайтами....
18 10 2023 12:46:21
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::