AMP и Турбо-страницы — это простой и быстрый способ ускорить загрузку мобильной версии сайта и как следствие улучшить пользовательский опыт.
Как правило, данные технологии используются статейными сайтами, но все чаще в поисковой выдаче можно встретить их у коммерческих сайтов. В данной статье собраны примеры применения данного типа технологий, а также результаты по собственным внедрениям.
Турбо-страницы Яндекса
Видеоинструкция
Сегодня Яндекс уже предоставил широкий спектр инструментов для оптимизации и улучшению мобильной версии сайта для интернет-магазинов.
Пример №1
![Пример турбо-страницы с чатом в выдаче Яндекса](https://seopulses.ru/wp-content/uploads/2020/02/2-10.png)
Вид страницы
![Пример турбо-страницы для интернет-магазина техники №2](https://seopulses.ru/wp-content/uploads/2020/02/3-10.png)
Пример №2
![Пример турбо-страницы в выдаче Яндекса](https://seopulses.ru/wp-content/uploads/2020/02/1-11.png)
Вид страницы
![Пример турбо-страницы для интернет-магазина техники](https://seopulses.ru/wp-content/uploads/2020/02/4-10.png)
Узнать какие именно из интернет-магазинов (в ТОПе Яндекса) используют турбо-страницы, можно посмотрев статистику Яндекс.Радара.
https://radar.yandex.ru/top_list?type=ecommerce
![Турбо-страницы в Яндекс.Радаре](https://seopulses.ru/wp-content/uploads/2020/02/20.png)
Тестирование на реальном проекте
Для тестирования внедрения турбо-страниц был использован сайт по продаже керамической плитки. Выполнен он был не как интернет-магазин, а в качестве каталога, где юридические лица смогут оставить заявку, после чего менеджер и дизайнер составляют смету и согласовывают сроки поставки.
Чтобы подключиться было выполнено:
- Создали 2 прайс-листа: 1) в формате RSS с версткой для каждой коллекции и 2) YML-файл для каждой отдельной позиции.
- Настроили меню, веб-аналитику и способы оформления заказа.
В качестве основной версии для коллекций плитки была выбрана следующая версия
![Пример составленной турбо-страницы для интернет-магазинов](https://seopulses.ru/wp-content/uploads/2020/02/19.png)
Для страниц товаров получились следующие страницы:
![Пример созданной карточки товара в турбо-страницах через RSS](https://seopulses.ru/wp-content/uploads/2020/02/7.jpeg)
Также для того, чтобы показать турбо страницы для категорий и брендов были сформированы списки товаров. В Яндекс.Вебмастер проверить сформированы ли списки можно в соответствующем разделе настроек Турбо-страниц. В этом случае в формировании списков принимали участие отдельные товары (разновидности коллекций), которые передавались через YML файл.
![Списки товаров для турбо-страниц в Яндекс.Вебмастер](https://seopulses.ru/wp-content/uploads/2020/02/15-3-1024x623.png)
Внешне списки выглядят так:
![Пример списков товара в турбо-страницах Яндекса](https://seopulses.ru/wp-content/uploads/2020/02/6-9.png)
Анализ результатов внедрения турбо-страниц
После внедрения данного нововведения мобильный трафик с Яндекса постепенно увеличивался. За полгода рост составил 60% (по данным Яндекс.Метрики).
![Результаты внедрения турбо-страниц в Яндекс.Метрике](https://seopulses.ru/wp-content/uploads/2020/02/12-5-1024x787.png)
Для того, чтобы отследить конверсии с внедрения обратной связи была создана специальная почта, на которую отправлялись заявки. Также настроили передачу специальных utm-меток при нажатии на кнопку «Заказать эту модель» или «Добавить в корзину». Например, данные по заявкам за декабрь по кнопкам обратной связи.
Собрав все данные было замечено:
- Конверсия турбо-страниц на 15% выше чем у обычных (рассматривали только переходы с поиска Яндекса и только с мобильных устройств);
- Отказы уменьшились на 5%;
- Время на сайте уменьшилось на 10%;
- Глубина просмотра: возросла на 55% (с включенной бесконечной лентой).
Таким образом, решено было оставить турбо-страницы на сайте и постепенно улучшать их, а также тестировать нововведения.
AMP-страницы
Google уже достаточно давно представил возможность создания ускоренных мобильных страниц и достаточно много коммерческих сайтов уже внедрили эту технологию.
Пример №1
![Пример AMP-страниц в выдаче Google](https://seopulses.ru/wp-content/uploads/2020/02/9-4.png)
Вид страницы
![Пример AMP-страниц для интернет-магазина одежды](https://seopulses.ru/wp-content/uploads/2020/02/10-4.png)
Пример №2
![Пример AMP-страниц для интернет-магазина №2 в выдаче Google](https://seopulses.ru/wp-content/uploads/2020/02/7-10.png)
Вид страницы
![Пример AMP-страниц для интернет-магазина техники](https://seopulses.ru/wp-content/uploads/2020/02/11-6.png)
Тестирование на реальном проекте
Чтобы протестировать данный формат был выбран стандартный интернет-магазин по продаже электроники. В этом случае были созданы следующие страницы:
![Пример составленной AMP страницы для интернет-магазинов](https://seopulses.ru/wp-content/uploads/2020/02/18.png)
Данные страницы представляли полную копию мобильной страницы, а при нажатии на кнопку «Добавить в корзину» переводили пользователя в корзину с уже добавленным товаром (по аналогии с турбо-страницами). Также все страницы отвечали требованиям в спецификации.
https://support.google.com/webmasters/answer/6340290?hl=ru
Анализ результатов внедрения AMP-страниц
В итоге получаем следующие результаты (по данным Google Analytics):
![Результаты внедрения AMP-страниц в Google Analytics](https://seopulses.ru/wp-content/uploads/2020/02/14-3.png)
К сожалению увеличение трафика было не таким большим и в большей степени были связаны с сезонным приростом интереса.
Дополнительно были получены следующие данные:
- Конверсия amp-страниц на 3% выше чем у обычных (рассматривали только переходы с поиска Google и только с мобильных устройств);
- Отказы уменьшились на 20%;
- Время на сайте увеличилось на 15%;
- Глубина просмотра: возросла на 5%.
Подписывайтесь на наш канал в Яндекс.Дзен
Подписывайтесь на наш Telegram-канал
Подписывайтесь на наш Youtube-канал
Подписывайтесь на нашу группу ВКонтакте