Миллион сеансов в месяц на 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.
Комментарии:
Настройка целей в Google ***ytics, а также отслеживание событий....
20 06 2025 14:48:48
21 апреля Google официально начнет учитывать совместимость с мобильными девайсами в качестве одного из факторов ранжирования сайта в мобильном поиске. Что это значит для владельцев сайтов и вебмастеров? Мы подготовили небольшой FAQ по теме для рубрики «SE...
19 06 2025 2:30:50
Терялись ли вы некогда в лабиринте Википедии из внутренних ссылок и побочных статей? Представьте, насколько непредсказуемым он может стать через несколько десятилетий....
18 06 2025 21:52:59
Покупать в Китае. Как брендам покорить сердца и кошельки китайских пользователей...
17 06 2025 3:32:54
Как улучшить видимость сайта после оптимизаторов-староверов — кейс в тематике «световое и звуковое оборудование»....
16 06 2025 1:21:53
Как начать продавать и увеличить продажи, наращивая бесплатные ссылки...
15 06 2025 18:25:52
Истории бизнеса и советы от Игоря Жаданова (Readdle), Александра Галкина (Competera) и Рагнара Саас (Pipedrive)...
14 06 2025 0:55:19
И чем этот тип отслеживания событий отличается от Client-side. Узнать!...
13 06 2025 16:58:21
И научиться делать свою рекламу прибыльной. Читайте про типы автостратегий и способы их оптимизации....
12 06 2025 12:31:48
Что делать, когда код электронной торговли в одной валюте, а аккаунты Google ***ytics/Google Ads — в другой. И нужной валюты нет в списке возможных....
11 06 2025 3:37:26
Эффективность рекламы в поиске падает, но растут YouTube, контекстно-медийная сеть и другие платформы...
10 06 2025 21:59:28
Кейс: как золотой корпоративный линкбилдинг помог в SEO-продвижении интернет-магазина, в котором можно заказать и купить чехлы и виниловые наклейки для смартфонов...
09 06 2025 2:55:35
О том, как добавить статью в Википедию и о правилах, которые нужно выполнить, чтобы ее не удалили: от добавления Интервики до ссылок на другие статьи, специальных терминов, добавления страниц в категории и выбора источников. Узнать больше!...
08 06 2025 1:48:22
Мнение Сергея Петренко, CEO компании Odesseya....
07 06 2025 9:57:43
Новая услуга для бизнесов, которым большое количество подписчиков не приносит продаж...
06 06 2025 19:30:18
Здесь не нужно часами собирать семантику, прописывать уйму расширений и создавать максимально релевантные объявления под каждый товар, а потому вам нужен этот понятный и короткий мануал! Читайте дальше!...
05 06 2025 15:52:36
Как жить с налогом на Google, Facebook и другие международные сервисы — объясняем детали....
04 06 2025 5:35:12
Тематический кейс в нише «Фотография и аксессуары»: проделанные работы и полученные результаты...
03 06 2025 20:45:15
Для продвижения интернет-магазина женского нижнего белья мы решили попробовать новый источник привлечения клиентов....
02 06 2025 0:10:47
Последствия удаленки на уровне крупного бизнеса. Как сотрудники и топ-менеджмент не могут договориться. Спopные вопросы, ответы на которые ещё предстоит найти. Узнать больше....
01 06 2025 17:54:51
Расширения, горячие клавиши и мгновенный перевод слов на другой язык — минимум лайфаков, которые можно использовать для удобства пользователей Google Chrome...
31 05 2025 1:41:51
Как GTM помогает настроить расширенную электронную торговлю (enhanced ecommerce)....
30 05 2025 16:29:18
Первая часть иллюстрированного руководства, в котором мы взяли 20 самых важных фактора ранжирования представлены с краткими иллюстрированными примерами. В этом тексте вы найдете первые 10. Узнать больше!...
29 05 2025 2:17:18
Увеличение трафика из поисковых систем Азербайджана на 30% за три месяца. И он продолжает расти...
28 05 2025 4:43:52
Как помешать фейковым 404 страницам испортить статистику вашего сайта?...
27 05 2025 9:16:10
Твиттереть нужно правильно. Интересная аналитики и планирование твитов по времени...
26 05 2025 0:10:18
Любопытная подборка "маленьких" гигантов: компании и сервисы, чья аудитория превышает 10 миллионов пользователей, а также несколько интересных фактов о каждом из них. Узнать больше!...
25 05 2025 17:58:52
Мы запустили email с нуля и стали получать стабильный ежемecячный доход....
24 05 2025 4:29:41
Чтобы и клиенту не стыдно было показать и свои ожидания не обмануть....
23 05 2025 22:16:12
SMM — сфера с доступным обучением и большими деньгами, а хороших специалистов разбирают, как горячие пирожки. SMMщики работают с крупными брендами и создают свой бизнес всего через пару лет после старта....
22 05 2025 2:13:51
Подробнейшая статья об эффективном использовании ремаркетинга. Мотаем на ус!...
21 05 2025 11:24:24
Правильная внутренняя перелинковка необходима, чтобы страницы не вылетали из индекса, а также чтобы увеличить ссылочный вес продвигаемых страниц...
20 05 2025 19:26:14
Если вы не можете улучшить свой уровень конверсий и поднять ставки, оптимизация показателя качества может быть вашим единственным выходом, чтобы сохранить высокий рейтинг без больших затрат. Статья, которая расставляет точки над «i»....
19 05 2025 1:51:17
Мы рассмотрим, почему сотрудники на удалёнке стали менее эффективными и как руководить комaндой из дома, чтобы её результаты не падали....
18 05 2025 4:10:35
Кейс, в котором мы описываем работу с одним из наших старейших клиентов (с 2014 года) и как нам пришлось изменить устоявшийся формат работы и рекламного бюджета, чтобы соответствовать реалиям 2020 года....
17 05 2025 1:48:59
Тестирования наличия важных тегов на целевых страница — бесплатный скрипт и алгоритм...
16 05 2025 22:13:55
Как диагностировать Google Panda, понять, что нужно изменить на своем сайте и сделать пользователей счастливыми....
15 05 2025 15:50:55
Не Google единым. Нужные и важные знания по Яндекс.Вебмастер....
14 05 2025 15:41:34
О возможностях нестандартного использования поисковых систем для решения важных бизнес-задач...
13 05 2025 17:26:23
Как распредляются зарплаты по грейдам и специализации: ежегодное исследование Serpstat....
12 05 2025 16:21:11
Отслеживаем пропущенные, анализируем входящие и делаем выводы о том, как организовать работу менеджеров....
11 05 2025 12:58:34
Почти 3 миллиона клика в 24 тематиках в 15 городах Казахстана. Читайте новое исследование нашего аналитика....
10 05 2025 22:42:22
Читайте простой мануал о том, как перейти на Universal ***ytics и не поломать весь сбор данных...
09 05 2025 0:48:11
О феномене Баадера-Майнхофа — как на самом деле работают системы баннерной рекламы в интернете...
08 05 2025 17:51:17
Какой эффективный способ использовать для проверки бизнес-возможностей новых проектов ecommerce?...
07 05 2025 13:47:42
У вас фирма с филиалами по всей стране? Короткий инструктаж по массовой загрузке адресов...
06 05 2025 3:36:21
Алексей Селезнев проанализировал 29 млн кликов, и в этой статье вы прочитаете, как дорого обходятся рекламодателям клики в Google Ads....
05 05 2025 7:29:41
Система почтового маркетинга. Как удержать доверия подписчиков одним приветственным письмом...
04 05 2025 18:23:47
Цели у личных сайтов могут быть разные, но в первую очередь они помогают рассказать историю о специалисте...
03 05 2025 13:30:29
Компании и продукты, социальные инициативы, главные проекты и миссия группы. Разложили все о Netpeak Group по полочкам в новом посте....
02 05 2025 1:40:54
Еще:
понять и запомнить -1 :: понять и запомнить -2 :: понять и запомнить -3 :: понять и запомнить -4 :: понять и запомнить -5 :: понять и запомнить -6 :: понять и запомнить -7 ::