Яндекс турбо что это

Яндекс.Директ закроет турбо-страницы в 2023 году: 7 причин почему?

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

Кейс

В далёком 2018 году, когда турбо-страницы только начали массово тестировать в рекламе я работал в МФО и тоже испытал этот инструмент в бою. Тогда результаты поражали, турбо-страницы легко решали проблему масштабирования за счёт скорости тестирования, релевантности и уникальности.

Варианты турбо-страниц

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

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

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

Причины

По моему мнению, все описанное ниже должно привести к закрытию турбо-страниц в текущем году.

Ограниченные варианты дизайна: Турбо-страницы имеют ограниченный набор вариантов дизайна, что затрудняет создание уникальной и визуально привлекательной страницы.
Ограниченная аналитика. Турбо-страницы имеют ограниченные аналитические возможности, тем самым затрудняя отслеживание и анализ поведения пользователей. За все годы существования так и не решились многие проблемы с дополнительными параметрами передаваемыми в GA и Метрику. Сами страницы сложно связываются между друг другом, из-за чего происходит потеря пользователей.
Ограниченная сторонняя интеграция: Турбо-страницы могут быть не полностью совместимы со сторонними сервисами и инструментами, что затрудняет добавление дополнительных сервисов таких как ip-телефония и прочее.
Ограниченная масштабируемость: Турбо-страницы могут не справиться с большими объемами трафика и данных, что затрудняет масштабирование бизнеса или веб-сайта. Также часто бывают проблемы с ранжированием в SEO и как следствие недобор трафика.
Ограниченная безопасность: Турбо-страницы могут не иметь такого же уровня безопасности, как другие варианты веб-разработки, что делает их уязвимыми для взлома и других угроз безопасности.
Сложная навигация: Часто бывает что часть ссылок на турбо-страницах ведут на сайт где абсолютно другой дизайн, часть ведут на другие турбо-страницы. Некоторые изображения и видео могут не отображаться, всё это в совокупности дезориентирует и снижает конверсию.
Во времена когда в тренды диджитал маркетинга входят виртуальные инфлюенсеры и искусственный интеллект, турбо-страницы как инструмент для продвижения кажутся слишком устаревшими. Все они выглядят абсолютно одинаковыми, внутренние инструменты позволяют создавать только шаблонные страницы, а с помощью внешних можно разве что менять логотип и кнопки.

Итог

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

Турбо-страница — это версия обычной веб-страницы, на которой есть текст, картинки, видео, — но она стала лишней.

А что думаете вы?

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

Турбо-страницы на реальных проектах

Рассмотрим приведенные преимущества с точки зрения SEO, чтобы попытаться понять — внедрять у себя турбо-страницы или нет.

Сниппеты

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

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

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

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

Настройка статейных турбо-страниц

Настраиваем автообновляемый RSS-фид и подключаем его в панели Яндекс.Вебмастер, либо через API. Затем подключаем счетчики — Метрику и Google Analytics, а также рекламу (РСЯ или ADFOX).

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

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

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

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

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

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

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

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

Часто встречающиеся ошибки

Ошибка №1 — Некорректный код контента. Это часто может быть связано с тем, что в фиде формируются новые теги, которые не поддерживаются Яндексом, либо с тем, что добавляемый текст не размечен тегами для деления на абзацы

, а тегами
для перехода на новую строку.

За счет этого турбо-страницы не формируются и выдается ошибка:

Как вариант, если настроен RSS-фид, нужно выдать рекомендации контентщикам не добавлять лишние теги, либо их как-то программно вырезать.

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

Практика показывает, что для статейных страниц оптимальный размер изображений — 432px по ширине.

Ошибка №3 — Некорректные адреса. Эта ошибка появляется, если в статье есть якорные ссылки на блоки, которые при формировании турбо-страниц либо вырезаются, либо просто не формируются.

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

Ошибка №4 — Заказы не попадают в CMS. Эта ошибка не появляется в Яндекс.Вебмастере, но ее стоит иметь в виду каждому SEO-специалисту. При оформлении заказа на турбо-странице, данные могут попадать в спам.

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

Другие популярные ошибки:

ошибка валидации из-за закрытия фида в robots.txt
избыточное количество изображений (более 30)
некорректная кодировка файла (вся турбо-страница состоит из знаков вопроса и это не отслеживается Я.Вебмастером, нужно самим проверять)
первая строка в фиде — пробел
заголовки h1..h6 не размечены в фиде заголовками
заголовок h1 продублирован после header
фид содержит только часть статьи

Рецепты применения

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

Для сайтов услуг желательно создать статейные турбо-страницы для акций или новостей и настроить для них отдельные мини-баннеры (формата 16.9). Это позволит получить в выдаче те самые расширенные сниппеты и увеличить кликабельность.

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

Кейсы

№1

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

На основе имеющегося YML- фида для Яндекс.Маркета весь процесс формирования турбо-страниц занял 30 минут.

Неплохой результат, фактически полученный за полчаса работы.

№2

Карусель турбо-страниц у главной страницы автодилера. Эта страница у клиента была самой трафикодающей, и находилась в топе. Поэтому наличие расширенного сниппета в выдаче могло хорошо повысить CTR.

Мы сформировали турбо-страницы для статей, для акций и для новостей компании. Здесь важно отметить, что подобные турбо-страницы необходимо периодически добавлять. А если у компании не так часто проводятся акции, нужно придумать и ввести обновляющуюся рубрику новостей. Если в течение 5 месяцев не добавлять подобные турбо-страницы, расширенный сниппет у главной пропадает.

На составление рекомендаций для программера и кастомизацию CSS ушло 3 часа. Плюс по мере формирования новых страниц возникали какие-то ошибки, и на рекомендации про правкам фида ушел еще 1 час (от таких ошибок, кстати, сниппет тоже пропадает).

№3

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

В результате, после внедрения турбо-страниц, количество переходов со смартфонов впервые превысило количество переходов с ПК. Процент переходов со смартфонов/ПК вырос с 91% до 122%, при этом не было снижения трафика и позиций для ПК.

Вместо вывода:

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

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

Пока только тем интернет-магазинам, у которых хорошо монетизируются cross-sell и up-sell блоки на сайте, не советуем турбировать страницы товаров, так как возможность реализовать этот функционал на турбо еще нет.

Турбо-сайты в Яндекс.Директе: кому они пригодятся и как их создать

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

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

Что из себя представляют Турбо-сайты и чем они выгодны

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

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

Рассмотрим подробнее особенности и преимущества Турбо-сайтов.

Плюсы Турбо-сайтов

Оптимизированы под быструю загрузку

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

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

лишних эффектов, замедляющих загрузку страницы;
скриптов;
«тяжелых» картинок и другой графики.

Это позволяет не терять пользователей, у которых на момент загрузки сайта плохой интернет (с обычными сайтами дело обстоит так: если страница не грузится в течение нескольких секунд — ее закрывают).

Подходят для SEO

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

Позволяют получать больше конверсий с мобильного трафика

Легкий вес страниц и быстрая загрузка на мобильных влияет на эффективность сайта. Чем меньше отказов (а Турбо-сайты позволяют снизить этот показатель до 30%), тем больше потенциальных клиентов попадают в воронку и в итоге вы получаете больше конверсий.

Бесплатны и без лимитов по количеству сайтов в аккаунте

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

Создаются в несколько кликов

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

Для тех, кто уже работал с конструкторами (например Wix или Тильдой), конструктор Турбо-сайтов от Яндекса будет максимально понятным.

Адаптивность

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

Есть готовые шаблоны

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

Интегрированы с Метрикой

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

Есть функционал для интернет-магазинов

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

В каких случаях пригодятся Турбо-сайты

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

Вместо разработки полноценного сайта под рекламный трафик. Идеальный вариант для тех, кто продает товары только в соцсетях, но хочет попробовать контекстную рекламу. Чтобы не тратить много бюджета и времени на разработку полноценного интернет-магазина, можно создать и наполнить товарами Турбо-сайт за несколько часов и сразу запустить на него рекламу.
Как мобильная версия основного сайта. Этот вариант подойдет тем, у кого уже есть сайт, но нет адаптации под мобильные. Разработка и оптимизация мобильной версии может быть дорогой (и затяжной по времени), а Турбо-сайт создается быстро, уже имеет адаптацию и хорошую скорость загрузки страниц.
Промо-страница. Универсальный вариант — подойдет для продвижения отдельных товаров/услуг (например, сезонного ассортимента), акций, конкурсов и других спецпредложений.

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

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

Ограничения Турбо-сайтов

Недостатки у технологии тоже имеются. Функционал Турбо-сайтов ограничен, и вы не сможете:

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

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

А теперь — к практике. Пошагово покажем, как работать с конструктором Турбо-сайтов и как создать в нем интернет-магазин детских игрушек.

Пошаговый гайд: создаем Турбо-сайт с нуля

Конструктор Турбо-страниц находится в разделе «Инструменты» Яндекс.Директа. Переходим в раздел и выбираем нужный инструмент:

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

Также здесь можно указать следующие настройки:

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

Мы будем создавать Турбо-сайт для интернет-магазина, поэтому выбираем соответствующий шаблон и жмем «Создать».

Первоначальные настройки

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

Пройдемся по основным настройкам, которые здесь есть.

Настройки сайта

Прописываем адрес сайта. Обратите внимание, Турбо-сайты всегда размещаются на домене turbo.site, но можно задавать произвольное название сайта. Наш сайт мы назовем так:

После создания нескольких страниц здесь мы также сможем указать главную страницу (которая должна открываться по умолчанию при переходе по URL https://mirigrushek.turbo.site).

Также загружаем фавиконку.

Счетчик Яндекс.Метрики

При создании сайта в Метрике автоматически генерируется новый счетчик, который связан с нашим Турбо-сайтом.

Вот так он отображается в Метрике:

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

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

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

Здесь находятся настройки страницы, которая сейчас открыта в интерфейсе конструктора. Заполняем следующие поля:

Адрес страницы. Система по умолчанию генерирует рандомный адрес, нам же нужно указать здесь нормальную ЧПУ-ссылку.

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

В блоке «Яндекс.Метрика» ничего не трогаем. По умолчанию на всех страницах сайта цели отслеживает счетчик всего сайта. Если потребуется, можно для отдельных страниц добавлять отдельные счетчики (скорее всего, это вам не понадобится, но простой знайте, что такая опция есть).

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

Ссылки для просмотра

В этом разделе отображаются две ссылки:

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

Моя организация

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

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

Теперь разберемся, как работать с конструктором (этот раздел будет полезен тем, кто раньше не работал с подобными сервисами).

Главное в интерфейсе

В центральной области — страница сайта, которую можно собирать из готовых блоков.

Над окном конструктора — навигация по директории с сайтом. Кликнув по хлебным крошкам, вы сможете быстро переходить на другие страницы сайта (или переключаться между сайтами). А также добавлять новые страницы.

Строкой ниже — панель инструментов:

Здесь есть кнопки для различных действий:

добавление секций;
отмены/повторения внесенных изменений;
переключение между вариантами отображения страницы — десктопная версия, планшетная и версия для мобильных), также есть кнопка предпросмотра;
просмотр истории версий (вы сможете откатываться к предыдущим версиям или проверять изменения);
копирование страницы;
сохранение и публикация.

Страница собирается по принципу конструктора — из готовых секций (блоков), адаптированных для разных видов контента. Секции можно редактировать и менять местами. Если при создании страницы использовался шаблон, он уже содержит базовый набор блоков, подходящих для выбранной тематики. Вы можете использовать эту же структуру и изменить только контент. Либо редактировать и структуру:

менять секции местами;
удалять ненужные и добавлять новые.

Для создания нового блока необходимо:

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

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

Секция добавлена на страницу с шаблонными данными. Теперь наша задача — изменить содержимое:

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

После публикации сайта телефон будет скрыт — вместо него отобразится кнопка с иконкой телефонной трубки и текстом «Показать телефон». Чтобы увидеть номер, необходимо кликнуть по кнопке (данные о кликах будут передаваться в Метрику, а вы сможете отслеживать их количество для оценки эффективности рекламы).

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

Чтобы изменить текст в любом элементе, достаточно просто кликнуть на него (появится курсор и вы сможете редактировать текст). Также это можно сделать в меню настроек секции — оно отображается справа.

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

секция текущей страницы;
другая страница (страница Турбо-сайта или внешний ресурс).

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

Далее переходим к блоку «Контакты». Здесь можно указать четыре типа данных:

телефон;
адрес (физический адрес магазина или офиса);
электронная почта;
часы работы.

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

Добавляем и настраиваем обложку

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

Создаем новую секцию, выбираем «Обложка» и нужный шаблон:

Загружаем картинку для фона (кстати, фон можно просто залить цветом), и оформляем обложку в таком виде:

Размещаем секцию с описанием преимуществ магазина

В настройках секции можно выбрать:

нужно ли отображать изображение (опция «Формат контента»);
количество колонок;
ширину и формат изображения.

Чтобы преимущества визуально выглядели еще лучше, добавляем к ним подложку со скругленными углами.

Добавляем секцию с товарами

При создании секции можно выбрать сетку компоновки товаров на странице — от одного до четырех в ряд. Нам подходит вариант «В четыре колонки» — так на одном экране сразу будут видны несколько позиций и клиентам будет проще ориентироваться в ассортименте.

Секция без добавленных товаров выглядит так:

Далее секцию нужно будет заполнить (ниже покажем подробнее, как это делается).

Помните, мы говорили о кнопке «Корзина» в шапке? Вот она, автоматически появляется в шапке после того, как на страницу добавили секцию «Товары»:

После добавления секции с товарами появляется еще один блок — внизу страницы отображается предпросмотр формы заказа (она будет показываться клиентам при нажатии на кнопку «Купить»).

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

Кликаем по секции «Товары» и переходим к её настройкам.

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

Что настраиваем:

Количество колонок для карточек товара. Здесь важно уточнить, эта опция влияет только на десктопную версию сайта. На мобильных и планшетах будет только одна колонка (с другими секциями, у которых в структуре несколько колонок, произойдет то же самое).
Формат фото (если отключены дополнительные настройки, вы не увидите эту опцию). Здесь можно задать соотношение сторон для фото товаров (по умолчанию — 1:1).

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

В настройках секции можно управлять существующими товарами (редактировать, менять местами, копировать или удалять) а также добавлять новые.

Обратите внимание! Лимита на количество товаров нет, поэтому можете добавлять любое количество товаров. Единственный недостаток — каждый товар придется заводить вручную.

Как добавлять товары

Открываем режим редактирования товара (нужно кликнуть на иконку карандаша). Появится всплывающее окно с возможностью добавления необходимых данных.

Вот что здесь можно добавить:

Изображение. Одна или несколько картинок, которые можно загрузить разными способами: с компьютера, из библиотеки Яндекса или выбрать из ранее загруженных.

Изображение нужно будет подогнать под формат:

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

Название (длиной до 50 знаков) и описание.

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

Цена товара. Можно указать обычную цену или цену со скидкой. Для отображения скидки нужно заполнить оба поля.

Вот так отображаются скидки в карточках товаров:

Для отображения скидок доступны несколько настроек оформления. Можно задать:

формат отображения скидки (в рублях или %);
цвет зачеркнутой цены;
цвет стикера с отображением размера скидки.

В секции с товарами можно настроить фон — добавить фоновое изображение или заливку цветом.

Добавляем секцию с картой и контактами магазина

Если клиенты могут прийти в офлайн-магазин или офис для самовывоза или приобретения товаров — добавляем карту с адресом и контактами.

Для этого нам понадобится секция «Контакты»:

Указываем контактную информацию (телефон, email, адрес и часы работы магазина).

Обратите внимание! На десктопе контакты отображаются в ряд, на мобильных устройствах и планшетах — в столбец.

Дополнительно можно выбрать стиль иконок:

или совсем убрать иконки.

Чтобы в секции отобразилась карта с проставленной геометкой и схемой проезда, ее предварительно нужно создать в Конструкторе карт Яндекса. А затем добавить в настройках секции ссылку на нее.

Для карты доступна настройка размера (с помощью кнопок XS-XL). Также можно менять компоновку элементов секции — размещать контакты над картой или слева столбиком.

Внизу в секции с контактами можно добавить иконки аккаунтов соцсетей:

Редактируем форму заказа

Пролистываем страницу в самый низ — здесь находится предпросмотр формы заказа.

Ее нужно отредактировать: заполнить обязательные поля и изменить несколько настроек под наш магазин.

Обязательно нужно указать:

Адрес электронной почты, на которую хотим получать заказы. Если у вас работают менеджеры, указывайте несколько адресов — заказы будут приходить на вашу почту и на почту менеджера.
Юридическую информацию о компании или физлице.

Задаем поля для ввода

По умолчанию при оформлении заказа необходимо заполнить поля с ФИО, телефоном и email.

Телефон и почта — обязательные поля. Их нельзя убрать из формы или отредактировать.

Для поля «Ваше имя» доступны корректировки:

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

Также в форму можно добавить другие поля. Если вы продаете несложные товары, этого не стоит делать — чем сложнее форма, тем меньше конверсия. Но в некоторых случаях дополнительные поля могут быть необходимы как вам, так и клиентам. Поэтому смотрите по ситуации.

Варианты доставки

В блоке «Варианты получения заказа» необходимо задать варианты доставки, которые доступны клиентам.

В форме по умолчанию есть три базовых варианта доставки. Их можно удалить и добавить собственные. Ну или отредактировать существующие.

Способы оплаты

По умолчанию отображаются два способа оплаты: картой при получении или наличными.

Один из них можно удалить (два не получится, так как должен отображаться хотя бы один способ оплаты). Также можно менять название. Добавлять другие способы оплаты нельзя.

Последняя секция — футер

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

В настройках секции футера можно добавить больше информации для отображения:

краткое описание компании;
название компании и год основания;
логотип;
меню (ссылки на основные разделы или страницы);
контакты;
иконки социальных сетей.

Еще одна настройка — тема оформления. Есть два варианта: светлая или темная. Выберите подходящий вариант, исходя из общей стилистики страницы.

Финальная проверка и публикация

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

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

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

Теперь вы сможете привлекать трафик на сайт и получать заказы.

Создавайте Турбо-сайты, получайте заказы и тестируйте гипотезы: это бесплатно и просто

Напоследок несколько советов:

Соблюдайте принцип контрастности — это особенно важно, если вы размещаете текст на фоне картинки или подложки с цветной заливкой. Недостаточно контрастный цвет может сливаться с фоном и плохо считываться.
Для СТА-кнопок контраст еще более важен. Незаметная кнопка может стать причиной низкой конверсии.
Загружайте качественные фото товаров и другие изображения, которые добавляете на страницу. Это важно для восприятия сайта, помогает клиентам лучше рассмотреть товары и принять решение о покупке.
Пользуйтесь всеми доступными опциями редактирования секций для создания хорошего оформления страниц. Например, с помощью секций-разделителей можно отделить соседние блоки и улучшить их восприятие. Для этой же цели используйте внутренние отступы — блоки не будут «слипаться» друг с другом и страница будет визуально приятной.

Используйте не более 2 цветов для текста. Для выделения важной информации вообще достаточно полужирного начертания. А цветом при необходимости можно выделить важный фрагмент в заголовке обложки.
Не размещайте слишком много информации и различных блоков на странице. Обилие контента может отвлечь пользователя от конверсионного действия (оформления заказа или звонка).
Используйте предпросмотр для проверки отображения на разных устройствах. Турбо-сайты хорошо адаптированы к разным устройствам, но все же перед публикацией страницы и запуском трафика лучше убедиться, что все отображается как надо.

Турбо-страницы Яндекса: зачем нужны, как создать и подключить

22 ноября 2017 года Яндекс объявил о запуске Турбо-страниц в своём блоге. С тех пор прошло полгода, и я решил собрать всю актуальную информацию о них.

В статье я рассмотрю:

Что такое Турбо-страницы
Их плюсы и минусы
Как подключить
Что такое «Отладка Турбо-страниц»
Какие есть плагины для них
Что такое «некачественные Турбо-страницы»
Реклама и страницы для Яндекс.Директа
Заключение

Начнём с основного — что же такое Турбо-страницы?

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

Турбо-страницы — это облегчённая версия мобильных страниц, которая позволяет быстрее загружать страницы с мобильных устройств при мобильном поиске, в сюжетах Яндекс.Новости и в ленте Яндекс.Дзена. Похожая технология есть у Google, она была анонсирована в 2015 году и называется Accelerated Mobile Pages (AMP).

Давайте разберёмся, в чём же изюминка таких страниц.

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

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

Плюсы Турбо-страниц

Быстрая скорость загрузки

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

Увеличение скорости загрузки страниц происходит из-за того, что:

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

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

2. Серверы Яндекса:

Улучшают не только скорость загрузки, но и делают ваши страницы доступными 24/7 (даже если ваш сайт по какой-то причине не отвечает, Турбо-страницы будут доступны).
Снижается нагрузка на хостинг — вся нагрузка с Турбо-страниц ложится на серверы Яндекса.

3. Значок ракеты

Ещё одно преимущество таких страниц — в мобильном поиске они помечаются значком ракеты.

Мобильная аудитория постоянно растёт, многие уже знают, что означает этот значок. Пользователи могут отдать предпочтение странице со значком ракеты, так как она загрузится очень быстро.

Как бы здорово всё это ни звучало, у этой технологии пока есть и свои минусы.

Минусы Турбо-страниц

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

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

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

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

За полгода было написано большое количество инструкций, да и Яндекс выпустил подробное видео:

Если вкратце, для подключения Турбо-страниц нужно:

Настроить отображение Турбо-страниц. Для этого в Яндекс.Вебмастере перейдите в раздел «Турбо-страницы» → «Настройки»:

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

выбрать интересующий счётчик и добавить его идентификатор;
указать рекламный блок.

Создать RSS-канал. После настройки отображения потребуется RSS-канал формата Турбо-страницы. Яндекс использует для них версию RSS 2.0. Как создать канал,можно прочитать на сайте Яндекса: «Описание элементов RSS 2.0».
Подключить канал через Яндекс.Вебмастер. Сделать это можно по ссылке: https://webmaster.yandex.ru/site/turbo/sources/. Здесь вы выбираете сайт и добавляете или используете уже готовый RSS-канал.

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

Рекомендую ознакомиться с подробной инструкцией от Яндекса — «О технологии Турбо-страницы» и материалом «Турбо-страницы для владельцев сайтов».

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

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

Что такое «Отладка Турбо-страниц»

28 апреля 2018 года Яндекс анонсировал «Отладку Турбо-страниц». С помощью сервиса можно собрать свой шаблон для Турбо-страниц.

Инструмент новый и работает пока в режиме бета-версии. Свои пожелания к нему вы можете оставлять на странице новости: «Представляем отладчик Турбо-страниц».

Плагины для Турбо-страниц

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

Плагины для CMS «1С-Битрикс»:

Яндекс Турбо-страницы — модуль позволяет сделать RSS 2.0 выгрузку инфоблоков и статичных страниц для сервиса Яндекс Турбо-страницы. Он бесплатный.
Яндекс Турбо-страницы PRO — платная версия этого плагина с расширенным функционалом. Цена: 1000 рублей, есть бесплатный пробный период на 5 дней.

Плагины для CMS Drupal:

Turbo — модуль Яндекс Турбо-страниц RSS позволяет быстро выбрать и выгрузить любые типы в RSS-канал для Яндекс Турбо-страниц. Нужно учесть, что плагин последний раз обновлялся в декабре 2017 года.

Плагины для CMS Joomla:

Яндекс Турбо для Joomla и Яндекс Дзен — расширение для Турбо-страниц и Яндекс.Дзен. Поддерживает сторонние компоненты: K2, интернет-магазины, каталоги и другие. RSS подходит для Joomla! 1.5 / 2.5 / 3.5+ и выше. Расширение платное — 990 рублей, есть демоверсия.

Плагины для CMS OpenCart:

Яндекс.Турбо для товаров 0.1 — модуль Яндекс.Турбо для товаров ocStore 2.3.0.2.3. Как и в случае с Drupal, плагин давно не обновлялся (версия от 28 ноября 2017), но отзывы положительные.

Плагины для CMS WordPress:

NewsFeedbyTeplitsa — позволяет организовать трансляцию материалов сайта для сервиса Яндекс.Новости с поддержкой Турбо-страниц. Также давно не обновлялся (4 месяца назад), но есть много положительных оценок.
Яндекс.Турбо — плагин автоматически создаст на вашем сайте новую RSS-ленту (или несколько лент) для сервиса «Яндекс.Турбо» в полном соответствии с техническими требованиями Яндекса. Обновлялся недавно (4 недели назад), положительные отзывы.
YaTurbo — модуль позволяет гибко настроить RSS 2.0. выгрузку для Турбо-страниц. Последний раз обновлялся 5 месяцев назад, один положительный отзыв.
Yandex TurboFeed — плагин, генерирующий фид для Турбо-страниц от компании Яндекс. Обновлялся 3 месяца назад, несколько положительных оценок.

Как видно, плагинов много, лидер по их количеству — WordPress, что неудивительно.

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

Что такое «некачественные Турбо-страницы»

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

Для этого в Вебмастер было добавлено предупреждение: «Содержимое Турбо-страницы не соответствует оригинальной версии». Такие страницы в Яндексе назвали «некачественными».

Кроме того, 20 февраля в блоге Яндекса для Вебмастеров появилась статья «Турбо-страницы: опыт первых трёх месяцев». В ней говорилось, что с 5 марта 2018 года некачественные Турбо-страницы не будут появляться в Поиске, Дзене и Новостях. Вместо них будут оригинальные страницы сайта.

Чтобы ваши Турбо-страницы не попали под обозначение «некачественных Турбо-страниц», Яндекс рекомендует не допускать следующего:

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

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

Далее я хочу поговорить о рекламе, так как именно этот вопрос беспокоил всех веб-мастеров, которые получали доход с рекламных блоков.

Реклама и страницы для Яндекс.Директа

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

Рекламные блоки на Турбо-страницах

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

При запуске Турбо-страниц в ноябре 2017 года Яндекс ввёл ограничение — один рекламный блок на страницу. Это возмутило многих веб-мастеров и привело к «пылкой» дискуссии в комментариях к новости о запуске Турбо-страниц. Многих возмущало, что Яндекс регулирует количество рекламы, которое веб-мастер может разместить на своей Турбо-странице.

Яндекс «сражался» недолго: уже в декабре 2017 года ПС «пошла на уступки» — были сняты ограничения на количество рекламных блоков.

Тем не менее, чтобы не раздражать пользователей рекламой, Яндекс рекомендует ставить не больше одного рекламного блока на экран –это примерно 250 слов, 4 картинки или 4 видео. Так, как это делает сам Яндекс

Турбо-страницы для рекламы в Яндекс.Директе

Сразу скажу, что Турбо-страницы в Яндекс.Директе находятся в бета-тестировании и ограничен доступ к их созданию. Чтобы принять участие в бета-тестировании, обратитесь за помощью к менеджерам Яндекса или воспользуйтесь услугами рекламного агентства: https://yandex.ru/adv/contact/agency.

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

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

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

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

Заключение

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

Стоит подключить Турбо-страницы, если:

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

Не стоит подключать Турбо-страницы, если:

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

Этот вопрос был задан в теме «Турбо-страницы для интернет магазина» — всех волновало, когда же будет функционал для интернет-магазинов.

Сроки примерные, но, как мне кажется, летом нас ждут новые подробности, тем более функционал с «Обратным звонком» уже тестируется на Турбо-страницах в Яндекс.Директе. Как говорится, поживём — увидим.

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

Напоследок рекомендую ознакомиться с видео «Как Яндекс ускоряет интернет» через Турбо-страницы: