Турбо-страницы – новинка от Яндекса для ускорения сайта

Турбо-страницы – новинка от Яндекса для ускорения сайта

Что же такое турбо-страницы?

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

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

Внешний вид турбо-страницы

Само же ускорение происходит за счет кэширования контента на сайтах, использующих универсальных шаблон. Таким образом, пользователь мобильной выдачи сразу видит всю страницу, даже без перехода на сайт. Данную технологию можно сравнить с AMP-страницами от Google или с Instant Articles от Facebook.

Какая польза владельцам сайтов от турбо-страниц?

В мобильной выдаче увеличивается число показов рекламы и уменьшаются потери трафика; Нагрузка на сайт полностью отсутствует! Для показа контента используются ресурсы Яндекса; Популярность страниц напрямую повлияет на посещаемость сайта.

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

Насущный вопрос - как монетизировать турбо-страницы?

В данный момент имеется только 2 варианта добавления рекламы в шаблоны таких страниц. Первый это Рекламная Сеть Яндекса или РСЯ.

 турбо-страницы

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

Второй вариант – это использование специальной платформы ADFOX, через которую можно настроить и подключить сторонних монетизаторов, таких как Google AdSense. Здесь же можно использовать, так называемую, динамическую монетизацию которая позволяет увеличить доход от каждого показа рекламы за счет интеграции с РСЯ.

Также не забыли специалисты Яндекса и о возможности мониторинга данных страниц. В этом нам помогут счетчики Яндекс.Метрики, Google Analytics, LiveInternet, Рейтинг Mail.ru и Rambler Top 100. Добавить их можно будет прямо во время подключения турбо-страниц к вашему сайту в вебмастере Яндекс.

Как подключить турбо-страницы? Делаем RSS ленту

Первый делом необходимо настроить RSS ленту в XML-based формате RSS 2.0. Полное техническое описание с примерами доступно в справке Яндекса.

На некоторых популярных CMS уже существуют готовые плагины, которые помогут с созданием ленты.

Плагин на Wordpress:

Плагин турбо-страницы для Wordpress

Плагин на Drupal:

Плагин турбо-страниц для Joomla

Плагин для Joomla - JC Yandex Turbo:

Плагин турбо-страниц для Drupal

Пример готового файла ленты:

<?xml version="1.0" encoding="windows-1251"?>
<rss
    xmlns:yandex="http://news.yandex.ru"
    xmlns:media="http://search.yahoo.com/mrss/"
    xmlns:turbo="http://turbo.yandex.ru"
    version="2.0"
>
    <channel>
        <title>Название RSS-канала</title>
        <link>http://www.example.com/</link>
        <description>Краткое описание RSS-канала</description>
        <yandex:analytics type="Yandex" id="123456"></yandex:analytics>
        <yandex:adNetwork
         type="Yandex"
         id="идентификатор блока"
         turbo-ad-id="first_ad_place">
        </yandex:adNetwork>
        <yandex:adNetwork

         type="AdFox"
         turbo-ad-id="second_ad_place">
            <![CDATA[
                    <div id="идентификатор контейнера"></div>
                    <script>
                        window.Ya.adfoxCode.create({
                            ownerId: 123456,
                            containerId: 'идентификатор контейнера',
                            params: {
                                pp: 'g',
                                ps: 'cmic',
                                p2: 'fqem'
                            }

                        });
                    </script>
                 ]]>
        </yandex:adNetwork>
        <item turbo="true">
            <link>http://www.example.com/page1.html</link>
            <author>Иван Иванов</author>
            <category>Технологии</category>
            <pubDate>Sun, 29 Sep 2002 19:59:01 +0300</pubDate>
            <turbo:content>
                <![CDATA[
                         <header>
                             <figure>
                                 <img src="http://example.com/img.jpg" />
                             </figure>
                             <h1>Заголовок страницы</h1>
                         </header>
                         <h2>Заголовок страницы</h2>
                         <p>Текст с <b>выделением</b> и списком:</p>
                         <ul>
                             <li>пункт 1;</li>
                             <li>пункт 2.</li>
                         </ul>
                         <figure data-turbo-ad-id="first_ad_place"></figure>
                         <figure>
                             <video>
                                 <source src="https://example.com/video.mp4"
                                  type="video/mp4" />
                             </video>
                             <img src="http://example.com/img-for-video.jpg" />
                             <figcaption>Подпись к видео</figcaption>
                         </figure>
                         <figure data-turbo-ad-id="second_ad_place"></figure>
                      ]]>
            </turbo:content>
            <yandex:related>

                <link
                 url="http://www.example.com/other-page.html"
                 img="http://www.example.com/image.jpg">Текст ссылки
                </link>
            </yandex:related>

        </item>
    </channel>
</rss>

После настройки ленты, действуем следующим образом:

  • Добавляем сайт в Яндекс.Вебмастер, если он еще не добавлен;
  • RSS-файл размещаем, например, в корне сайт так, чтобы он был доступен роботу Яндекса и не закрыт в robots.txt от индексации;
  • Указываем ссылку на файл;

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

  • Далее мы можем настроить отображение нашего сайта. Здесь добавляем логотип, счетчики и код рекламных блоков.

    Настройка внешнего вида турбо-страницы

* Важное замечание по RSS ленте. Максимальное количество страниц в одной лента - 500, максимальный размер файла 15 мб. Подключить в Вебмастере можно до 10 лент.

Если робот не смог загрузить его за 10 секунд, файл считается недоступным. В этом случае в разделе Турбо-страницы Яндекс.Вебмастера отобразится «Ошибка загрузки».

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

Вывод:

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

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

Оценок: 13 396 (средняя 5 из 5)

Турбо-страницы – новинка от Яндекса для ускорения сайта {descr}
Рекомендуем также