t. +7 (495) 620-58-99
+7 (495) 620-58-99Оставить заявку
/
/
Турбо-страницы Яндекс - в 10 раз легче, в 15 раз быстрее
Блог
5112
24.01.2018
Яндекс

Турбо-страницы Яндекс - в 10 раз легче, в 15 раз быстрее

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

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

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

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

Технология «Турбо-страницы»

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

Технология «Турбо-страницы» хранит содержимое страниц на сервере Яндекса и загружает их без обращения к серверу сайта.

Благодаря данной технологии страницы весят в 10 раз меньше обычных, и в 3G-сети загрузка происходит в 15 раз быстрее исходных версий.

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

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

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

Рассмотрим описание и требования к созданию ускоренных страниц.

Алгоритм создания Турбо-страниц состоит из двух этапов:

  • Создание RSS-канала.
  • Передача информации Яндексу и запуск обработки канала.

Создание RSS-канала

Турбо-страницы формируются на основе страниц сайта. Данные для Турбо-страниц экспортируются в XML-based формате RSS 2.0.

Описание элементов RSS

Корневым элементом RSS-файла является rss, атрибут version которого должен иметь значение 2.0.

<rss

xmlns:yandex=”http://news.yandex.ru”

xmlns:media=”http://search.yahoo.com/mrss/”

xmlns:turbo=”http://turbo.yandex.ru”

version=»2.0»>

…

</rss>

Для формирования Турбо-страницы передаются следующие данные:

 
 <channel><!—Информация о сайте-источнике (RSS-канале)-->
 
 …
 
 <item turbo="true"><!—Информация о странице-->
 
 …
 
 <turbo:content>…</turbo:content><!—Содержимое страницы-->
 
 …
 
 </item>
 
 </channel>
 
 </rss>
 
 

Передача информации о сайте-источнике (сведения передаются в элементе channel)

В данном блоке осуществляется описание RSS-канала: название, домен, подключение систем веб-аналитики, информация о странице и ее содержимом.

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

Пример подключения Яндекс.Метрики для учета посещаемости турбо-страниц:

 
 <yandex:analytics
 
 id=”номер счетчика”
 
 type=”Yandex”
 
 params=”{ ‘param’ : ‘val’ }”>
 
 </yandex:analytics>
 

Пример подключения Google Analytics:

  
 <yandex:analytics
 
 id="идентификатор отслеживания"
 
 type="Google">
 
 </yandex:analytics>
 

Описание информации о странице (данные передаются в элементе item)

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

Описание содержимого страницы

Контент для Турбо-страницы передается с помощью элемента turbo:content. Содержимое необходимо обернуть в тег <![CDATA[]]>.

Турбо-страницы поддерживают контент в виде:

  • Шапка страницы (верхняя часть страницы) – содержит элемент img с адресом изображения, которое используется в качестве обложки. Изображение может быть в любом формате.
  • Текст.
  • Ссылки в тексте.
  • Изображения. Поддерживаются форматы JPEG и PNG.
  • Галереи картинок.
  • Видео, размещенные на вашем сайте или на сторонних ресурсах. Осуществляется поддержка популярных видео-хостингов YouTube, Vimeo.
  • Кнопка «Поделиться».
  • Цитаты в тексте.
  • Таблицы.
  • Элементы меню.
  • Встраиваемый контент Instagram и Twitter.
  • Комментарии.

К минусам можно отнести ограничения RSS-канала.

Количество символов в элементах title, h1, author 240
Общее количество картинок в RSS-канале 5000
Количество картинок в одном элементе item, включая картинки, указанные в элементе yandex:related 30
Количество элементов item 500
Размер RSS-канала 15 Мб

Передача информации Яндексу

Для передачи сведений RSS-канала необходимо загрузить его в Яндекс.Вебмастер.

1. Перейдите в раздел «Турбо-страницы» вебмастера:
турбо-страницы в Яндекс.Вебмастер

2. В поле «Добавить RSS-канал» укажите путь до RSS-файла.

добавление rss канала

После добавления RSS-канала произойдет его быстрая проверка на наличие ошибок. Если ошибок нет, то вы увидите статус «Без ошибок»:

источник данных

Статусы источника данных:

статусы источника данных

3. После проверки канала можно посмотреть, как страница будет отображаться в поиске в режиме «Предварительный просмотр»:

предварительный просмотр

4. В блоке «Информация о сайте» добавьте логотип сайта. Кроме этого, в интерфейсе Яндекс.Вебмастера вы можете добавить счетчики систем веб-аналитики и рекламу, если эта информация не указана в RSS-канале.

информация о сайте

5. Сохраните изменения. Загруженный RSS-канал отобразится в интерфейсе Яндекс.Вебмастера как источник данных.

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

ВАЖНО! Можно включить до 10 источников для каждого сайта и до 60 источников в сумме для основного домена и его поддоменов.

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

турбо-страница на поиске

Видео-инструкция по созданию турбо-страниц:

Настройка Турбо-страниц для WordPress

Для WordPress существует плагин для автоматического создания файла экспорта (RSS-фид) Yandex.News Feed by Teplitsa:

Yandex.News Feed by Teplitsa

1. Устанавливаем плагин. В списке плагинов он будет отображаться как «Лента для службы Яндекс.Новости от Теплицы социальных технологий».

2. Устанавливаем настройки:

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

3. Сгенерированную плагином страницу добавляем в Яндекс.Вебмастер в поле «Добавить RSS-канал».Отслеживание статистики по Турбо-страницам.

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

сегмент в Яндекс.Метрике

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

Чтобы Турбо-страница перестала отображаться в результатах поиска, в Яндекс.Новости или Яндекс.Дзен, в RSS-канале в элементе item нужной страницы разместить атрибут turbo со значением false.

  
<item turbo="true"><!--Информация о странице-->
 
Следует заменить на:
 
<item turbo="false"><!--Информация о странице-->

 

Турбо-страница отключится в течение нескольких дней. Вместо нее будет отображаться обычная или мобильная версия сайта.

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

Успехов в развитии и продвижении ваших проектов!