×
Россия +7 (909) 261-97-71

Использование AMP и Турбо-страниц на коммерческих сайтах

Россия +7 (909) 261-97-71
Шрифт:
0 14473
Подпишитесь на нас в Telegram

AMP и Турбо-страницы – это простой и быстрый способ ускорить загрузку мобильной версии сайта и улучшить пользовательский опыт.

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

Турбо-страницы Яндекса

Сегодня Яндекс уже предоставил широкий спектр инструментов для оптимизации и улучшению мобильной версии сайта для интернет-магазинов.

Пример №1

Пример Турбо-страницы

Пример выдачи и вид страницы

Пример №2

Пример турбо-страницы - Беру

Пример выдачи и вид страницы

Узнать какие именно из интернет-магазинов (в ТОПе Яндекса) используют Турбо-страницы, можно посмотрев статистику Яндекс.Радара.

Пример статистики турбо-страницы

Тестирование на реальном проекте

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

Чтобы подключиться:

  • Создали 2 прайс-листа: 1) в формате RSS с версткой для каждой коллекции и 2) YML-файл для каждой отдельной позиции.
  • Настроили меню, веб-аналитику и способы оформления заказа.

В качестве основной версии для коллекций плитки была выбрана следующая версия:

Тестирование на реальном проекте

Сделали страницы товаров:

Тестирование турбо-страниц

Также для того, чтобы показать Турбо-страницы для категорий и брендов сформировали списки товаров. Отметим, что проверить сформированы ли списки можно в Яндекс.Вебмастере в соответствующем разделе настроек Турбо-страниц. В нашем случае в формировании списков принимали участие отдельные товары (разновидности коллекций), которые передавались через YML-файл.

Пример использования турбо-страниц

Внешне списки выглядят так:

Пример использования турбо-страниц. Списки

Анализ результатов внедрения Турбо-страниц

После внедрения Турбо-страниц мобильный трафик с Яндекса постепенно увеличивался. За полгода рост составил 60%.

Анализ результатов внедрения турбо-страниц

Чтобы отследить конверсии с обратной связи была создана специальная почта, на которую отправлялись заявки. Также настроили передачу специальных utm-меток при нажатии на кнопку «Заказать эту модель» или «Добавить в корзину». Например, данные по заявкам за декабрь по кнопкам обратной связи.

После того как собрали все данные заметили, что:

  1. Конверсия Турбо-страниц на 15% выше чем у обычных (рассматривали только переходы с поиска Яндекса и только с мобильных устройств);
  2. Отказы уменьшились на 5%;
  3. Время на сайте уменьшилось на 10%;
  4. Глубина просмотра: возросла на 55% (с включенной бесконечной лентой).

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

AMP-страницы

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

Пример №1

Пример AMP-страницы

Пример выдачи и вид страницы

Пример №2

Пример AMP-страницы Ситилинк

Пример выдачи и вид страницы

Тестирование на реальном проекте

Чтобы протестировать данный формат был выбран стандартный интернет-магазин по продаже электроники. В этом случае были созданы следующие страницы:

AMP-страницы эксперимент

Данные страницы представляли полную копию мобильной версии, а при нажатии на кнопку «Добавить в корзину» переводили пользователя в корзину с уже добавленным товаром (по аналогии с Турбо-страницами). Также все страницы отвечали требованиям в спецификации.

Анализ результатов внедрения AMP-страниц

В итоге получаем следующие результаты:

Результаты тестирования на реальном ппроекте

К сожалению, увеличение трафика было небольшим и в основном связано с сезонным приростом интереса.

Дополнительно были получены следующие данные:

1. Конверсия amp-страниц на 3% выше чем у обычных (рассматривали только переходы с поиска Google и только с мобильных устройств);

2. Отказы уменьшились на 20%;

3. Время на сайте увеличилось на 15%;

4. Глубина просмотра: возросла на 5%.

Заключение

Крайне важно тестировать и внедрять новые технологии, которые позволяют выделиться в поисковой выдаче и получить дополнительный трафик.

Мобильный трафик постоянно растет и то, как отображается ресурс в мобильной выдаче становится крайне важным. В этом случае технологии Турбо-страницы от Яндекса и AMP от Google помогут вам добиться желаемого результата.

Несмотря на не совсем удачный эксперимент по внедрению AMP-страниц, считаем, что их  детальная доработка может дать положительный эффект, как в случае с Турбо.

Есть о чем рассказать? Тогда присылайте свои материалы Марине Ибушевой


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Тренды e-commerce 2026: рынок ждет отток с маркетплейсов?
Арина
1
комментарий
0
читателей
Полный профиль
Арина - Мы пробовали разные сервисы, но уже давно используем этот сервис tryon.mall-er.com у них есть и Визуальный поиск и Виртуальная примерка. Мы пользуемся Виртуальной примеркой очков и поиском и внедрили себе на сайт, сейчас порядка 80% нашего трафика с удовольствием пользуются данными функциями.
Что такое AIO (AI Optimization) или GEO-оптимизация, как быть на шаг впереди конкурентов
Эдуард
1
комментарий
0
читателей
Полный профиль
Эдуард - Годно) многие моменты я не знал.
От SEO к GEO: полное руководство по выживанию в эпоху AI-поиска
Дмитрий
2
комментария
0
читателей
Полный профиль
Дмитрий - кроме как qvisor есть еще варианты?
SEO-анализ сайта – новый сервис для технического аудита сайта
Олег Алексеев
1
комментарий
0
читателей
Полный профиль
Олег Алексеев - Сюда t.me/obivaaan или сюда t.me/olegalexeyev
Где взять данные о GEO-видимости: 9 инструментов в одной статье
Евгений Молдовану
1
комментарий
0
читателей
Полный профиль
Евгений Молдовану - Хороший список, но используя подобные чекеры помните, что в GEO важен консенсус и если его нет, то на каждый запрос может формироваться свой ответ.
Мошенники придумали новую схему обмана с дипфейками
Константин Овсиенко
1
комментарий
0
читателей
Полный профиль
Константин Овсиенко - Мошенники в телеграм 2202206115977659 Юлия Владимировна К.
Высокая позиция в Яндексе: гарантированный билет в нейроответы или миф?
Старый сеошник
7
комментариев
0
читателей
Полный профиль
Старый сеошник - Так наивно повелся на заголовок и обещание исследования на 5 млн запросах. А попал на частные мнения трех сеошников с общими формулировками и аргументами, которые гуляют по интернету уже полгода почти)
Лучшие бесплатные редакторы видео
Сергей
22
комментария
0
читателей
Полный профиль
Сергей - По-моему, тут в минусах явно не хватает пункта о наложении водяного знака - можно все минусы стерпеть, но если у видео будет водяной знак, то зачем вообще таким приложением пользоваться? Если только для тестирования. А вы много тестируете? Вряд ли. Поэтому непонятно почему авторы статьи не внесли самый важный пункт в список недостатков. Лишь пару раз это всплывает во писаниях, а должно быть везде!
Стратегии в Mobile: как построить эффективную коммуникацию
Потаппотейтос
1
комментарий
0
читателей
Полный профиль
Потаппотейтос - у вас что, циклическая ссылка на странице? дальше оптимизацию смотреть?
Лучшие шаблоны сайтов на 1С-Битрикс: обзор топ-10 готовых решений
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Как только увидел в первых двух "лучших" Аспро и INTEC дальше читать не стал. О первых очень наслышан, со вторым имел годовой опыт счастливого общения после покупки шаблона.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
393
Комментариев
373
Комментариев
262
Комментариев
249
Комментариев
171
Комментариев
156
Комментариев
141
Комментариев
125
Комментариев
121
Комментариев
100
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
80
Комментариев
77
Комментариев
74
Комментариев
67
Комментариев
66
Комментариев
60
Комментариев
59

Отправьте отзыв!
Отправьте отзыв!