Турбо-страницы в Яндекс.Директе: что это такое, кому они нужны и как их создать

Согласно исследованию Google, в 53% случаев люди покидают мобильную версию сайта, если страницы загружаются дольше трех секунд. Пользователей раздражает низкая скорость загрузки, они уходят к конкурентам, и бизнес теряет потенциальных клиентов. Создавайте легкие и быстрые версии веб-ресурсов на основе технологии турбо-страниц Яндекс.Директа. Они открываются даже при нестабильной работе интернета и адаптируются под любые устройства. Рассказываем об особенностях, способах создания, настройки и монетизации таких страниц.

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

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

Для чего они нужны

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

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

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

Аналитика для интернет-магазина

• Отслеживайте корзины, звонки, заявки и продажи с них с привязкой к источнику
• Постройте воронку продаж и оптимизируйте маркетинг

Узнать подробнее

Для каких сайтов создают турбо-страницы

☑ Площадки, у которых нет мобильной версии.

☑ Интернет-магазины.

☑ Онлайн-СМИ, онлайн-издания.

☑ Блоги.

☑ Промо-сайты, которые созданы для рекламы продукции, проведения конкурсов.

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

Как работают турбо-страницы

Турбо-страницы Yandex открываются быстрее за счет:

• Минимизации дизайна. В адаптированной версии веб-ресурса нет анимации и многообразия шрифтов. Есть только текст, фото, логотип компании и кнопка обратного звонка. 
• Облегчения кода. Турбо-страницы используют только HTML и максимально упрощенный CSS. На них нет тяжелого JavaScript, который требуется для внедрения интерактивных элементов. 
• Хранения на серверах Яндекса. Медленная загрузка веб-ресурса может быть связана с перегруженностью или ошибками в работе сервера. Когда владелец сайта настраивает турбо-страницы, ресурс переносится на сервера Яндекса.
• Отказа от запросов к дополнительным ресурсам. Если на сайте представлен, скажем, информер с прогнозом погоды, значит, он регулярно направляет запросы на сторонние площадки, а это сказывается на скорости его работы. Турбо-страницы не поддерживают такие сервисы.

Преимущества турбо-страниц

☑ Скорость загрузки увеличена в 15 раз.

☑ Вес страницы снижен в 10 раз.

☑ Сокращение показателя отказов: посетителям не нужно ждать, когда загрузятся страницы, даже при плохом интернет-соединении.

☑ Рост мобильного трафика: люди предпочитают сайты с быстрой загрузкой.

☑ Уменьшение нагрузки на хостинг: информация загружается с серверов Яндекса.

☑ Минимум рекламы, отсутствие раздражающих баннеров. 

Маркетинг

Читайте также:

Классификация основных видов и типов маркетинга: что выбрать для своей компании

Классификация основных видов и типов маркетинга: что выбрать для своей компании

Недостатки

✕ Простой дизайн – не все владельцы сайтов могут отказаться от оригинального оформления ради скорости загрузки.

✕ Отказ от анимации – если на странице есть, к примеру, калькулятор, то без JavaScript он не будет работать.

✕ Необходимость настраивать каждую страницу в отдельности – если ресурс регулярно наполняется новым контентом, потребуется время для обновления данных.

✕ Невидимость для Google – на такие страницы можно попасть только через сервисы Яндекса

Как создать турбо-сайт с нуля: пошаговая инструкция

Чтобы начать разработку турбо-сайта, зайдите в Yandex.Direct, откройте секцию «Инструменты», а в ней – страницу конструктора. Откроется окно, в котором:

• введите название стартовой страницы сайта;
• найдите вашу организацию в Яндекс.Справочнике;

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

Базовые настройки турбо-сайта

К ним относятся:

• адрес для домена turbo.site – его название должно содержать от четырех символов;
• фавикон и первую страницу, если их будет несколько;
• счетчик Яндекс.Метрики.

Создание страницы в конструкторе

В нижней части экрана есть панель инструментов, в которой можно:

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

Добавьте на турбо-страницу:

• шапку – в ней размещается логотип и название компании, ссылка на сайт, номер телефона;
• секции – перечень продуктов, преимущества компании;
• контактная информация и часы работы.

Создание карточки товаров

Откройте меню секции «Товары» и настройте:

• Количество колонок с товарами. Оно регулируется только для десктопной версии сайта. Для пользователей, которые открывают сайт со смартфона, в любом случае будет одна колонка.
• Пропорции изображений. По умолчанию они квадратные, однако вы можете поменять формат фото в разделе дополнительных настроек.
• Перечень товаров. Его можно удалить, скопировать, переместить.

Контакты и карта

Укажите все способы связи с вашей компанией. Не забудьте о социальных сетях и мессенджерах – многим людям больше нравится использовать эти каналы, чем телефон или email.

Если у вас есть офлайн-магазин, пригласите покупателей увидеть товары вживую. Для этого оформите раздел с подробной картой и схемой проезда, введите ссылку на Яндекс.Карты.

Настройка корзины

Чтобы покупателям было удобно приобретать товары и услуги, при оформлении корзины указывают:

• E-mail для покупок. На нее будет приходить информация о заказах, сделанных на сайте.
• Наименование и ИНН организации, если ее владелец – юридическое лицо.
• Для физлиц – ФИО и адрес регистрации. 

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

Если клиент ввел свои данные при регистрации в Яндексе и прошел авторизацию перед оформлением заказа, сервис заполнит поля автоматически.

Футер

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

В него можно также добавить:

• наименование и логотип организации;
• меню;
• контакты;
• краткое описание.

Проверка страницы и публикация

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

Создание RSS-ленты для турбо-страниц Яндекса

RSS – это семейство XML-форматов, предназначенных для описания лент новостей, рекламных публикаций или новых записей в блогах. Чтобы перенести информацию на турбо-сайт, применяют специальные плагины для CMS. RSS-ленту настраивают в WordPress, 1C-Битрикс, Joomla.

Настройка турбо-страниц в Яндекс.Вебмастер

Прежде всего, авторизуйтесь в Яндекс.Вебмастере. 

Откройте секцию «Турбо-страницы», найдите раздел «Источники» и загрузите фид. 

Затем сделайте необходимые настройки:

• введите текст в шапке и загрузите логотип;
• укажите название предприятия со ссылками на разделы, которые должны быть в меню;
• задайте стили CSS;
• добавьте инструменты для сбора данных – Яндекс.Метрику или Google Analytics;
• выберите способы связи: e-mail, чат (для его активации нужен Яндекс.Диалог), телефон, соцсети и мессенджеры;
• загрузите пользовательское соглашение для клиентов.

Подключение в WordPress

Для подключения турбо-страниц в WordPress используют плагины:

Yandex.News Feed by Teplitsa. Его разработали сразу после открытия технологии. Для подключения зайдите в «Плагины», нажмите кнопку «Добавить новый» и выберите необходимую программу. В разделе «Настройки» укажите нужные функции.

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

Ya Turbo. Непопулярный плагин, но поддерживает все возможности турбо-страниц: сортировку материалов, рекламные блоки, настройку логотипов.

Mihdan: Yandex Turbo Feed. Новый, пока малоизвестный плагин. В нем доступны все функции.

Подключение в Joomla 

Чтобы подключить турбо-страницы в Joomla, купите расширение JTurbo. Оно стоит 4 490 рублей. В модуле понятный инсталлятор, который сможет настроить каждый. Плагин постоянно обновляют, работает служба поддержки. Инструмент поддерживает обновленные версии Joomla. 

Монетизация турбо-страниц

Турбо-страницы монетизируют через:

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

Маркетинг

Читайте также:

Что такое глубинное интервью в маркетинге и как его проводить

Что такое глубинное интервью в маркетинге и как его проводить

Анализ статистики турбо-страниц

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

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

Сквозная аналитика Calltouch

• Анализируйте воронку продаж от показов до денег в кассе
• Автоматический сбор данных, удобные отчеты и бесплатные интеграции

Узнать подробнее

Ошибки турбо-страниц

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

Некорректные HTML-элементы. Проверьте, все ли элементы есть в turbo:content и написан ли текст в теге CDATA.

Ошибки валидации. Возможно, вы неправильно записали адрес RSS-ленты, или URL запрещен в robots.txt.

Повтор URL, указанных в link элемента item. Для устранения проблемы зайдите в Yandex.Webmaster, найдите раздел «Турбо-страницы для контентных сайтов», в секции «Источники» отключите дублирующие RSS-каналы.

Как отключить и удалить турбо-страницы

1. Откройте секцию «Источники» в Webmaster и выгрузите перечень CSV. 
2. Перенесите ссылки из CSV в IKSWEB и сгенерируйте.
3. Скачайте файл, после чего загрузите его в корневой каталог.
4. Вставьте скопированный адрес файла в графу «Ссылки на RSS» на странице «Источники».

Коротко о главном

• Турбо-страницы загружаются в 15 раз оперативнее по сравнению с обычными. Они снижают коэффициент отказов и увеличивают конверсию сайта.
• Область применения: онлайн-магазины, СМИ, блоги, промо-сайты, площадки, у которых нет мобильной версии. Технология Yandex Turbo облегчает содержимое ресурса, чтобы оно лучше и быстрее отображалось на смартфонах.
• Даже если сайт по каким-либо причинам станет недоступен, турбо-версии его страниц будут работать, потому что Яндекс хранит информацию на своих серверах.