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

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

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

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

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

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

mirigrushek.turbo.site

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

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

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

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

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

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

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

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

• Промо-страница. Универсальный вариант — подойдет для продвижения отдельных товаров/услуг (например, сезонного ассортимента), акций, конкурсов и других спецпредложений.

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

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

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

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

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

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

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

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

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

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

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

Не удается открыть файл .turbo?

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

Windows не может открыть этот файл:

example.turbo

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

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

• Откройте Панель управления> Панель управления Главная> Программы по умолчанию> Установить связи.
• Выберите тип файла в списке и нажмите «Изменить программу».

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

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

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

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

Как настроить рекламу в Яндекс.Директе для лендинга

Операционные системы

DataTypes.net в настоящее время поддерживает следующие операционные системы:

Windows XP / Vista, Windows 7/8, Windows 10, CentOS, Debian GNU / Linux, Ubuntu Linux, FreeBSD, Mac OS X, iOS, Android

Если вы найдете информацию на этой странице полезной, пожалуйста, дайте ссылку на эту страницу.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как малому бизнесу рекламироваться в сервисах Яндекса

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Правильное SEO для карточки товара

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

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

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

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

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

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

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

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

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

1. Нажать «Добавить секцию» на панели инструментов 

2. Выбрать тип секций.

3. Выбрать вариант, который больше всего подходит для ваших задач.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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