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

Что такое турбо-страницы Яндекса и для чего они нужны

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

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

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

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

Лента рекомендаций на турбо-страницах

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

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

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

Статья в тему: Как добавить сайт в рекламную сеть Яндекс

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

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

Шаг 1:

Добавление сайта в Яндекс.Вебмастер

Войдите в свой аккаунт Яндекс.Вебмастера и добавьте сайт. Нажмите на кнопку «Добавить сайт», введите в поле домен вашего ресурса и нажмите на кнопку «Добавить».

Чтобы подтвердить права на сайт, разместите на главной странице метатег, добавьте html-файл в корневую папку или внесите изменения в DNS-записи. После этого нажмите на кнопку «Проверить» и немного подождите. Обычно на подтверждение прав уходит до суток, но чаще это происходит быстрее.

Когда поисковик распознает метатег, кусок html-кода или изменённую DNS-запись, вы увидите в разделе «Настройки — Права доступа» пользователей, которые управляют сайтом. Теперь можно приступать к подготовке RSS-файла.

Шаг 2:

Загрузка RSS-файла в Вебмастер

Разместите готовый RSS-файл на сервере вашего сайта и загрузите его в панель вебмастера. Перейдите в раздел «Турбо-страницы — Источники», а в поле «Добавить RSS-канал» пропишите путь до RSS-файла на сервере и нажмите на кнопку «Добавить».

Загруженный RSS-канал отобразится в интерфейсе панели вебмастера в разделе «Источник данных».

Шаг 4:

Включение турбо-страниц

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

Шаг 5:

Установка Метрики и других счётчиков веб-аналитики

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

Помимо Яндекс.Метрики, вы можете привязать LiveInternet, Google Analytics, Mediascope, Mail.Ru, Rambler Топ-100.

Шаг 6:

Настройка внешнего вида

Внешний вид турбо-страниц легко изменить в разделе «Турбо-страницы — Настройки».

Логотип. Загрузите логотип, чтобы он отображался на турбо-страницах. Выберите в выпадающем списке, как он будет отображаться, укажите короткое название сайта, прикрепите изображение, кликнув на кнопку «Выбрать файл». Сохраните изменения, нажав на кнопку «Сохранить».

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

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

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

Нажмите на «Добавить CSS» и добавьте новые стили. Проверьте изменения в разделе «Турбо-страницы — Отладка».

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

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

Поиск. Чтобы облегчить навигацию, разместите строку поиска. Укажите URL страницы результатов поиска в поле и нажмите кнопку «Сохранить».

Конфигурационный файл theme.ini

Конфигурационный файл представляет собой обычный ini файл с именем «theme.ini». Редактировать этот файл можно с помощью любого текстового файла. Формат файла следующий:

name — название темы;screenshot — имя файла скриншота темы;author — имя автора темы;authorurl — ссылка на сайт автора;license — лицензия, под которой распространяется тема;about — описание темы;

В секции keys необходимо перечислить метки всех дополнительных полей в следующем формате:

и так далее.

Обратите внимание на то, что в файле theme.ini метки полей указываются без символов %, в то время как в файле blank.html — с ними. То есть, метку поля «Описание-сайта» мы пропишем в theme.ini так:. а в blank.html будем использовать ее так:

а в blank.html будем использовать ее так:

Блоки

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

1. Добавить в секцию info файла theme.ini строку blocks= 1;
2. В файле шаблона blank.html в месте, куда будут добавляться блоки, добавить метку поля %blocks%;
3. Добавить в секцию info файла theme.ini описание блока:

block-begin — что вставить перед началом блока;block-end — что вставить после блока;block-title-begin — перед заголовком блока;block-title-end — после заголовка блока;block-content-begin — перед содержимым блока;block-content-end — после содержимого блока.

Чтобы было немного более понятно, посмотрите, как это работает в теме Atomohost. Блоки там описаны следующим образом:

А вот как выглядит один блок в уже сгенерированном сайте:

HTML-шаблон

Теперь приступим к самому главному — редактированию HTML-шаблона. Открываем файл blank.html с помощью текстового редактора (кодировка файла — utf-8!). В качестве текстового редактора, обычный блокнот Windows не годится, необходимо что-то более продвинутое. Лично я пользуюсь Linux-овым редактором Gedit. Gedit для Windows можно скачать здесь: http://ftp.gnome.org/pub/gnome/binaries/win32/gedit/ (выбираем последнюю версию).

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

Метки полей — это выражения, заключенные в знаки «%» которые в процессе генерации сайта заменяются программой на тот или иной текст. Таким образом, там, где должен выводиться заголовок страницы, вы должны установить метку «%PageTitle%», там, где будет располагаться само содержимое страницы — метку %PageContent% и так далее.

Рассмотрим это на примере темы Atomohost. Блок содержимого страницы в ее шаблоне выглядит так:

Всего существует 9 стандартных полей:SiteTitle— заголовок сайта;WindowTitle— заголовок окна браузера;Description— описание сайта;Keywords— ключевые слова;MainMenu — главное меню;SidebarMenu — список страниц;PageTitle — заголовок текущей страницы;PageLink — ссылка на текущую страницу;PageContent — содержимое текущей страницы;

На месте меток MainMenu и SidebarMenu будет выведены списки в следующем формате

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

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

Как работает турбо

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

Как включить турбо на компьютере

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

Активировать турбо на постоянной основе

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

  1. Открываем Яндекс на компьютере и переходим в раздел настроек через верхнее выпадающее меню.
  2. В отобразившейся вкладке пролистываем немного вниз и находим блок «Турбо». В нем выбираем «Всегда включен».

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

Автоматическое включение

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

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

Видео

Расширенные параметры списков

Для авторов шаблонов доступны расширенные возможности настройки вывода пунктов меню (параметры li-main-begin, li-main-end, li-main-begin-active, li-main-end-active, li-pages-begin, li-pages-end, li-pages-begin-active, li-pages-end-active в файле theme.ini).

Полный список изменений

ОСНОВНЫЕ ИЗМЕНЕНИЯ

— Добавлена возможность устанавливать перенаправление на странице (для организации внешних ссылок в меню);
— Улучшенный редактор кода страниц и блоков с нумерацией строк, подсветкой синтаксиса и панелью инструментов;
— Добавлены шаблоны для блоков;
— Элементы списков теперь перемещаются с помощью мыши (а не кнопками под списками, как ранее);
— Добавлена возможность вставлять на страницы проекта значки социальных сетей при помощи сервиса Yandex.Share (http://share.yandex.ru);
— Функция работы с видео-файлами полностью переработана: уже добавленые на страницы проекта видео необходимо удалить и вставить заново из списка видео-файлов проекта;
— В параметрах страницы теперь можно задать индивидуальный заголовок окна для нее (тег );
— Редактор тестов SimpleTest Builder включен в установочный пакет TurboSite;
— На вкладке параметров страницы теперь можно не только импортировать уже существующий тест, но и создать новый, а также вызвать редактор теста;
— При добавлении файлов, изображений и видео в проект, их имена автоматически конвертируются в нижний регистр и траслитируются в латиницу;
— Добавлена возможность изменения языковых переменных для форм комментариев и обратной связи;
— На панель инструментов визуального редактора страниц добавлена кнопка «Печать»;
— В автопубликаторе добавлена возможность отключения автоматического удаления с сервера файлов, отсутствующих локально;
— На вкладке «Основные параметры» теперь можно задать произвольный HTML-код для секцийи, который будет добавлен при генерации во все страницы проекта;
— Новая строка состояния в визуальном редакторе, при наведении курсора мыши на ссылку, отображает ее адрес;

ИСПРАВЛЕНИЯ

— При вставке изображений свойства рамки больше не прописываются;
— Исправлена проблема с возникновением ошибки «Floating Point division by zero»;
— Исправлена работа медиа-плеера в браузерах Firefox и Opera;
— Область медиа-плеера теперь корректно отображается в визуальном редакторе в виде изображения с логотипом Longtail Video и позволяет изменять свой размер;
— Исправлена ошибка сохранения новой страницы при активном редакторе HTML-кода;
— При удалении блока его заголовок теперь коректно удаляется из файла проекта;

ПРОЧЕЕ

— При вставке изображения, стандартный диалог свойств изображения Internet Explorer больше не используется, а альтернативный текст (свойство «alt») задается в окне изображений проекта.
— Проекты, созданные или однажды открытые в TurboSite 1.7 больше не будут работать в более старых версиях программы;
— Расширенные возможности настройки вывода пунктов меню для авторов шаблонов (параметры li-main-begin, li-main-end, li-main-begin-active, li-main-end-active, li-pages-begin, li-pages-end, li-pages-begin-active, li-pages-end-active);
— Список шаблонов теперь можно обновить из контекстного меню, щелкнув по списку правой кнопкой мыши;
— Новое встроенное поле для шаблонов %IndexLink% — ссылка на главную страницу;
— Оптимизирована работа со списками;
— Оптимизирована процедура генерации сайта;
— Библиотека компонентов AlphaControls обновлена до версии 7.52;
— Медиа-проигрыватель JWPlayer обновлен до версии 5.7;
— Для встраивания медиа-проигрывателя теперь используется новый метод (HTML5 + Flash) и новая тема оформления «Beelden»;
— Теперь при генерации у тегав шаблоне удаляются все атритбуты;
— Не заполненные значения полей шаблона при генерации больше не заменяются на метки этих полей;
— Цвета, генерируемые программой теперь записываются в HTML-формате (а не в RGB, как ранее);
— На вкладке параметров страниц поля ввода получили расширенные описания;
— Переименованы вкладки «Основные параметры» в «Параметры сайта», «Параметры» в «Параметры страницы»;
— Вкладки «Параметры сайта» и «Шаблон» поменялись местами;
— Множество косметических изменений;

Что такое турбо-сайт Яндекса и зачем он нужен

Турбо-сайт – это сайт с быстрой загрузкой контента на страницах и адаптивным дизайном. Находится на серверах компании Яндекс. При создании сайта вы получаете адрес вида domen.turbo.site.

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

Турбо-сайты обладают следующими плюсами:

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

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

Основное предназначение турбо-сайтов – повышение конверсии у пользователей смартфонов, планшетов.

Статья в тему: Как подключить турбо-страницы к сайту

TurboSite 1.7.0 build 164 в сравнении с 1.6.6

ОСНОВНЫЕ ИЗМЕНЕНИЯ

— Добавлена возможность устанавливать перенаправление на странице (для организации внешних ссылок в меню);
— Улучшенный редактор кода страниц и блоков с нумерацией строк, подсветкой синтаксиса и панелью инструментов;
— Добавлены шаблоны для блоков;
— Элементы списков теперь перемещаются с помощью мыши (а не кнопками под списками, как ранее);
— Добавлена возможность вставлять на страницы проекта значки социальных сетей при помощи сервиса Yandex.Share (http://share.yandex.ru);
— Функция работы с видео-файлами полностью переработана: уже добавленые на страницы проекта видео необходимо удалить и вставить заново из списка видео-файлов проекта;
— В параметрах страницы теперь можно задать индивидуальный заголовок окна для нее (тег <title>);
— Редактор тестов SimpleTest Builder включен в установочный пакет TurboSite;
— На вкладке параметров страницы теперь можно не только импортировать уже существующий тест, но и создать новый, а также вызвать редактор теста;
— При добавлении файлов, изображений и видео в проект, их имена автоматически конвертируются в нижний регистр и траслитируются в латиницу;
— Добавлена возможность изменения языковых переменных для форм комментариев и обратной связи;
— На панель инструментов визуального редактора страниц добавлена кнопка «Печать»;
— В автопубликаторе добавлена возможность отключения автоматического удаления с сервера файлов, отсутствующих локально;
— На вкладке «Основные параметры» теперь можно задать произвольный HTML-код для секций <head> и <body>, который будет добавлен при генерации во все страницы проекта;
— Новая строка состояния в визуальном редакторе, при наведении курсора мыши на ссылку, отображает ее адрес;

ИСПРАВЛЕНИЯ

— При вставке изображения свойства рамки больше не прописываются;
— Исправлена проблема с возникновением ошибки «Floating Point division by zero»;
— Исправлена работа медиа-плеера в браузерах Firefox и Opera;
— Область медиа-плеера теперь корректно отображается в визуальном редакторе в виде изображения с логотипом Longtail Video и позволяет изменять свой размер;
— Исправлена ошибка сохранения новой страницы при активном редакторе HTML-кода;
— При удалении блока его заголовок теперь корректно удаляется из файла проекта;

ПРОЧЕЕ

— При вставке изображения, стандартный диалог свойств изображения Internet Explorer больше не используется, свойство «alt» задается в окне изображений проекта, а изображение автоматически получает класс «image».
— Проекты, созданные или однажды открытые в TurboSite 1.7 больше не будут работать в более старых версиях программы;
— Расширенные возможности настройки вывода пунктов меню для авторов шаблонов (параметры li-main-begin, li-main-end, li-main-begin-active, li-main-end-active, li-pages-begin, li-pages-end, li-pages-begin-active, li-pages-end-active);
— Список шаблонов теперь можно обновить из контекстного меню, щелкнув по списку правой кнопкой мыши;
— Новое встроенное поле для шаблонов %IndexLink% — ссылка на главную страницу;
— Оптимизирована работа со списками;
— Оптимизирована процедура генерации сайта;
— Библиотека компонентов AlphaControls обновлена до версии 7.51;
— Медиа-проигрыватель JWPlayer обновлен до версии 5.7;
— Для встраивания медиа-проигрывателя теперь используется новый метод (HTML5 + Flash) и новая тема оформления «Beelden»;
— Теперь при генерации у тега <body> в шаблоне удаляются все атритбуты;
— Не заполненные значения полей шаблона при генерации больше не заменяются на метки этих полей;
— Цвета, генерируемые программой теперь записываются в HTML-формате (а не в RGB, как ранее);
— На вкладке параметров страниц поля ввода получили расширенные описания;
— Множество косметических изменений;

Скачивание и тестирование

Скачать установочный пакет можно здесь: http://brullworfel.ru/progs/turbosite-beta.exe (4,34 Мб).

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

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

Напоминаю всем, что обсуждение beta-версий TurboSite происходит в специальной ветке форума!

Основные возможности turbo pascal

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

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

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

Скриншоты: (кликнуть для увеличения)

Преимущества

  • Простой синтаксис;
  • Высокая скорость компиляции и эффективные коды программ;
  • Наличие справочной системы позволяющий самостоятельно изучать программу;
  • Удобный вывод данных, среда разработки имеет функциональный отладчик доступный в любое время;
  • Совместимость программы для ОС Windows 10

Недостатки

  • Устаревшая система программирования. Однако другие языки программирования имеют аналогичные Паскалю структуры;
  • Невозможно официальное обновление софта от компании Borland.

Как установить Turbo Pascal?
Для начала необходимо turbo pascal скачать для Windows. Программа работает на ОС Windows XP, 7, 10 32 бит. Для того, чтобы установить программу на 64-битную систему – необходимо дополнительно установить эмулятор DOSBox.

После скачивания необходимо запустить setup.exe. После этого нажать Next. В следующем окне выберете место на компьютере для установки и нажимаем Next. На этом установка инсталяции Турбо паскаль закончена.

Теперь нужно настроить среду. Для этого переходим в папку, в которой установлена программа. Запускаем TURBO.EXE. После этого нажимаем F10 и выбираем в меню Options->Directories. В настройке Unit directories прописываем путь UNITS: c:\tpascal\units. Нажимаем Ок. После этого можно приступать к работе.

Плюсы и минусы

Основные преимущества:

Русский интерфейс

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

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

Что касается недостатков, то они представлены:

Действующим ограничением по количеству трафика в 50 мб. Однако подписка на постоянный доступ к заблокированным сайтам оплачивается единовременно.

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

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

Шаг 1. Переходим в Яндекс.Директ и в правом верхнем углу нажимаем кнопку «Конструктор турбо-сайтов» либо переходим по прямой ссылке: https://direct.yandex.ru/registered/main.pl?cmd=showTurboLandings. Обязательно наличие аккаунта в Яндекс.

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

Шаг 3. Задаем название главной страницы. Выбираем один из предложенных макетов отталкиваясь от тематики сайта, необходимого функционала и предлагаемых товаров, услуг. Нажимаем кнопку «Создать».

Шаг 4. Открывается визуальный редактор. Слева располагается проект турбо-сайта – то, что будет видеть посетитель, справа – меню настроек. Если слева отображается серая заплатка вместо сайта, посмотреть его можно нажав на кнопку «Предпросмотр».

Шаг 5. Передвигаем ползунок в правом верхнем углу напротив надписи «Дополнительные настройки» в активное положение. Ниже располагаются основные настройки созданного турбо-сайта.

В каждом разделе представлены настройки – шрифты, тексты, изображения и другие элементы. Каждый раздел настроек отвечает за свою секцию – например, за раздел товаров, отзывы клиентов, обратную связь. На скриншоте ниже под №1 указана секция – шапка, под №2 – баннер, под №3 – товары, в данном случае – ранее собранные букеты невест.

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

Шаг 7. Если нужно создать дополнительные страницы в том же дизайне, воспользуйтесь кнопкой «Создать копию», показанной на скриншоте.

Шаг 8. Задав все настройки, посмотрите, как выглядит сайт с различных устройств – смартфона, планшета и персонального компьютера, воспользовавшись переключателем в верхней части экрана.

Шаг 9. Заполняем все обязательные поля и получаем доступ к публикации сайта. После нажатия кнопки «Опубликовать» сайту присваивается доменное имя типа address.turbo.site. Чтобы изменить URL, кликаем по надписи, отмеченной на скриншоте, затем на пункт «Домен сайта настроен», после чего нажимаем кнопку «Выбрать домен».

Задаем в соответствующих полях указываем адрес сайта, главную страницу, выбираем Favicon и подключаем счётчик Метрики.

Работа с секциями

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

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

Нажимаем на тип размещения кнопки – по центру. Выбираем место для размещения на сайте простым перетаскиванием секции.

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

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

Инструкция по созданию турбо-сайта с нуля

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

Заключение

Не создавайте, если не собираетесь настраивать рекламную кампанию в Яндекс.Директ, так как это будет бессмысленной тратой времени. Турбо-сайты эффективны и доступны только вместе с использованием рекламы в Яндекс.Директ.

Основные требования к содержимому файла blank.html:

  1. Файл должен быть в кодировке  utf-8;
  2. В секции <head> необходимо наличие следующий срок:
  3. В шаблоне обязательно должны быть использованы поля MainMenu, SidebarMenu, PageTitle, PageContent.
  4. Если дизайн шаблона предусматривает только одно меню, можно вывести элементы обоих списков подряд, то есть просто записать метки MainMenu и SidebarMenu вместе и без разделителей.
  5. В самой нижней секции страницы обязательно должна присутствовать ссылка на страницу программы: <a href=»http://brullworfel.ru/turbosite»>TurboSite</a>. Автор темы также может расположить свою ссылку.

Кроме папки tocopy в директории с темой также должен располагаться скриншот темы и конфигурационный файл theme.ini.

Как установить Turbo VPN на ПК или ноутбук ?

Достаточно использовать функционал популярных эмуляторов. С помощью Bluestacks 2 / BlueStacks 3 предоставляется доступ к приложениям, ранее доступным только на платформе Андройд. Для пользования программой достаточно:

Существуют и другие средства загрузки приложений на ПК или ноутбук. Среди них – эмулятор Droid4X. Необходимо лишь выполнить ряд простых действий:

Не менее популярный способ установки – использование Nox App Player. Процедура установки включает в себя следующие этапы:

  1. Загрузка эмулятора.
  2. Авторизация в системе.
  3. Ввод персональных данных.
  4. Указание в поисковой строке необходимого запроса: «Turbo VPN».
  5. Ожидание распаковки загрузочных файлов.
  6. Запуск приложения.

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

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

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

Если вас не устраивает упрощённая вёрстка, вы можете отключить турбо-страницы. Чтобы это сделать, добавьте атрибут turbo=»false» в элемент item нужной страницы:

link — это URL страницы, для которой нужно отключить показ турбо-страниц. Изменения вступят в силу через несколько дней, а вместо турбо-страницы пользователи увидят десктопную или мобильную версию сайта.

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

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

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

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

Далее загружаем полученный фид (RSS-ленту) и нажимаем добавить.

Включаем источник в положение «Вкл».

Все готово, можно переходить к настройкам.

Шапка и логотип

Следует загрузить логотип и выбрать нужный тип:

  • Текст;
  • Лого+Текст;
  • Логотип.

Дополнительно следует ввести название сайта.

Меню

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

Здесь достаточно ввести название и ссылку на страницу (можно с utm-метками).

Выглядит меню следующим образом в мобильной версии.

Вид в десктопной версии.

Раздел позволяет создать собственные стили при помощи CSS.

Веб-аналитика

Важный раздел, позволяющий задать счетчики для передачи
данных о посещениях, среди которых:

  • Яндекс.Метрика (при желании можно использовать Вебвизор);
  • Google Analytics;
  • Mail.ru;
  • Rambler Top-100;
  • Liveinternet;
  • Mediascope (TNS);
  • Другой (для подключения собственных сервисов аналитики).

Важно! При переходе на турбо-страницы пользователь посещает Яндекс и без указания данных веб-аналитики нельзя будет получить статику по посещаемости

Обратная связь

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

  • Телефон;
  • Чат (лишь для тех, кто подключился к Яндекс.Диалогах);
  • Почта (в том числе подключенные через доменную почту Коннекта или Мэйл для бизнеса);
  • Обратный звонок;
  • Google;
  • Telegram;
  • Viber;
  • WhatsApp.

Пример обратной связи в турбо-страницах.

Пользовательское соглашение

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

Доступ

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

Поиск

Чтобы пользователи смогли воспользоваться поиском по сайту, потребуется ввести GET-запрос для подключения к поисковой выдаче, например, https://seopulses.ru//?s={text} (аналогично подключению поиска по сайту в Google Analytics или же Яндекс.Метрике).

Важно! При переходе в поиск пользователь перейдет на
основную версию сайта

Оцените статью
Рейтинг автора
5
Материал подготовил
Андрей Измаилов
Наш эксперт
Написано статей
116
Добавить комментарий