что такое turbo pages
Что такое turbo pages
Ускоряют загрузку вашего контента из поиска Яндекса, Новостей и Дзена в 15 раз в 3G-сетях
Как устроены Турбо-страницы
Они формируются на основе вашего контента и наших технологий по единому шаблону — логотип сайта, иллюстрация, полный текст страницы, рекламный блок, дополнительные материалы — и быстро загружаются на смартфонах с медленным или нестабильным интернетом. В выдаче Турбо-страницы помечаются пиктограммой в виде ракеты.
Турбо-страницы помогают увеличивать охват мобильной аудитории — пользователям не приходится долго ждать загрузки сайта, и они почти сразу переходят к вашему контенту. Прирост трафика может быть существенным: по данным Mediascope, 66 млн российских пользователей используют мобильный интернет наряду с десктопным, а 20 млн уже выходят в интернет только с мобильных устройств — это на 15% больше, чем год назад.
Короткое видео о том, как работают Турбо-страницы:
Что это даёт владельцам сайтов?
Как монетизировать Турбо-страницы?
Рекламная сеть Яндекса
На ваших Турбо-страницах могут показываться контекстные и медийные объявления десятков тысяч рекламодателей Яндекса в популярных и доходных форматах — таких, как Motion. Полный контроль над рекламными местами: управляйте порогами CPM и стратегиями показов так же, как и на сайте. Ограничений по количеству рекламных мест нет, но мы рекомендуем ставить по одному на экран — это примерно 250 слов, 4 картинки или 4 видео.
Сторонние сети и прямые рекламодатели
Управляйте прямыми продажами рекламы и подключайте сторонних монетизаторов и другие сети с помощью ADFOX и выстраивайте структуру доходов различными способами. Для показа рекламы на Турбо-страницах ADFOX можно использовать бесплатно.
Комбинации бизнес-моделей
Используйте Динамическую монетизацию в ADFOX, чтобы увеличивать доход от каждого показа рекламы, снижая потери трафика за счёт серверной интеграции с Рекламной сетью Яндекса.
Все подробности о рекламных форматах и особенностях их размещения смотрите в записи нашего вебинара «Турбо-страницы Яндекса: настройка и эффективная монетизация»:
AMP и Турбо-страницы: плюсы, минусы и результаты внедрения
Те, кто следит за новинками сферы IT, знают про “быстрые страницы” от Google и Яндекс: AMP и Турбо-страницы. Они были выпущены больше 2 лет назад, но особого шума на рынке не произвели.Меня зовут Константин. Я директор веб-студии AlkoDesign. Мы решили напомнить об этих инструментах и поделиться результатами их внедрения.
Мобильный трафик в последние годы неуклонно растет. Пользователи все чаще читают новостные сайты, заказывают продукты и вещи с телефонов. Мобильные и адаптивные версии сайтов перестали быть привлекательным бонусом, а стали реальной необходимостью.
Но не все так прекрасно. В погоне за трафиком и снижением отказов, приходится искать новые пути решения. Мобильные и адаптивные версии не всегда спасают ситуацию, а иногда вообще неудобны: адаптив получается слишком “тяжелыми” для скачивания, из-за этого скорость загрузки на смартфонах оставляет желать лучшего. (Говорить про то, что посетители, да и поисковые системы, не любят долгую загрузку, нужно?)
Мы в AlkoDesign.ru работаем с одним крупным информационным порталом. (Обойдемся без имен). Одними из поставленных перед нами задач, были: увеличение трафика и снижение процента отказов. Недолго думая, мы решили воспользоваться быстрыми страницами от Google и Яндекса.
В этой статьей мы поделимся результатами внедрения таких страниц на одном из новостных порталов и вкратце расскажем, что такое быстрые страницы и с чем их едят (для тех, кто не в теме).
Теория
AMP и Турбо-страницы — это технология ускоренных мобильных страниц, которая разрабатывается независимыми разработчиками и активно продвигается обеими поисковыми системами. Такие страницы загружается даже быстрее чем страница мобильной версии сайта.
AMP страницы google.ru
Суть в том, что на сайте используются специальные теги (с префиксом amp), количество и функционал которых строго ограничены. Задача разработчика состоит в том, чтобы собрать солянку из доступных схем, которые решат проблему заказчика.
Поисковые системы находит эти специальные тэги и кэширует информацию в них. После этого, когда пользователь ищет что-то, браузер на фоне подгружает информацию из CDN, в специальный iframe и при переходе по ссылке открывает уже загруженную страницу в специальном окне.
При использовании на сайте какой-либо CMS, для AMP страниц необходимо сделать свой отдельный шаблон для отображения данных согласно требованиям к разметке AMP страниц.
Турбо-страницы Яндекса
Основное отличие от AMP — контент Турбо-страниц берется не со страниц сайта, а из специального RSS-канала.
Их содержимое хранится на серверах Яндекса. Но для того, чтобы Яндекс забрал с нашего сайта контент, мы должны написать скрипт, который будет передавать все необходимые данные (текст, изображения, стили и т.д.) в специальном формате XML-документ. Процесс похож на подготовку данных для Яндекс.Товары или Яндекс.Маркета.
Честно говоря, настройка максимально простая. Если количество страниц небольшое (10-20), то сделать RSS-канал для Яндекса можно самим, без привлечения программиста. Правда, в этом случае обновляться он будет тоже вручную.
Скорость загрузки Турбо — страницы превышает обычную примерно в 15 раз. И, дополнительный (но не последний), бонус — если сайт упадёт, например, из-за заражения или DDoS-атаки, его Турбо-страницы продолжат открываться и контент будет по-прежнему доступен пользователям.
Страницы с AMP и Турбо, ранжируются выше других запросов в поиске за счет того, что соответствуют требованиям к быстрой загрузке.
Особенности AMP и Турбо-страниц
Первое и самое главное отличие от стандартных сайтов — это невозможность вставки «обычных» скриптов. То есть большая часть функционала, завязанная на динамическом изменении (действия по клику, анимация, фильтрация, модальные окна), становится недоступной.
Решение — использование доступных компонентов и iframe. Доступные компоненты позволяют добиться, пусть и не полной, реализации привычного инструментария на сайте, но представляют ему достойную замену и оптимизированы для быстрой загрузки.
С помощью AMP и Турбо-тегов, можно реализовать боковое меню, карусель, отправку формы, подгружаемый контент, рекламу и прочее. Каждый компонент связан со своей js-библиотекой, которую нужно подключить для его использования на сайте.
Особенности Турбо-страниц
Они помогают увеличивать охват мобильной аудитории — пользователям не приходится долго ждать загрузки сайта, и они почти сразу переходят к вашему контенту. Прирост трафика может быть существенным.
Преимущества Турбо-страниц в том, что после их внедрения на вашем сайте:
Особенности AMP
Подготовка данных
Для AMP-страниц
Так же, если используются карусель или lightbox, нужно вставить аналоги из компонентов amp. Для реализации этого функционала был реализован обработчик, который с помощью регулярных выражений заменяет стандартные HTML-теги, на теги используемые в amp спецификации.
Еще одна особенность, которая должна коснуться в первую очередь текстового редактора, так как редактирование стилей там проходит inline. Элементы с атрибутами типа style=“color:…”, не являются валидными, а изменение цвета или размера шрифта запишет это свойство в код.
Чтобы поисковик понял, что есть AMP-версия страницы, она должна содержать ссылку:
Для Турбо-страниц
Чтобы подключить Турбо-страницы, достаточно внести небольшие изменения в текущий экспортный файл согласно техническим требованиям:
Практика
Внедряем AMP на сайт
Учитывая, что мы далеко не новички в IT-сфере, внедрение страниц не составило большого труда.
Мы создали отдельный шаблон для сайта с использованием необходимых тегов из спецификации AMP и Турбо. Затем настроили автоматическую генерацию страниц.
Сразу после внедрения быстрых страниц, запустили проверку через Google и Яндекс валидатор. После запуска обнаружили дополнительные ошибки, которые были успешно устранены.
Внедряем Турбо-страницы
Для внедрения Турбо-страниц на сайте, была изучена спецификация формата. Определены шаблоны для генерации заголовков турбо-страниц и указания дополнительных изображений. Был разработан специализированный модуль для CMS, который генерирует RSS файлы с данными, согласно технической документации Яндекса ( partner.news.yandex.ru/tech.pdf ).
Поскольку материалы на сайте постоянно добавляются, то обновление RSS ленты с турбо-страницами, также обновляется путем запуска скрипта обновления на CRON. Из-за специфики проекта было принято решение сделать несколько RSS лент, каждая для своего типа контента.
В настройках модуля можно указать какие разделы сайта необходимо экспортировать в RSS, указать дополнительные данные для экспорта. Частота обновлений RSS ленты турбо-страниц задается периодичностью выполнения задачи на CRON.
После прохождения валидации RSS со стороны Яндекса, Турбо-страницы были добавлены к индексации.
Результаты
Отказы
После внедрения AMP и Турбо-страниц изменились поведенческие метрики.
За квартал показатель отказов на сайте в целом составил 14,2 %. Здесь учитываются все посетители, включая пользователей десктопов.
Показатель отказов для владельцев смартфонов, которые приходили на обычные страницы, составил за квартал 23,7%.
Показатель отказов для посетителей Турбо-страниц за этот же период составил 6,2 %.
То есть по показателю отказов, обычные страницы проигрывают турбо-страницам более чем в два раза: 23,7 % против 6,2% с Турбо-страницами и в целом 14,2%.
Посещаемость
С момента внедрения AMP и Турбо-страниц мы увеличили посещаемость портала в 2 раза.
Скорость загрузки страниц
Главный плюс — увеличение скорости загрузки страницы в 3 — 10 раз. Она мгновенно выросла за счет кеширования.
Вывод: внедряем к месту и с умом
Там где нужно донести до пользователя контент максимально быстро и в простой форме.
В нашем случае результатом внедрения стало:
Кому пока не подходит Турбо:
Кому идеально подходят Турбо-страницы:
AMP и Турбо-страницы — интересная технология, которую нужно использовать с умом. Может быть использована для «легкой» мобильной версии сайта, либо для определенных разделов, не требующих высокой функциональности. И, конечно, это отличное решение для информационных сайтов, блогов, интернет-журналов.
Турбо страницы Яндекс. Что с ними не так? Кому подойдут?
Если вы думали внедрять Турбо страницы, то сначала прочтите этот материал
Мое знакомство с турбо страницами началось когда я узнал что у Яндекса появился конструктор турбо страниц, до этого я считал что турбо ставится через яндекс вебмастер и только для крупных сайтов, но нет. И простым смертным этот «грааль» доступен.
Идея турбо страниц в том, что их код оптимизирован под быструю загрузку с мобильных устройств. Идея классная, при том, что все у кого есть сайт, знают, что больше 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. Ужасная аналитика
— Я не уверен, что для турбо-станиц Яндекса нужна более «продвинутая» аналитика.
Удобные и быстрые покупки
Как Турбо-страницы помогают увеличить конверсионность
Возможности Турбо-страниц для интернет-магазинов
• Дизайн и скорость как у мобильного приложения — отклик на действия пользователя происходит почти мгновенно за счёт технологии Single-page application.
• Настройки дизайна позволяют легко изменить название магазина, описание, логотип, а также добавить фирменные цвета.
• Сниппеты на мобильной поисковой выдаче с карточками товаров или галереей изображений помогут наглядно представить ассортимент на поиске.
• Карточки товаров с описанием, фотографиями и ценой. Информацию про доставку, оплату и другие условия можно добавить в кабинете Вебмастера.
• Списки товаров позволяют наглядно представить ассортимент, а также оформить заказ без перехода в карточку товара.
• Сортировка и фильтры для навигации делают перемещение по интернет-магазину удобнее для посетителя.
• Боковое меню — в сайдбар можно добавить дополнительные разделы, например, ссылки на ваш сайт или другие Турбо-страницы.
• Главная страница с поиском по товарам, навигационным меню и блоком рекомендаций.
• Персональные рекомендации позволяют предлагать каждому посетителю только подходящие и интересные товары, а следовательно — повысить продажи.
• API для синхронизации с вашей CRM-системой — возможность передавать заказы, оформленные через корзину на Турбо, в вашу систему обработки заявок.
• Корзина, в которую пользователь может добавить товар прямо из Турбо-версии магазина, упрощает покупку и повышает конверсию.
• Автозаполнение формы заказа — данные клиента автоматически заполнят поля в разделе корзины, если он указал их при регистрации на Яндексе и в момент покупки авторизован.
• Оформление заказа в один клик через простую форму прямо из Турбо-версии магазина. Вся информация придёт на вашу почту.
• Опции доставки помогут упростить процесс оформления заказа.
• Обратная связь. К Турбо-странице можно подключить чаты для общения с посетителями, добавить кнопку «Позвонить» или форму обратной связи, чтобы получать и анализировать отзывы клиентов.
• Отчёты по продажам в Метрике создаются для Турбо-страниц автоматически — достаточно просто подключить счётчик.
Легкие, быстрые, продающие
Войдите в свой аккаунт в Директе или зарегистрируйтесь и следуйте пошаговой инструкции по созданию Турбо-сайтов в конструкторе 💫
Посмотрите, какие возможности оформления есть в Директе ― создайте красивые и быстрые лендинги 🚀 легко!
Если появятся вопросы, обращайтесь в отдел клиентского сервиса — обязательно поможем.
Если нужен сайт, лендинг или интернет-магазин
Турбо-сайты в Директе подходят для решения разных задач — от представления интернет-магазина с множеством товаров до создания лендинга организации.
Скорость, конверсионность и другие преимущества
Вы можете оценить функциональность ускоренного интернет-магазина на примере, а также узнать о ключевых возможностях Турбо-сайтов для вашего бизнеса в коротком видео:
Турбо-сайты позволяют представить весь ассортимент интернет-магазина под одним доменным именем с разными разделами. Можно разместить карточки с описанием товаров и услуг, корзину для быстрых покупок и окно оформления заказа с указанием возможных способов доставки и оплаты. Заявки клиентов поступают на указанную вами почту, а данные о заказах хранятся у вас и всегда доступны, например, для анализа и запуска рекламы.
Как создать Турбо-сайт в Яндекс.Директе
Как создать и запустить?
Войдите в свой аккаунт в Директе или зарегистрируйтесь. На странице создания и редактирования группы объявлений выберите готовый шаблон, создайте многостраничный сайт с чистого листа или соберите интернет-магазин по видеоинструкции.
Добавляйте разные лендинги для разных групп объявлений и экспериментируйте: отредактировать опубликованный Турбо-сайт или переопубликовать его, не изменяя ссылку, можно в любой момент.
Посмотрите, какие возможности оформления есть в Директе ― создайте красивые и быстрые лендинги легко!
Кому можно доверить создание Турбо-сайтов, если требуется помощник?
У нас есть проверенные партнёры — можно выбрать частного специалиста или сертифицированное рекламное агентство.
Куда обращаться, если остались вопросы?
В отдел клиентского сервиса — обязательно поможем.