Турбо-страницы в Яндекс-вебмастере. Создание, настройка, анализ

Преимущества турбо-страниц Яндекса

Здравствуйте, уважаемые читатели сайта Uspei.com. Кто из вас сегодня заходил в интернет, используя свой смартфон? Так вот, по данным статистики, 46% пользователей ежедневно заходят в интернет, используя мобильное устройство, из них более 50% пользователей имеют медленный интернет.

Медленный интернет – это интернет с типом сетей edge – 3g – gprs, на нем сайт открывается очень долго – десятки секунд, минуты, бывает, что вообще не открывается.

Пользователь видит пустой экран, ждет загрузки, не дожидается и уходит с сайта навсегда. Владелец сайта это видит, как отказ. По данным Яндекс метрики в среднем на смартфонах 35% отказов, то есть у вас остается 65% трафика, а 35% трафика вы уже потеряли. Выход – либо увеличивать скорость 3g модема, либо ускорить загрузку страницы.

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

На рынке уже существует несколько решений, которые пытаются решать эту проблему. Они все абсолютно разные, имеют свои плюсы и минусы, например, если вы хотите использовать google для мобильных, вам необходимо делать отдельную мобильную версию. Если хотите использовать Telegram Instant view, то вы такие страницы никак не можете монетизировать. Telegram их сам показывает в своем приложении и туда невозможно ничего поменять.

Так вот, для пользователей Яндекса сделали трубо-страницы. Турбо-страницы в 15 раз быстрее, чем обычная мобильная версия и это позволяет снизить отказы на 30%.

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

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

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

Как трубо-страницы влияют на трафик и доход сайта

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

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

На примере внедрения турбо-страниц интернет-изданием “Комсомольская правда” можно увидеть рост трафика:

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

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

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

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

Что такое rss формат для турбо-страниц

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

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

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

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

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

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

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

Вот так выглядит обычный rss, который содержит минимальное количество элементов. Самое главное в процессе это item – это то, что соответствует какой-то единице контента вашего сайта, это публикация, страница новости и так далее.

Item в свою очередь состоит из некоторого количества обязательных атрибутов элементов, таких так как title, заголовок вашей страницы, link-ссылка на оригинальную страницу вашего сайта, где находится эта же статья, description – это простое описание того, о чем эта страница, о чем статья, ну и дата публикации, когда страница появилась.

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

Следующее, самое важное отличие в том, что в турбо rss содержит элемент turbo контент. Turbo контент – это то, где вы непосредственно разместите контент вашей страницы, то из чего мы будем строить мобильную версию этой странички. Здесь вы можете размещать какой-то простой html с довольно простым форматированием (читайте подробнее об отладке турбо-страниц).

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

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

Плагин турбо-страниц на примере wordpress

Турбо rss не так сильно отличается от обычного rss, но, тем не менее, никто rss на самом деле руками не делает. Никто не пишет xml и не выравнивает теги – этим все равно занимаются какие-то скрипты, для этого есть автоматика и для cms бывают плагины.

И сейчас как раз на примере такой cms, как wordpress, я покажу, как на самом деле просто это все делается. Ровно 3 минуты – и турбо страницы готовы.

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

Мы идем в плагины, добавить новый, и ищем плагин по ключевым словам “yandex news”. “Yandex news feed buy теплица” вот наш плагин, который подходит для турбо. Нажимаем установить, плагин установлен, можно сразу же его активировать и мы почти закончили.

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

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

Здесь я добавил тип записей для трансляции post, так как wordpress поддерживает разные типы записей, там есть какие-то новости, есть страницы и т.д.

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

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

Сохраняем изменения и все – наш rss готов. Далее мы можем на него перейти и вот мы видим что-то вроде того, что я перед этим показывал, но гораздо более интересно – с каким-то контентом (нажмите для просмотра в полном размере). WordPress все сделал за нас.

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

Мы разобрались с тем, как нам можно получить фид, как получить турбо rss. Теперь нам нужно каким-то образом сообщить Яндексу о том, что у нас есть такой фид и мы хотим турбо страницы.

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

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

– Добавление счетчика аналитики

Дальше мы видим пункты “счетчики” и “реклама”. Помните, я говорил, что мы не потеряем ни деньги с рекламы, ни аналитику поведения пользователей на нашем сайте. Собственно, вы можете, если у вас есть счетчики Яндекс-Метрики или другие – вы можете настроить их прямо здесь.

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

Чтобы турбо тоже умело работать с этим счетчиком Метрики нам достаточно скопировать id этого счетчика, выбрать “добавить счетчик Яндекс-Метрики” и все, мы вставили счетчик.

– Добавление рекламных блоков

Следующее, что вам может быть интересно – это рекламные блоки. Я расскажу на примере рекламных блоков РСЯ.

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

Я зашел в интерфейс рекламной сети Яндекса. Мы идем на вкладку продукты – РТБ блоки. Нажимаем добавить rtb блок, выбираем площадку – у меня одна площадка это, собственно, мой сайт на вордпрессе и нажимаем далее.

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

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

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

После того, как вы только что создали блок, ему нужно некоторое время (порядка получаса), для того чтобы он адаптировался, и для того чтобы он начал работать. Все что нужно – скопировать id блока, вернуться в интерфейс вебмастера, выбираем добавить рекламу РСЯ, даем нашему блоку какое-нибудь название и вставляем id блока, который мы скопировали из интерфейса. У меня на скрине выше уже вставлен счетчик Метрики и id рекламного блока.

– Активация и подключение

Почти все, но самое главное, чуть не забыл – нам нужно передать адрес фида, на котором лежит контент нашего сайта. Мы помним, что админка вордпресса нам заботливо его показала. Возвращаемся в wordpress, копируем адрес фида и подставляем его в форму “добавить rss канал”.

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

Что мы можем сделать дальше? Дальше мы можем посмотреть, что у нас получилось. Раскрываем подушку, нажимаем предварительный просмотр и вот она турбо-страница.

То есть из той rss, которую сформировал wordpress – Яндекс сбилдил вот такую аккуратную красивую версию страницы с картинками и видео. Можно посмотреть несколько примеров различных страниц.

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

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

Примеры, как выглядят турбо страницы в выдаче

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

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

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

Анализ статистики турбо-страниц в Яндекс Метрике

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

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

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

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

Как я говорил турбо – это технология, которая призвана ускорить загрузку страниц. Метрика позволит нам посравнивать ускорилась ли скорость загрузки или нет. Для этого используем “сравнение сегментов”. Сравним визиты турбо с другим сегментом, в котором наоборот не турбо. И давайте поменяем их местами, чтобы не турбо была эталоном.

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

Как вы могли заметить, турбо страницы – это действительно просто. Особенно, если у вас уже есть готовый rss фид, то лёгким движением руки он превращается в турбированный фид. А если у вас еще нет rss, то возможно самое время его завести – это довольно распространенный формат и для любой платформы, я уверен, вы найдете способ построить турбо фиды и получить турбо странички.

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