Турбо-страницы для интернет-магазинов 

В ноябре 2018 года Яндекс запустил технологию Турбо-страниц. Это страницы, созданные по единому шаблону для ускорения загрузки вашего сайта при использовании мобильных сетей.

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

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

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

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

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

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

Процесс подключения довольно простой. Давайте рассмотрим его подробнее.

Подключение Турбо-страниц для интернет-магазина

Разберем процесс создания Турбо-страниц магазина на примере сайта indigo-kid.ru

Для начала необходимо зайти в Вебмастер в раздел Турбо-страницы → Источники.

Вставляем адрес файла YML в соответствующем пункте меню.

YML – это специальный стандарт, созданный Яндексом для размещения товаров в Яндекс. Маркете. Также он используется в Яндекс.Вебмастере в разделе Товары и цены.

При создании этого файла стоит помнить о ряде ограничений:

• Количество изображений не должно превышать 50 000.
• В элементе offer количество изображений должно быть меньше 200.
• Максимально допустимое количество элементов offer – 30 000.
• Допускается размер YML файла до 500 Мб.

*Должен использоваться тот же YML файл, что и для Яндекс.Маркета.

Если файл составлен правильно, в статусе будет стоять – «Без ошибок».

В этом же окне есть функция предварительного просмотра Турбо-страницы.

С помощью этой функции будет представлена следующая информация: справа – список страниц, слева – экран телефона, на котором присутствует логотип, название сайта, название товара, цена, возможность доставки и описание.

После добавления YML-файла осталось только запустить показ Турбо-страниц. Делается это в разделе Турбо-страницы → Источники. Необходимо установить выделенный переключатель в положение «Вкл».

Но это можно сделать только после настройки оформления заказа, поэтому перейдем к следующему этапу.

Настройка Турбо-страниц

Настройки производятся в соответствующем пункте Яндекс.Вебмастера.

Рассмотрим подробнее каждый из пунктов настроек Турбо-страниц.

1. Установка логина и пароля для YML-файла, чтобы скачать его мог только Яндекс.

   

   После нажатия на ссылку укажите логин и пароль, откроется форма для ввода данных.

   

   *Убедитесь, что YML файл разрешен для индексирования в robots.txt

2. Шапка страницы

   В данном пункте устанавливается короткое название сайта, отображение и логотип.

   Есть 3 варианта отображения:

   • без логотипа, только название;
   • квадратный + название сайта;
   • прямоугольный (будет отображаться только логотип).

   Введем короткое название – indigo-kid.ru

   Отображение → Квадратный + Название сайта

   

   Обратите внимание, что при внесении изменений они отображаются на экране предпросмотра Турбо-страницы справа.

   

3. Меню турбо страниц

   Здесь добавляем новые пункты для отображения на Турбо-страницах. Для примера добавим категорию «Детские компьютеры».

   

   Для этого копируем ссылку пункта меню с сайта, возвращаемся в Вебмастер и нажимаем кнопку «Добавить пункт меню».

   

   Вставляем название категории и ссылку в соответствующие поля и нажимаем кнопку «Применить».

   

   Как видно в окне предпросмотра Турбо-страницы, пункт меню добавлен.

   

4. Автоматическая лента рекомендаций

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

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

   

5. CSS

   В данном разделе можно задавать свои стили для Турбо-страниц.

   

   Нужно нажать кнопку «Добавить CSS», далее откроется окно, в котором можно добавить стиль.

   

6. Счетчики

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

   Представлены следующие виды счетчиков:

   • Яндекс.Метрика
   • LiveInternet
   • Google Analytics
   • Mail.Ru
   • Rambler Топ 100
   • Mediascope (TNS)
   • другой

   

   Чтобы добавить счетчик, необходимо выбрать систему аналитики, установленную на сайт, и затем вставить ее ID в соответствующее поле.

7. Реклама

   Для Турбо есть возможности добавления следующих рекламных блоков:

   • рекламная сеть Яндекса
   • ADFOX

   

Настройка товарных страниц

1. Способ оформления заказа

   В окне URL добавления товара на выбор есть 3 варианта:

   • 1С Битрикс
   • OpenCart
   • другой

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

   

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

   

   Если все настроено правильно, то в браузере откроется новая вкладка с корзиной и выбранным товаром.

   

2. Информационные разделы

   Позволяет добавить ссылки на полезные страницы сайта, например, информацию о доставке, контакты и т.д.

   Для отображения информационного раздела на сайте необходимо нажать на кнопку «Добавить раздел».

   

   После этого следует ввести название в соответствующее поле.

   

   Далее нажать на кнопку «Изменить текст» и в открывшемся окне создать ссылки на нужные разделы – делается это стандартной html-разметкой.

   

   Результат видно в окне предпросмотра Турбо-страницы. Добавлен раздел «Полезные разделы» и ссылки на страницы «О компании», «Заказ и доставка», «Скидки», «Правила работы». При переходе по этим ссылкам будут открываться соответствующие страницы на сайте.

   

3. Виджет обратной связи

   Представлены следующие виды связи:

   • телефон
   • чат
   • почта
   • обратный звонок
   • Facebook
   • Google
   • Однокласники
   • Telegram
   • Viber
   • Вконтакте
   • WhatsApp

   На Турбо-странице может быть размещено до 4 виджетов.

   Чтобы добавить виджет, необходимо выбрать нужный вид связи и заполнить соответствующее поле. Затем проверить в окне предпросмотра, что он отрабатывает корректно, выбрать, где будет располагаться виджет – слева или справа – и нажать кнопку «Сохранить».

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

   

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

   

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

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

Обновления за 2019-2020 год

В июле 2019 года стала доступна турбо-корзина для интернет-магазинов. Теперь нет необходимости заходить на полную версию сайта для совершения покупки, покупка оформляется прямо в турбо-версии сайта.

Также теперь можно купить товар в 1 клик прямо из турбо-версии сайта. Это существенно экономит время, ведь нет необходимости заполнять максимальное количество полей и переходить на полную версию ресурса.

В ноябре 2019 года появились и списки товаров для турбо-страниц. Они доступны для всех интернет-магазинов. Списки по умолчанию активированы в Вебмастере.

Если вдруг подключение не произошло, то необходимо выполнить следующие шаги:

1. Сделать разметку «хлебных крошек» при помощи микроразметки Schema org;
2. Добавить в YML-фид большее число товаров;
3. Убедиться, что дерево категорий в YML-фиде составлено правильно и соответствует дереву категорий, представленному на сайте.

Также в 2019 году в «Настройках» турбо-страниц для интернет-магазинов появились некоторые новые опции, среди них:

1. Настройка отображения логотипа — теперь можно загрузить логотип с ПК, и он будет отображаться в шапке страницы.

   

2. Настройка меню для любого раздела на сайте, а не только для информационных. Полезно, если на сайте много категорий и необходимо отобразить только самые нужные.

   

3. Еще можно оставить ссылку на пользовательское соглашение. Для этого необходимо ввести краткое название компании и создать новую страницу, где будет размещен текст пользовательского соглашения. На превью будут видны все изменения.

   

28 апреля 2020 года Яндекс анонсировал онлайн-оплату покупок и обработку заказов в 1С Битрикс.

С этого времени пользователи могут сразу оплачивать заказы с турбо-страниц, что способствуют увеличению конверсии сайта. Также, при наличии 1С-Битрикс, с помощью нового модуля можно непосредственно с турбо-страниц обрабатывать заказы. Если опция не подключена, то с турбо-страницы получится лишь положить товар в корзину. При переходе в неё откроется полная версия сайта. Чтобы настроить подобную опцию, необходимо воспользоваться инструкцией.

23 мая Яндекс анонсировал обновление товарных сниппетов для мобильной версии выдачи.

Были созданы два сниппета — для категорий и отдельно для товаров — они автоматически формируются в зависимости от запроса пользователя.

Категорийный сниппет подключается при условии наличия не менее пяти товаров в одной категории. Отображается при вводе «Купить „название товара“». В выдаче можно увидеть пять и более карточек и при необходимости зайти на страницу одной из них. Карточка товара откроется в турбо-версии.

Для подключения категорийного сниппета необходимо:

1. Передать максимальное число товаров на Турбо-страницу через YML-фид по инструкции,
2. Убедиться, что для каждой товарной категории вы передаете в Турбо не менее пяти товаров,
3. Проверить сниппет через неделю. Примерно столько времени нужно алгоритму для формирования списков товаров, которые будут показываться в сниппете. (с Блога Яндекса)

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

Для подключения товарного сниппета необходимо:

1. Передать максимальное число товаров на Турбо-страницу через YML-фид по инструкции,
2. Убедиться, что для каждого товара вы передаете в Турбо не менее пяти изображений,
3. Подробно заполнить карточки товаров: добавьте описание и характеристики товара, условия доставки, скидки. Благодаря этому товарный сниппет будет выглядеть наиболее привлекательно.

Данное изображение взято с блога Яндекса.

Свежий анонс осеннего обновления Турбо-страниц

Прямо перед публикацией этой статьи Яндекс анонсировал планы по развитию турбо-страниц. Спешим поделиться им с вами!

Усовершенствованный внешний вид

• Поддержка турбо-страниц на более широком классе мобильных экранов, чтобы турбо-страницы одинаково хорошо смотрелись и на мобильных, и на планшетах.

• Передача собственной HTML-вёрстки в RSS — ещё больший комфорт работы с внешним видом турбо-страниц. Переносить готовые блоки сайта на турбо-страницу можно будет почти без изменений. Также не будет необходимости тратить время на повторную настройку.

• Теперь основные элементы дизайна можно будет настраивать, не обращаясь к CSS:

  • настройка цвета, шрифта, логотипа и других элементов прямо в Вебмастере;
  • быстрое включение на сайте светлой и тёмной темы.

Вовлечение новой аудитории

• Появится рекомендательный виджет — блок с персонализированным контентом для вашей аудитории можно будет добавить на турбо-страницу. Он помогает увеличить количество переходов на сайт и глубину просмотров.
• Улучшенная автоматическая лента рекомендаций.
• Работа с комментариями — возможность отслеживать список статей, где появились последние комментарии, а также включать и выключать комментарии для конкретных статей.

Увеличение дохода портала

• Быстрое подключение монетизации. Разместить рекламу на турбо-страницах станет проще — без сложных настроек в интерфейсе Рекламной сети.
• Новые алгоритмы автоматической расстановки рекламы дополнительно будут учитывать данные об активности аудитории на сайте. Система будет подбирать более релевантные объявления для площадки и поможет увеличить её доходность.
• Ускорение отрисовки объявлений на первом экране с помощью серверного рендеринга, чтобы больше посетителей успевали увидеть их до перехода на другую страницу.
• Нативный дизайн блоков позволит уместно встраивать рекламные блоки внутри контента. Посетителям станет удобнее воспринимать объявления, а значит, это приведет к снижению количества отказов.
• Больше мест для видеорекламы. Во многих блоках, где ранее отображалась только баннерная реклама, в аукционах смогут участвовать и видеообъявления. Алгоритм будет сравнивать ставки среди большего числа объявлений, а издатель — максимизировать доход от каждого рекламного места.

Все вышеперечисленные дополнения Яндекс планирует выпустить осенью 2020 года.

Заключение

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

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

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

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

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

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