что такое турбо пейдж

Частное мнение о Яндекс.Турбо

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

Что такое Турбо-страницы Яндекс официально?

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

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

Но как всегда, есть нюанс.

image loader

Технические подробности

Ссылки на хабро-статьи с подробным описанием технологии:

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

Сравнение страниц

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

image loader

image loader

image loader

image loader

Какое же было мое удивление, когда стало понятно, что я не перехожу на целевой сайт, а продолжаю оставаться на Яндексе! Ссылки в поисковой выдаче отображаются как обычно, но открывается URL, который начинается на _https://yandex.ru/turbo?text=[URL]

image loader

Еще раз акцентирую внимание на том, что эта поисковая выдача на обычном десктопном компьютере, а не на мобильном телефоне, ради увеличения скорости загрузки страниц на котором все и затевалось!

image loader

image loader

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

Тонкости пользовательского соглашения

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

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

Пункт 2.6.3. в версии от 29.12.2018 г. в котором

«Пользователю может предоставляться техническая возможность автоматической расстановки Рекламы в составе Пользовательской информации. »

Другими словами, в страницу пользователя на усмотрение Яндекса может внедрятся реклама. Залез в исходный код одной из страниц, о точно! В оригинале на сайте установлен AdWords, а на Турбо-страницах транслируется реклама от Яндекса. Хотя, может быть я тут зря нагнетаю и рекламная система была заменена в шаблоне Турбо-страниц самим владельцем сайта или он согласовал подобную замену, т.к. какая-то галочка про рекламу есть в настройках?

Но это еще не все. В изменениях от 19.07.2019 г. появился новый пункт:

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

Предыстория

Некоторое время назад я делился своими наблюдениями о связи органического трафика из поисковой выдачи Яндекса и наличием платной рекламной компании в Я.Директ (Когда рекламная компания в Я.Директ повышает органическую выдачу, а прекращение рекламной компании уменьшает и органический трафик с поисковой системы habr.com/ru/post/459462).

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

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

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

Дисклеймер

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

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

UPDATE:

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

Источник

AMP и Турбо-страницы: плюсы, минусы и результаты внедрения

Те, кто следит за новинками сферы IT, знают про “быстрые страницы” от Google и Яндекс: AMP и Турбо-страницы. Они были выпущены больше 2 лет назад, но особого шума на рынке не произвели.Меня зовут Константин. Я директор веб-студии AlkoDesign. Мы решили напомнить об этих инструментах и поделиться результатами их внедрения.

tr 9ed6cmjtkrc3muogkvipfgqi

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

image loader

Но не все так прекрасно. В погоне за трафиком и снижением отказов, приходится искать новые пути решения. Мобильные и адаптивные версии не всегда спасают ситуацию, а иногда вообще неудобны: адаптив получается слишком “тяжелыми” для скачивания, из-за этого скорость загрузки на смартфонах оставляет желать лучшего. (Говорить про то, что посетители, да и поисковые системы, не любят долгую загрузку, нужно?)

Мы в AlkoDesign.ru работаем с одним крупным информационным порталом. (Обойдемся без имен). Одними из поставленных перед нами задач, были: увеличение трафика и снижение процента отказов. Недолго думая, мы решили воспользоваться быстрыми страницами от Google и Яндекса.

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

Теория

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

AMP страницы google.ru

image loader

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

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

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

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

image loader

Основное отличие от AMP — контент Турбо-страниц берется не со страниц сайта, а из специального RSS-канала.

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

Читайте также:  что такое страховой номер индивидуального лицевого счета застрахованного лица

Честно говоря, настройка максимально простая. Если количество страниц небольшое (10-20), то сделать RSS-канал для Яндекса можно самим, без привлечения программиста. Правда, в этом случае обновляться он будет тоже вручную.

Скорость загрузки Турбо — страницы превышает обычную примерно в 15 раз. И, дополнительный (но не последний), бонус — если сайт упадёт, например, из-за заражения или DDoS-атаки, его Турбо-страницы продолжат открываться и контент будет по-прежнему доступен пользователям.

Страницы с AMP и Турбо, ранжируются выше других запросов в поиске за счет того, что соответствуют требованиям к быстрой загрузке.

Особенности AMP и Турбо-страниц

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

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

С помощью AMP и Турбо-тегов, можно реализовать боковое меню, карусель, отправку формы, подгружаемый контент, рекламу и прочее. Каждый компонент связан со своей js-библиотекой, которую нужно подключить для его использования на сайте.

Особенности Турбо-страниц

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

Преимущества Турбо-страниц в том, что после их внедрения на вашем сайте:

Особенности AMP

Подготовка данных

image loader

Для AMP-страниц

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

Еще одна особенность, которая должна коснуться в первую очередь текстового редактора, так как редактирование стилей там проходит inline. Элементы с атрибутами типа style=“color:…”, не являются валидными, а изменение цвета или размера шрифта запишет это свойство в код.

Чтобы поисковик понял, что есть AMP-версия страницы, она должна содержать ссылку:

Для Турбо-страниц

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

Практика

Внедряем AMP на сайт

Учитывая, что мы далеко не новички в IT-сфере, внедрение страниц не составило большого труда.

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

image loader

Сразу после внедрения быстрых страниц, запустили проверку через Google и Яндекс валидатор. После запуска обнаружили дополнительные ошибки, которые были успешно устранены.

image loader

Внедряем Турбо-страницы

Для внедрения Турбо-страниц на сайте, была изучена спецификация формата. Определены шаблоны для генерации заголовков турбо-страниц и указания дополнительных изображений. Был разработан специализированный модуль для CMS, который генерирует RSS файлы с данными, согласно технической документации Яндекса ( partner.news.yandex.ru/tech.pdf ).

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

После прохождения валидации RSS со стороны Яндекса, Турбо-страницы были добавлены к индексации.

Результаты

Отказы

После внедрения AMP и Турбо-страниц изменились поведенческие метрики.

За квартал показатель отказов на сайте в целом составил 14,2 %. Здесь учитываются все посетители, включая пользователей десктопов.

image loader

Показатель отказов для владельцев смартфонов, которые приходили на обычные страницы, составил за квартал 23,7%.

image loader

Показатель отказов для посетителей Турбо-страниц за этот же период составил 6,2 %.

image loader

То есть по показателю отказов, обычные страницы проигрывают турбо-страницам более чем в два раза: 23,7 % против 6,2% с Турбо-страницами и в целом 14,2%.

Посещаемость

С момента внедрения AMP и Турбо-страниц мы увеличили посещаемость портала в 2 раза.

image loader

Скорость загрузки страниц

Главный плюс — увеличение скорости загрузки страницы в 3 — 10 раз. Она мгновенно выросла за счет кеширования.

Вывод: внедряем к месту и с умом

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

В нашем случае результатом внедрения стало:

Кому пока не подходит Турбо:

Кому идеально подходят Турбо-страницы:

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

Источник

Что такое турбо пейдж

Ускоряют загрузку вашего контента из поиска Яндекса, Новостей и Дзена в 15 раз в 3G-сетях

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

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

Турбо-страницы помогают увеличивать охват мобильной аудитории — пользователям не приходится долго ждать загрузки сайта, и они почти сразу переходят к вашему контенту. Прирост трафика может быть существенным: по данным Mediascope, 66 млн российских пользователей используют мобильный интернет наряду с десктопным, а 20 млн уже выходят в интернет только с мобильных устройств — это на 15% больше, чем год назад.

Короткое видео о том, как работают Турбо-страницы:

Что это даёт владельцам сайтов?

Как монетизировать Турбо-страницы?

Рекламная сеть Яндекса
На ваших Турбо-страницах могут показываться контекстные и медийные объявления десятков тысяч рекламодателей Яндекса в популярных и доходных форматах — таких, как Motion. Полный контроль над рекламными местами: управляйте порогами CPM и стратегиями показов так же, как и на сайте. Ограничений по количеству рекламных мест нет, но мы рекомендуем ставить по одному на экран — это примерно 250 слов, 4 картинки или 4 видео.

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

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

Все подробности о рекламных форматах и особенностях их размещения смотрите в записи нашего вебинара «Турбо-страницы Яндекса: настройка и эффективная монетизация»:

Источник

Турбо страницы Яндекс. Что с ними не так? Кому подойдут?

Если вы думали внедрять Турбо страницы, то сначала прочтите этот материал

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

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

Мне по началу показалось все очень удобно и легко, я создал одностраничник похожий на десктопную версию. Настройка блоков гибкая, и в принципе очень легко разобраться с конструктором. И скажу сразу, что конверсия у таких страниц чуть выше чем если просто гнать на адаптивный сайт. У моего лендинга конверсия с мобильных устройств была 18-20%, а турбо выдавал 20-22%. На этом хорошее заканчивается

1. Неудобно интегрировать турбо страницы в рекламу.

Что бы вставить турбо страницу во всю свою рекламу надо в веб интерфейсе Яндекс Директ заходить в настройки каждого отдельного объявления и добавлять там турбо страницу. А теперь представим что у вас реклама обычного специалиста с 300-500 объявлений, и надо в каждом отдельном объявлений вставлять эту турбо страницу. И сразу скажу что это нельзя сделать в «Директ Командере». А как только вы узнаете о других проблемах турбо страниц, вы так же долго и мучительно будете все эти страницы отключать

2. Ужасная аналитика

У меня нет слов что бы описать то, как они могли так облажаться. В аналитике есть 2 варианта, привязать свой счетчик яндекс метрики или же использовать готовый под турбо страницу. И вот ты уже думаешь что круто, я просто привяжу свой счетчик, а вот и нет. Я 2 недели подряд пытался нормально привязать метрики и цели — ничего не выходит. Нормально работает только их счетчик, к которому кстати вы не имеете полного доступа, так как не вы его админ, а Яндекс. Кстати и Google analytics тоже не подключить.

Читайте также:  криптовалюта эфир что это такое

3. Кривой формат заявок

Турбо станицы яндекса могут отправлять только письма на почту о новой заявке. Вроде бы нормально и это стандарт. Но есть две проблемы. Первая — в письме нету UTM меток и соответственно невозможно отследить откуда пришла заявка. Вторая — письма отправляются не сразу после оставления заявок, а с какой то периодичностью (каждые 2-5 минут) и если вам на турбо странице оставили 3-5 заявок в этот период (2-5 минут), то вам придет только одно письмо на почту, но с CSV фалом где будут эти 3-5 заявок. А это мягко говоря неудобно!

Мой клиент работает с AMO CRM. И тут встает вопрос, как связать заявки с турбо страниц и AMO CRM. И вот вам мой способ. В турбо странице можно прописать специальную почту что выделяет AMO CRM и в AMO задать те параметры, что будут отражены в сделке. Суть в том, что если вам оставили несколько заявок в период 2-5 минут, то в AMO не будет CSV файла со всеми заявками. И что тогда делать? И эти заявки приходят без UTM меток, потому что их не откуда брать. Если турбо нельзя банально с CRM связать, то про сквозную аналитику и говорить не буду

5. Наш сайт лишает себя продвижения в SEO

Мы льем трафик не на свой сайт, а на сайт яндекса, и соответствено наш сайт получает меньше трафика и проседает в SEO

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

P.S. Я вчера тоже писал интересную статью про 3 нововведения которые губят рекламодателей и директологов. И так как это была моя первая статья — я по глупости закинул ее на «Офтоп», но не смотря на это она до сих пор в популярном. Поддержите ее если не сложно и мне интересно ваше мнение. И тут не забывайте оставит коммент, особенно интересно мнение тех, кто пробовал эти самые турбо страницы

Такая же помойка как и дзен, районы, кю и прочие высеры яндекса

Окей, а если использовать турбо, когда лиды не нужны? Например, в случае с блогом. Тогда все ок?

Так сейчас используют сайты с новостями. Но в этом случае действует пункт 5) и мы теряем SEO

Спасибо за вашу экспертизу. Моя практика использования турбо-страниц немного отличается от вашей.

Скажу сразу, что (по нескольким причинам) я не использую Турбо-страницы Яндекса. Вместо Турбо-страниц Яндекса я использую аналогичный инструмент от Google (https://sites.google.com/new), в том числе для рекламы в Яндекс.Директе. Но реализация конструктора Турбо-страниц Яндекса мне нравится намного больше, чем у Google.

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

1. Неудобно интегрировать турбо страницы в рекламу.

— Вы действительно редактируете рекламные объявления в веб интерфейсе Яндекс.Директа? Заходите в настройки каждого отдельного объявления и редактируете? А теперь представьте, что у вас реклама не на 300-500 объявлений, а на 30-50 тысяч объявлений? Для работы с объявлениями есть инструменты (программы), и «Директ Командер» НЕ входит в их число.

2. Ужасная аналитика

— Я не уверен, что для турбо-станиц Яндекса нужна более «продвинутая» аналитика.

Источник

Как создать Турбо-сайт в Яндекс.Директе [пошаговый гайд]

На примере интернет-магазина проходим все этапы и настройки

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

В статье на примере интернет-магазина покажем, как создать и настроить Турбо-сайт.

Что такое Турбо-сайты и чем они полезны

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

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

Быстрая загрузка

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

Индексация поисковиками

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

Больше конверсий

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

За создание сайта не нужно платить

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

Не нужно платить за домен, хостинг, поддержку сайта.

Легко создать

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

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

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

Готовые шаблоны

При создании сайта доступны готовые шаблоны, адаптированные под разные тематики (например, сайт магазина мебели или фитнес-центра).

Аналитика

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

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

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

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

Для каких задач полезны Турбо-сайты

У Турбо-сайтов есть несколько вариантов применения.

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

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

Есть и ограничения

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

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

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

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

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

Для создания турбо-сайта перейдите в конструктор Турбо-страниц в Директе (раздел «Инструменты» / «Конструктор Турбо-страниц»).

kak sozdat turbo sajt v yandeks direkte 1

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

kak sozdat turbo sajt v yandeks direkte 2

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

Задаем базовые настройки Турбо-сайта

Перейти в них можно из панели инструментов (кликнув по кнопке с шестеренкой).

kak sozdat turbo sajt v yandeks direkte 3

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

Здесь необходимо задать адрес сайта. Сайт будет размещаться на домене turbo.site, но название сайта можно задать любое (не короче 4 символов). Также адрес сайта можно в любой момент изменить.

Можно указать главную страницу (если вы создали несколько страниц), а также добавить фавиконку.

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

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

kak sozdat turbo sajt v yandeks direkte 4

Вот так выглядит автоматически созданный счетчик в Метрике:

kak sozdat turbo sajt v yandeks direkte 5

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

kak sozdat turbo sajt v yandeks direkte 6

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

Читайте также:  что такое точка кипения агентство стратегических инициатив

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

Эти настройки применяются к странице, которую вы сейчас редактируете.

Указываем адрес страницы:

kak sozdat turbo sajt v yandeks direkte 7

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

kak sozdat turbo sajt v yandeks direkte 8

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

kak sozdat turbo sajt v yandeks direkte 9

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

kak sozdat turbo sajt v yandeks direkte 10

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

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

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

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

kak sozdat turbo sajt v yandeks direkte 11

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

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

kak sozdat turbo sajt v yandeks direkte 12

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

kak sozdat turbo sajt v yandeks direkte 13

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

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

kak sozdat turbo sajt v yandeks direkte 14

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

kak sozdat turbo sajt v yandeks direkte 15

Теперь отредактируем шапку:

kak sozdat turbo sajt v yandeks direkte 29

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

kak sozdat turbo sajt v yandeks direkte 17

При добавлении/редактировании пункта меню в шапке необходимо указать, куда нужно переходить при клике на ссылку. Доступно два варианта:

kak sozdat turbo sajt v yandeks direkte 18

Пункты меню можно легко менять местами с помощью перетаскивания:

kak sozdat turbo sajt v yandeks direkte 19

В блоке «Контакты» можно добавить несколько контактов. Здесь доступно 4 типа контактов:

kak sozdat turbo sajt v yandeks direkte 20

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

Добавляем обложку

Добавляем новую секцию — «Обложка».

kak sozdat turbo sajt v yandeks direkte 21

На обложке размещаем заголовок с подзаголовком, изображение, а также ставим кнопку.

Фон обложки можно залить цветом или поставить фоновое изображение.

kak sozdat turbo sajt v yandeks direkte 22

Добавим преимущества — чтобы рассказать клиентам больше о нашем магазине

kak sozdat turbo sajt v yandeks direkte 23

kak sozdat turbo sajt v yandeks direkte 26

kak sozdat turbo sajt v yandeks direkte 25

Для пунктов преимуществ можно добавить подложку — так они будут выглядеть более приятно и структурированно.

kak sozdat turbo sajt v yandeks direkte 24

Следующая секция — товары

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

kak sozdat turbo sajt v yandeks direkte 27

Секция пока что выглядит так:

kak sozdat turbo sajt v yandeks direkte 28

Теперь нужно будет добавить информацию о товарах и фотографии.

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

kak sozdat turbo sajt v yandeks direkte 16

Также внизу страницы появился предпросмотр формы оформления заказа (ее мы рассмотрим детальнее ниже).

kak sozdat turbo sajt v yandeks direkte 30

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

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

kak sozdat turbo sajt v yandeks direkte 31

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

Здесь можно настроить:

kak sozdat turbo sajt v yandeks direkte 32

Выберите тот формат, в котором у вас подготовлены фото товаров. Если в настройках секции товаров выбран формат 1:1, а вы попытаетесь загрузить фото с соотношением сторон 16:9, изображение нужно будет обрезать и часть содержимого не будет показана.

kak sozdat turbo sajt v yandeks direkte 33

Список товаров в секции отображается так:

kak sozdat turbo sajt v yandeks direkte 34

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

Как создать карточку товара

Для этого нажмите на иконку карандаша у нужного товара (появляется при наведении). Откроется всплывающее окно редактирования.

kak sozdat turbo sajt v yandeks direkte 35

Пройдемся по основным полям:

kak sozdat turbo sajt v yandeks direkte 36

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

kak sozdat turbo sajt v yandeks direkte 37

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

kak sozdat turbo sajt v yandeks direkte 38

kak sozdat turbo sajt v yandeks direkte 39

Текст можно минимально отформатировать: выделить отдельные фрагменты жирным, курсивом или подчеркиванием; изменить цвет текста и заливку.

kak sozdat turbo sajt v yandeks direkte 40

Если товар продается без скидки, заполняйте только поле «Текущая цена». Если же на отдельные позиции вы хотите добавить скидку, укажите в поле «Старая цена» исходную цену, а в поле «Текущая» — цену с учетом скидки.

Товары со скидками будут отображаться так:

kak sozdat turbo sajt v yandeks direkte 41

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

kak sozdat turbo sajt v yandeks direkte 42

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

kak sozdat turbo sajt v yandeks direkte 43

Любая секция копируется и перемещается в нужное место страницы.

kak sozdat turbo sajt v yandeks direkte 44

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

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

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

kak sozdat turbo sajt v yandeks direkte 45

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

kak sozdat turbo sajt v yandeks direkte 46

Контакты отображаются в ряд (на десктопе) или в столбец (на планшетах и мобильных). Можно выбрать стиль отображения:

kak sozdat turbo sajt v yandeks direkte 47

kak sozdat turbo sajt v yandeks direkte 48

kak sozdat turbo sajt v yandeks direkte 49

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

kak sozdat turbo sajt v yandeks direkte 50

Можно настроить высоту карты (с помощью кнопок размеров XS-XL), а также изменить компоновку секции (разместить карту справа от списка контактов).

kak sozdat turbo sajt v yandeks direkte 51

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

kak sozdat turbo sajt v yandeks direkte 52

А затем указать ссылку на группу или страницу:

kak sozdat turbo sajt v yandeks direkte 53

Настраиваем корзину

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

kak sozdat turbo sajt v yandeks direkte 54

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

Что нужно заполнить в настройках:

kak sozdat turbo sajt v yandeks direkte 55

Для физлиц необходимо указать ФИО и адрес.

kak sozdat turbo sajt v yandeks direkte 56

В блоке настроек «Данные клиента» можно настроить поля, которые пользователь должен заполнить при оформлении заказа. По умолчанию здесь три поля:

kak sozdat turbo sajt v yandeks direkte 57

Поля для ввода телефона и почты — обязательные. Изменить или удалить их нельзя. Поле «Ваше имя» можно редактировать: изменить название поля, отредактировать поясняющий текст (плейсхолдер), а также активировать или снять галочку «Обязательное поле». Если галочка установлена, для оформления заказа клиенту обязательно нужно указать свое имя.

kak sozdat turbo sajt v yandeks direkte 58

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

Следующий блок настроек — варианты получения заказа (доставка).

kak sozdat turbo sajt v yandeks direkte 59

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

kak sozdat turbo sajt v yandeks direkte 60

Для создания способа доставки нужно:

Следующий блок настроек — способы оплаты.

kak sozdat turbo sajt v yandeks direkte 61

Их всего два, и отредактировать можно только название:

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

Футер

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

kak sozdat turbo sajt v yandeks direkte 62

В футер можно добавить:

Также можно изменить тему оформления футера: выбрать светлую или темную.

kak sozdat turbo sajt v yandeks direkte 63

Проверяем страницу в предпросмотре и публикуем

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

kak sozdat turbo sajt v yandeks direkte 64

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

kak sozdat turbo sajt v yandeks direkte 65

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

kak sozdat turbo sajt v yandeks direkte 66

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

kak sozdat turbo sajt v yandeks direkte 67

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

Рекомендации по оформлению интернет-магазина в Турбо-сайтах

Подборка советов по оформлению Турбо-страниц, которые помогут сделать их более эффективными:

kak sozdat turbo sajt v yandeks direkte 68

Повышайте доход от ведения контекстной и таргетированной рекламы! Подключите рекламные аккаунты ваших клиентов к Click.ru — получайте вознаграждение до 18% от их расходов на рекламу. Деньги выводите на электронные кошельки когда вам удобно или вкладывайте обратно в рекламу.

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

Источник

Праздники по дням и их значения
Adblock
detector