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-канала необходимо загрузить его в Яндекс.Вебмастер.
2. В поле «Добавить RSS-канал» укажите путь до RSS-файла.
После добавления RSS-канала произойдет его быстрая проверка на наличие ошибок. Если ошибок нет, то вы увидите статус «Без ошибок»:
Статусы источника данных:
3. После проверки канала можно посмотреть, как страница будет отображаться в поиске в режиме «Предварительный просмотр»:
4. В блоке «Информация о сайте» добавьте логотип сайта. Кроме этого, в интерфейсе Яндекс.Вебмастера вы можете добавить счетчики систем веб-аналитики и рекламу, если эта информация не указана в RSS-канале.
5. Сохраните изменения. Загруженный RSS-канал отобразится в интерфейсе Яндекс.Вебмастера как источник данных.
Чтобы Турбо-страницы появились в поиске, установите переключатель в положение Вкл. напротив источника данных. После чего начнется обработка канала. По наблюдениям, полная обработка занимает порядка 2 часов.
ВАЖНО! Можно включить до 10 источников для каждого сайта и до 60 источников в сумме для основного домена и его поддоменов.
После всех проверок Турбо-страница появится в поиске со значком ракеты. При переходе на страницу, открывается турбо-версия:
Видео-инструкция по созданию турбо-страниц:
Настройка Турбо-страниц для WordPress
Для WordPress существует плагин для автоматического создания файла экспорта (RSS-фид) Yandex.News Feed by Teplitsa:
1. Устанавливаем плагин. В списке плагинов он будет отображаться как «Лента для службы Яндекс.Новости от Теплицы социальных технологий».
2. Устанавливаем настройки:
- Тип записей для трансляции (для вывода записей указываем post, для вывода страниц – page).
- Максимальный возраст записей, которые попадают в ленту (в днях).
- Включить поддержку Турбо-страниц (обязательно).
3. Сгенерированную плагином страницу добавляем в Яндекс.Вебмастер в поле «Добавить RSS-канал».Отслеживание статистики по Турбо-страницам.
Для отслеживания статистики по Турбо-страницам следует воспользоваться специальным сегментом в Яндекс.Метрике: Визиты, в которых -> Поведение -> Турбо-страница.
Отключение турбо страниц
Чтобы Турбо-страница перестала отображаться в результатах поиска, в Яндекс.Новости или Яндекс.Дзен, в RSS-канале в элементе item нужной страницы разместить атрибут turbo со значением false.
<item turbo="true"><!--Информация о странице--> Следует заменить на: <item turbo="false"><!--Информация о странице-->
Турбо-страница отключится в течение нескольких дней. Вместо нее будет отображаться обычная или мобильная версия сайта.
В данной статье мы рассмотрели, что такое турбо-страницы Яндекс и как их настроить. Не бойтесь познавать новое. Развивайтесь, придумывайте, внедряйте.
Успехов в развитии и продвижении ваших проектов!
