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

Его особенности:

  • Бесплатный.
  • Домен и хостинг не потребуется. Сайт делается на поддомене .turbo.site
  • Cайт может быть многостраничный.
  • Есть готовые шаблоны и возможность создавать с нуля.
  • Конструктор из блоков (секций), довольно понятный и функциональный.
  • Адаптивный под планшеты и смартфоны.
  • Есть сео-оптимизация
  • При создании сайта автоматически создается Метрика (под все страницы) с автоматически целями, но можно заменить своим счетчиком.
  • Нельзя встроить внешний код (например, форму подписки) — есть встроенные формы заявки, кнопки (в них можно добавлять ссылки).
  • Нет секции с видео.

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

Где найти встроенный конструктор турбо-страниц Яндекс.Директа?

В своем аккаунте в боковом меню слева зайдите в раздел “Инструменты” — “Конструктор Турбо Страниц”.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Создание турбо-сайта и страницы

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

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

Нажимаю на одноименную кнопку “Создать Турбо сайт”.

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Я создам с чистого листа. Указываю название для сайта (в моем примере название лид-магнита, под который его делаю).

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Нажмите на скриншот, чтобы увеличить

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Нажмите на скриншот, чтобы увеличить

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Нажмите на скриншот, чтобы увеличить

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

В разделе “Ссылки для просмотра” — вы можете скопировать ссылку на вашу Турбо-страницу для предпросмотра в браузере (пока она еще не опубликована).

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Разделы: “Моя организация”, “Коллтрекинг”, “Уведомления о заявках” настраиваются опционально.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Рядом с иконкой настроек есть еще ряд полезных. А именно:

Справочный центр — откроются инструкции по работе с конструктором страниц.

История изменений

Создание копии страницы.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Добавление и редактирование секций

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Сбоку справа у вас будут настройки секции и возможности по редактированию ее содержимого.

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

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

И тогда вы сможете править контент и элементы дизайна в той или иной секции.

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

Текст можно редактировать непосредственно в секции или же сбоку справа заходить в раздел “Контент” — там же добавляется свое изображение, делаются настройки кнопок.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Изображение можно загрузить с компьютера или вставить из библиотеки.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Кроме того, вы можете удалить лишнюю кнопку или, наоборот, добавить еще.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Нажмите на элемент кнопки справа для редактирования.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Они же доступны при выделении секции на холсте + каждую секцию можно перемещать выше/ниже.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Второй секцией я добавляю список выгод своего предложения. Этот тип секций называется “Преимущества”, и предлагается несколько вариантов — в виде блоков с картинками или без. Я выбрала простой блок на 3 карточки без картинок с заголовком.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

У данной секции точно так же имеются настройки контента и дизайна.

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Далее по задумке у меня — сделать секции “заголовок” с призывом к действию получить мой лид-магнит и 2 кнопки-ссылки: получение в ВК и Телеграм.

Для заголовка я добавила секцию из раздела “Текст”.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

А кнопки вставила одноименной секцией.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

По умолчанию там 2 кнопки, но при необходимости, можно как убрать, так и добавить еще.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Нажмите на скриншот, чтобы увеличить

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Нажмите на скриншот, чтобы увеличить

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Также в конце я добавила секцию “Кнопки контактов” — она здесь интересно располагается сбоку слева или справа (это можно задать в настройках).

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

В контактах можно указать email, телефон, соцсети.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Публикация сайта происходит по одноименной кнопке “Опубликовать”. При публикации, если вы ранее не задали это в настройках, вас попросят указать адрес сайта на поддомене .turbo.site.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Важно: самый первый раз вы публикуете сайт и первую страницу на нем. Если вам нужно изменить адрес конкретной страницы, то сделайте это кликнув по шестеренке и выбрав “Настройки страницы”.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Нажмите на скриншот, чтобы увеличить

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Чтобы выйти из редактора, нажмите вверху слева на стрелочку.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Удалить опубликованную страницу нельзя — нужно ее предварительно снять с публикации.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Если зайти в раздел “Турбо-сайт” — там можно создать копию сайта, переименовать его, перенести в папку.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Просто в секциях вы редактируете элементы под себя — меняете тексты, картинки, фоны, ссылки и т.д.

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

Как создать турбо-сайт (лендинг) в Яндекс.Директ?

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

Как видим, конструктор достаточно функциональный и интересный, конечно, не без ограничений — как-то отсутствие секции с видео или встраивание внешнего кода…

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

Буду рада, если информация вам пригодилась!

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

Если что, пишите вопросы в комментариях.

Виктория