Турбосайт что это такое
Легкие, быстрые, продающие
Войдите в свой аккаунт в Директе или зарегистрируйтесь и следуйте пошаговой инструкции по созданию Турбо-сайтов в конструкторе
Посмотрите, какие возможности оформления есть в Директе ― создайте красивые и быстрые лендинги легко!
Если появятся вопросы, обращайтесь в отдел клиентского сервиса — обязательно поможем.
Если нужен сайт, лендинг или интернет-магазин
Турбо-сайты в Директе подходят для решения разных задач — от представления интернет-магазина с множеством товаров до создания лендинга организации.
Скорость, конверсионность и другие преимущества
Вы можете оценить функциональность ускоренного интернет-магазина на примере, а также узнать о ключевых возможностях Турбо-сайтов для вашего бизнеса в коротком видео:
Турбо-сайты позволяют представить весь ассортимент интернет-магазина под одним доменным именем с разными разделами. Можно разместить карточки с описанием товаров и услуг, корзину для быстрых покупок и окно оформления заказа с указанием возможных способов доставки и оплаты. Заявки клиентов поступают на указанную вами почту, а данные о заказах хранятся у вас и всегда доступны, например, для анализа и запуска рекламы.
Как создать Турбо-сайт в Яндекс.Директе
Как создать и запустить?
Войдите в свой аккаунт в Директе или зарегистрируйтесь. На странице создания и редактирования группы объявлений выберите готовый шаблон, создайте многостраничный сайт с чистого листа или соберите интернет-магазин по видеоинструкции.
Добавляйте разные лендинги для разных групп объявлений и экспериментируйте: отредактировать опубликованный Турбо-сайт или переопубликовать его, не изменяя ссылку, можно в любой момент.
Посмотрите, какие возможности оформления есть в Директе ― создайте красивые и быстрые лендинги легко!
Кому можно доверить создание Турбо-сайтов, если требуется помощник?
У нас есть проверенные партнёры — можно выбрать частного специалиста или сертифицированное рекламное агентство.
Куда обращаться, если остались вопросы?
В отдел клиентского сервиса — обязательно поможем.
Как самостоятельно создать турбо-сайт за 5 минут?
Представим себе ситуацию: у вас появился новый товар или услуга. Или, быть может, вы планируете провести акцию или открыть новое направление в бизнесе.
Как оперативно оповестить целевую аудиторию об этих изменениях? С помощью интернет-рекламы.
Но для рекламы нужен сайт с необходимым функционалом, целевые страницы, обработчики событий и многое другое. Что же делать, если этого нет? Или сайт есть, но у него нет мобильной версии.
Как быстро решить этот вопрос, если оперативно воспользоваться услугами разработчика не получится?
В такой ситуации на помощь приходит конструктор турбо-страниц Яндекса.
В статье рассказываем, как с его помощью создать турбо-сайт.
Хотите подробнее посмотреть на процесс создания турбо-сайта? На эту тему у нас есть видеоролик!
Создание первого турбо-сайта: пошаговая инструкция
Заходим в Яндекс.Директ и нажимаем на ссылку «Конструктор турбо-страниц», далее жмем кнопку «создать турбо-сайт».
Здесь мы вводим название главной страницы сайта и выбираем подходящий шаблон. Их довольно много, заготовки есть практически для всех ситуаций. Вы можете остановиться на подходящем для вас шаблоне или выбрать пустую страницу.
Последний вариант мы и разберем. После выбора пустой страницы не забудьте нажать на кнопку «Создать».
Мы перешли в режим конструктора. Здесь нам нужно добавить секцию и выбрать из предложенного списка шапку. Мы для примера остановимся на шапке с логотипом, меню, кнопкой и минимальной контактной информацией.
Заготовка выбрана, теперь можно с ней работать. Меняем название компании на своё, загружаем логотип. В блоке меню оставляем пока только пункт «Контакты», заменив переход на «Секция – Подвал».
Остальные пункты мы убираем, но в любой момент можем добавить их снова, нажав кнопку «Добавить пункт меню».
Далее нам нужно исправить номер телефона. Кроме того, при необходимости можно добавить еще контакты: телефон, адрес или e-mail.
После этого корректируем время работы — и вот уже готова полноценная шапка сайта.
Далее добавляем еще одну секцию «Текст», пишем здесь свое УТП и послание, которое хотим донести до аудитории. Также можем добавить преимущества нашего предложения.
Что ж, теперь переходим к добавлению товара. Кликаем на товар справа в меню и корректируем необходимые поля:
Кстати, если вы дополнительно укажете старую цену, размер скидки рассчитается автоматически, и эта информация будет выведена на фото товара.
Количество отображаемых товаров может составлять от 1 до 4.
В нашу шапку также автоматически была добавлена кнопка корзины, при клике на которую посетители попадают на страницу оформления заказа. В нашем примере мы не будем вносить изменений на данном этапе — оставим переход по кнопке «Корзина».
Прокручиваем страницу ниже и редактируем форму заказа — меняем значения всех полей на свои. После корректировки нажимаем «Сохранить».
С помощью функции предпросмотра вы можете посмотреть, какая страница у вас получилась. Если вас всё устраивает, страницу можно опубликовать.
Теперь нужно отредактировать некоторые свойства страницы:
После заполнения всех настроек нажимаем на кнопку «Применить настройки сайта». Всё, наш первый турбо-сайт готов!
Переходим по ссылке опубликованной страницы, проверяем контент и функционал. Всё в порядке? Значит можно запускать рекламу!
Вы можете добавить к сайту и другие страницы. Указав их в пунктах меню в шапке, вы получите многостраничный сайт.
Как видите, с помощью конструктора турбо-страниц вы самостоятельно и за короткое время можете сделать работоспособный сайт, оптимизированный под мобильные устройства.
Пробуйте и внедряйте!
 | Статью подготовила Анастасия Горбач, ведущий спикер Webcom Academy. |
Узнайте, как находить целевых клиентов в соцсетях!
Практический курс «Таргетированная реклама в социальных сетях»: используйте новые инструменты для привлечения аудитории!
Турбосайт что это такое
Теперь рекламодатели Директа с помощью конструктора могут бесплатно создавать Турбо-сайты и использовать их в рекламных кампаниях.
Чем полезен Турбо-сайт для рекламодателей
Эффективность использования технологии подтверждают кейсы клиентов. Недавно мы рассказали, как вакансия на Турбо-странице привлекла на 48% больше откликов от соискателей с мобильных.
В чём отличие Турбо-сайта от Турбо-страниц?
Название вашей организации в доменном имени поможет пользователям быстрее запомнить сайт. Также на одном ресурсе удобнее изучить детали вашего предложения, заполнить форму заявки на услугу или совершить заказ. Перейдя по рекламе одного товара, посетитель сможет посмотреть товары на остальных страницах, а значит — вероятность покупки повысится.
Мы создали пример Турбо-сайта. Он работает как витрина, чтобы вы могли самостоятельно проверить функциональность и оценить возможности конструктора.
20 минут — столько времени заняла сборка сайта в конструкторе Директа. Видео с процессом создания — в конце материала.
Что нового в сайтах?
Сквозные секции для верхнего и нижнего меню на всех страницах сайта сэкономят время на копировании страниц и изменениях.
Корзина и форма заказа работают на всех страницах. Даже в каталоге из нескольких страниц пользователь сможет собрать товары в одну корзину и оформить заказ из любого раздела сайта.
Автоподстановка данных вашей организации из Справочника. Если карточка вашей организации есть в Справочнике, данные из неё можно быстро добавить на Турбо-сайт. Название, телефон, почта и другие контакты автоматически заполнят нужные секции на всех страницах сайта и обновятся при изменении в Справочнике. Если карточки в Справочнике ещё нет, её можно легко создать прямо в конструкторе Директа. Мы подготовили подробную инструкцию в Помощи.
Библиотека сохранённых секций позволит сохранить ваши заготовки с вариантами контента и оформления. Например, можно на время убрать с витрины закончившийся товар и вернуть позже, чтобы не собирать секцию с ним заново.
Перенос страниц из папки в папку. Чтобы вам было удобнее структурировать контент, мы добавили функции переноса страниц из одной папки в другую. Папки и сайты так же можно переносить из папки в папку. Например, вы сможете собрать уже опубликованные и привязанные к объявлениям страницы в отдельный сайт. Читайте подробности в Помощи.
Как создать Турбо-сайт в Директе
Если вам понадобиться скрыть сайт на время или удалить насовсем, вы в любой момент сможете это сделать.
Пошаговая инструкция и рекомендации по оформлению есть в Помощи Директа.
Как создать Турбо-сайт в Яндекс.Директе [пошаговый гайд]
На примере интернет-магазина проходим все этапы и настройки
Яндекс давно использует технологию Турбо-страниц — для создания «легких» страниц, которые загружаются в разы быстрее обычных. В Директе на основе этой технологии можно создавать Турбо-сайты и запускать рекламу на них.
В статье на примере интернет-магазина покажем, как создать и настроить Турбо-сайт.
Что такое Турбо-сайты и чем они полезны
Турбо-сайт можно создать с помощью конструктора в интерфейсе Яндекс.Директа и использовать для разных целей: для отдельных рекламных кампаний или как основной.
Преимущества Турбо-сайтов
Быстрая загрузка
Технология Турбо-страниц разработана для того, чтобы увеличить скорость загрузки контента с мобильных устройств. Такие страницы максимально облегченные: нет лишних эффектов, скриптов и тяжелой графики. Страницы загружаются в 15 раз быстрее страниц обычных сайтов. Это позволяет не терять пользователей, у которых на момент загрузки плохой интернет.
Индексация поисковиками
Турбо-сайты хорошо индексируются поисковиками и могут приводить органический трафик, если контент сайта отвечает на запрос пользователя.
Больше конверсий
Быстрая загрузка при просмотре с мобильных устройств критически важна для конверсии сайта. Турбо-сайты загружаются быстро даже при нестабильном качестве связи, снижают показатель отказов на мобильных до 30%. В результате: больше пользователей дожидаются загрузки контента, остаются на сайте, и увеличивается доля тех, кто доходит до оформления заказа.
За создание сайта не нужно платить
Турбо-сайты бесплатные, количество сайтов не ограничено. Это значит, что в одном аккаунте Директа вы можете создавать несколько сайтов (например, для адаптации к разным кампаниям, тестирования нескольких гипотез или разделения ассортимента).
Не нужно платить за домен, хостинг, поддержку сайта.
Легко создать
Турбо-сайты создаются по принципу конструктора: есть набор готовых секций с разным видом контента и вариантами расположения. Секции можно адаптировать под себя, располагать на странице в любом порядке, редактировать оформление.
Если вы создавали сайты на Тильде или другом сервисе-конструкторе, то конструктор Турбо-сайтов будет для вас понятным и привычным.
Турбо-сайты по умолчанию адаптивные — не нужно отдельно прорабатывать отображение сайта на устройствах с разным расширением экрана.
Готовые шаблоны
При создании сайта доступны готовые шаблоны, адаптированные под разные тематики (например, сайт магазина мебели или фитнес-центра).
Аналитика
По умолчанию при создании сайта автоматически создается новый счетчик Яндекс.Метрики, в котором уже настроено отслеживание целей по взаимодействию с кнопками и другими элементами страницы. Также можно подключить свой счетчик.
Есть функционал для интернет-магазинов
Можно добавлять карточки товаров с несколькими фото, ценой и описанием. Есть настраиваемая корзина, в которой можно редактировать обязательные поля, добавлять способы доставки и оплаты.
Заявки клиентов поступают на почту, а данные о заказах хранятся у вас и всегда доступны, например, для анализа и запуска рекламы.
Для каких задач полезны Турбо-сайты
У Турбо-сайтов есть несколько вариантов применения.
Турбо-сайты можно использовать для персонализации в рекламе. Например, продвигать для разных сегментов целевой аудитории разные категории товаров или использовать разную коммуникацию на странице сайта.
Простота и доступность инструмента обеспечивает широкий простор для тестирования гипотез.
Есть и ограничения
В Турбо-сайте вы не сможете использовать кастомный дизайн, добавлять дополнительный функционал. Не получится также автоматически загружать весь ассортимент магазина с помощью фидов.
Турбо-сайты — это, скорее, инструмент для быстрого тестирования гипотез, запуска рекламы на отдельные товары, создания промостраниц с акциями и специальными предложениями.
Также Турбо-сайты отлично подойдут тем, у кого небольшой ассортимент товаров, но нет своего сайта. На первых порах такой сайт заменит интернет-магазин на собственном хостинге, так как в нем есть базовые функции:
Далее на примере интернет-магазина детских игрушек покажем пошагово, как создать Турбо-сайт, и познакомим с функционалом конструктора.
Как создать Турбо-сайт с нуля: пошаговая инструкция
Для создания турбо-сайта перейдите в конструктор Турбо-страниц в Директе (раздел «Инструменты» / «Конструктор Турбо-страниц»).
Система покажет всплывающее окно с предложением создать Турбо-сайт.
Мы будем создавать Турбо-сайт для интернет-магазина, поэтому выбираем соответствующий шаблон и жмем «Создать».
Задаем базовые настройки Турбо-сайта
Перейти в них можно из панели инструментов (кликнув по кнопке с шестеренкой).
Настройки сайта
Здесь необходимо задать адрес сайта. Сайт будет размещаться на домене turbo.site, но название сайта можно задать любое (не короче 4 символов). Также адрес сайта можно в любой момент изменить.
Можно указать главную страницу (если вы создали несколько страниц), а также добавить фавиконку.
Счетчик Яндекс.Метрики
По умолчанию при создании Турбо-сайта Яндекс автоматически создает новый счетчик Яндекс.Метрики и привязывает его.
Вот так выглядит автоматически созданный счетчик в Метрике:
Для отслеживания кликов по кнопкам или взаимодействия с контентом в секциях страницы уже готовы настроенные цели, данные по которым будут передаваться в Метрику:
Также можно добавить свой счетчик, но в этом случае вам придется вручную указывать идентификаторы целей для каждого элемента, взаимодействие с которым хотите отслеживать. Проще воспользоваться автоматически созданным счетчиком с предустановленными целями.
Настройки страницы
Эти настройки применяются к странице, которую вы сейчас редактируете.
Указываем адрес страницы:
Заполняем поля для SEO: заголовок, описание, указать канонический адрес при необходимости. Также можно закрыть страницу от индексации.
Настраиваем отслеживание действий. По умолчанию для отслеживания на странице используется счетчик всего сайта. Но при необходимости для страниц можно добавлять отдельные счетчики.
В блоке «Соцсети» указываем заголовок, описание и добавляем картинку, которая будет использоваться при отображении ссылки на ваш сайт в соцсетях.
Ссылки для просмотра
В этом разделе отображаются две ссылки:
Моя организация
В разделе «Моя организация» можно привязать организацию из Яндекс.Справочника, если у вас уже есть созданный и подтвержденный профиль. Данные из Справочника автоматически подтянутся в соответствующие поля секций страницы.
Создаем страницу в конструкторе
Над окном конструктора — навигация по директории с сайтом. Здесь вы можете переключаться между страницами или сайтами (если их несколько), а также создавать новые страницы.
Ниже — панель инструментов:
Страница собирается из секций: блоков определенного типа. Их можно собрать с нуля или адаптировать под себя стандартную структуру страницы, предложенную в шаблоне.
Чтобы добавить новый блок на страницу, нажмите «Добавить секцию». Откроется меню, в котором собраны все доступные типы секций. Для каждого типа (например, шапки) доступны несколько вариантов с разным расположением контента.
Для начала добавим шапку. Выбираем вариант «С логотипом, меню, кнопкой и минимальной контактной информацией».
Теперь отредактируем шапку:
Редактировать текст в шапке (и в других секциях Турбо-страниц) можно прямо в самой секции или в меню настроек в правой части интерфейса.
При добавлении/редактировании пункта меню в шапке необходимо указать, куда нужно переходить при клике на ссылку. Доступно два варианта:
Пункты меню можно легко менять местами с помощью перетаскивания:
В блоке «Контакты» можно добавить несколько контактов. Здесь доступно 4 типа контактов:
Также в шапку можно добавить иконки социальных сетей. Мы пока этого делать не будем, чтобы не перегружать шапку и оставить в ней только самую важную информацию.
Добавляем обложку
Добавляем новую секцию — «Обложка».
На обложке размещаем заголовок с подзаголовком, изображение, а также ставим кнопку.
Фон обложки можно залить цветом или поставить фоновое изображение.
Добавим преимущества — чтобы рассказать клиентам больше о нашем магазине
Для пунктов преимуществ можно добавить подложку — так они будут выглядеть более приятно и структурированно.
Следующая секция — товары
Выбираем вариант «В четыре колонки», чтобы на одном экране пользователи могли видеть сразу несколько товаров.
Секция пока что выглядит так:
Теперь нужно будет добавить информацию о товарах и фотографии.
Обратите внимание! После добавления секции с товарами в шапку автоматически добавилась кнопка корзины.
Также внизу страницы появился предпросмотр формы оформления заказа (ее мы рассмотрим детальнее ниже).
Создаем карточки товаров
Для добавления товаров переходим в правом меню в секцию товары и раскрываем ее настройки.
Перед тем как приступать к добавлению товаров, активируйте переключатель «Дополнительные настройки» (если до этого он был выключен). Так при работе с секцией будут доступно несколько полезных дополнительных опций.
Здесь можно настроить:
Выберите тот формат, в котором у вас подготовлены фото товаров. Если в настройках секции товаров выбран формат 1:1, а вы попытаетесь загрузить фото с соотношением сторон 16:9, изображение нужно будет обрезать и часть содержимого не будет показана.
Список товаров в секции отображается так:
Товары можно перетаскивать и менять местами, удалять или создавать копию. С помощью кнопки «Добавить» можно добавить неограниченное количество товаров.
Как создать карточку товара
Для этого нажмите на иконку карандаша у нужного товара (появляется при наведении). Откроется всплывающее окно редактирования.
Пройдемся по основным полям:
При загрузке изображения система предложит обрезать картинку, чтобы подогнать ее под формат, выбранный в настройках.
Можно добавить несколько фото товаров. В этом случае при клике (или тапе) на фото будет открываться слайдер, в котором можно перелистывать все доступные изображения.
Текст можно минимально отформатировать: выделить отдельные фрагменты жирным, курсивом или подчеркиванием; изменить цвет текста и заливку.
Если товар продается без скидки, заполняйте только поле «Текущая цена». Если же на отдельные позиции вы хотите добавить скидку, укажите в поле «Старая цена» исходную цену, а в поле «Текущая» — цену с учетом скидки.
Товары со скидками будут отображаться так:
В настройках секции (в пункте «Оформление») можно выбрать цвет текста цены, цвет бейджа скидки, а также указать способ отображения скидки — в процентах или в деньгах.
Всей секции с товарами можно добавить фон — цвет или изображение.
Любая секция копируется и перемещается в нужное место страницы.
Используйте эту функцию, если нужно разбить ряды товаров разделителем или другим контентом.
Добавляем контакты и карту
Если у вас есть физический магазин, где клиенты могут посмотреть ваши товары вживую, полезно добавить секцию контактов с картой.
Здесь можно указать всю контактную информацию, которая может быть нужна пользователям, а также показать адрес компании на карте.
Контакты отображаются в ряд (на десктопе) или в столбец (на планшетах и мобильных). Можно выбрать стиль отображения:
Для отображения карты с нужной отметкой и схемой проезда, в секции можно добавить ссылку на карту, созданную в Конструкторе карт Яндекса.
Можно настроить высоту карты (с помощью кнопок размеров XS-XL), а также изменить компоновку секции (разместить карту справа от списка контактов).
Под контактами и картой можно разместить иконки соцсетей. Для этого необходимо кликнуть по кнопке «Добавить соц. сеть» и выбрать нужную соцсеть из выпадающего списка.
А затем указать ссылку на группу или страницу:
Настраиваем корзину
В самом низу страницы отображается форма заказа — клиенты ее будут заполнять при оформлении товара, добавленного в корзину Турбо-сайта.
Форму нужно адаптировать под себя, а также сделать обязательные настройки.
Что нужно заполнить в настройках:
Для физлиц необходимо указать ФИО и адрес.
В блоке настроек «Данные клиента» можно настроить поля, которые пользователь должен заполнить при оформлении заказа. По умолчанию здесь три поля:
Поля для ввода телефона и почты — обязательные. Изменить или удалить их нельзя. Поле «Ваше имя» можно редактировать: изменить название поля, отредактировать поясняющий текст (плейсхолдер), а также активировать или снять галочку «Обязательное поле». Если галочка установлена, для оформления заказа клиенту обязательно нужно указать свое имя.
Можно добавить дополнительные поля, но мы не рекомендуем этого делать, если нет острой необходимости. Чем проще форма и чем меньше в ней полей, тем проще клиентам ее заполнять, и конверсия не пострадает.
Следующий блок настроек — варианты получения заказа (доставка).
По умолчанию есть три предустановленных варианта доставки. Их можно отредактировать под себя или удалить и создать заново.
Для создания способа доставки нужно:
Следующий блок настроек — способы оплаты.
Их всего два, и отредактировать можно только название:
На этом настройки формы заказа закончены, можно проверять страницу полностью и, если все в порядке, опубликовать.
Футер
Еще одна обязательная секций — подвал. Ее нельзя удалить или переместить. По умолчанию в футере отображается информация о том, что сайт создан с помощью технологии «Турбо-страницы».
В футер можно добавить:
Также можно изменить тему оформления футера: выбрать светлую или темную.
Проверяем страницу в предпросмотре и публикуем
Перед публикацией проверьте страницу в режиме предпросмотра.
В предпросмотре вы можете переключаться между разными видами отображения: десктоп, мобильное устройство, планшет.
Также можно скопировать ссылку и перейти по ней из адресной строки браузера, чтобы посмотреть, как страница смотрится вживую. А еще ссылку можно переслать себе на мобильный и открыть в мобильном браузере.
После того как все настройки проделаны и страница оформлена, ее можно опубликовать.
Сайт готов, теперь на него можно запускать трафик из Директа или других источников. Заявки будут приходить на почту, а в Метрике сможем отслеживать поведение пользователей и взаимодействие с контентом.
Рекомендации по оформлению интернет-магазина в Турбо-сайтах
Подборка советов по оформлению Турбо-страниц, которые помогут сделать их более эффективными:
Повышайте доход от ведения контекстной и таргетированной рекламы! Подключите рекламные аккаунты ваших клиентов к Click.ru — получайте вознаграждение до 18% от их расходов на рекламу. Деньги выводите на электронные кошельки когда вам удобно или вкладывайте обратно в рекламу.
Кроме партнерской программы вы получаете другие преимущества: один договор и акт на все рекламные системы, единый баланс, приоритетная техподдержка, инструменты для автоматизации и оптимизации рекламы.