Yandex турбо: О технологии «Турбо‑страницы». Турбо‑страницы для контентных сайтов

О технологии «Турбо‑страницы». Турбо‑страницы для контентных сайтов

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

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

  1. Преимущества
  2. Формирование Турбо‑страниц
  3. Отображение на сервисах Яндекса
Мгновенная загрузка и удобное чтение

Скорость загрузки Турбо‑страниц в 15 раз быстрее при 3G-подключении. Это позволяет уменьшить процент отказов в среднем на 30%.

Снижение нагрузки на ваш сервер
Использование собственной инфраструктуры доставки контента позволяет снизить количество обращений к вашему серверу.
Расширенные сниппеты в поиске
Использование Турбо‑страниц является одним из факторов формирования расширенных сниппетов в поисковой выдаче.

Внимание. Подключение Турбо‑страниц не гарантирует появление расширенных сниппетов.

Авторасстановка рекламы
При использовании авторасстановки количество рекламы и выгодные места подбираются автоматически. Это позволяет увеличить доход от монетизации в среднем на 40%.

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

Автоматическая лента рекомендаций

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

Подробнее о преимуществах Турбо‑страниц в PDF

Турбо‑страницы могут формироваться через RSS-канал. Подробнее в разделе Подключение Турбо‑страниц для контентных сайтов .

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

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

Пример отображения
Примеры сниппетов в поиске

В поиске может быть несколько типов отображения сниппетов. Вид зависит от тематики сайта. Например:

Стандартный сниппет

Фактовый ответ

Карусель рецептов

Новостная врезка

Карусель новостей

Свежие новости

Как подключить
См. инструкцию по подключению Турбо‑страниц для контентных сайтов.

Написать в службу поддержки

Была ли статья полезна?

Создание простой Турбо‑страницы. Турбо‑страницы для контентных сайтов

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

При формировании Турбо‑страницы ее содержимое должно повторять основной контент страницы сайта.

  1. Шаг 1. Скопируйте структуру RSS-канала
  2. Шаг 2. Добавьте информацию о странице
  3. Шаг 3. Добавьте содержимое страницы
  4. Шаг 4. Загрузите канал в Вебмастер

Пример упрощенного RSS-канала, который содержит только обязательные элементы:

<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:yandex="http://news.yandex.ru"
     xmlns:media="http://search.yahoo.com/mrss/"
     xmlns:turbo="http://turbo.yandex.ru"
     version="2.0">
    <>
        < turbo="true">
            <URL страницы сайта, для которой нужно сформировать Турбо‑страницу. "}}">>http://www.example.com/page1.html</link>
            <>
                <![CDATA[
                    <!-- Содержимое страницы --> 
                ]]>
            </turbo:content>
        </item>
    </channel>
</rss>

channel Обязательный параметр»}}»>

Информация о сайте-источнике.

item Обязательный параметр»}}»>

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

link Обязательный параметр»}}»>

URL страницы сайта, для которой нужно сформировать Турбо‑страницу.

turbo:content Обязательный параметр»}}»>

Содержимое страницы.

Обязательный параметр

Укажите элемент link.

...
    <URL страницы сайта, для которой нужно сформировать Турбо‑страницу. 

Требования:

    \n
  • ссылка должна содержать схему HTTP или HTTPS;

  • \n
  • домен, указанный в ссылке, должен соответствовать домену сайта-источника;

  • \n
  • максимальная длина URL — 243 ASCII-символа;

  • \n
  • по одному URL должна быть доступна одна статья.

  • \n

При переходе по ссылке заголовок и начало текста должны быть видны на первом экране при разрешении 1024 × 768.

"}}">>http://www.example.com/page1.html</link> ...

link Обязательный параметр»}}»>

URL страницы сайта, для которой нужно сформировать Турбо‑страницу.

Требования:

  • ссылка должна содержать схему HTTP или HTTPS;

  • домен, указанный в ссылке, должен соответствовать домену сайта-источника;

  • максимальная длина URL — 243 ASCII-символа;

  • по одному URL должна быть доступна одна статья.

При переходе по ссылке заголовок и начало текста должны быть видны на первом экране при разрешении 1024 × 768.

Обязательный параметр

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

...
    <turbo:content>
        <![CDATA[
            <!-- Содержимое страницы -->
        ]]> 
    </turbo:content>
...

Содержимое страницы обязательно должно содержать шапку страницы и контентную часть:

  • Шапка задается с помощью элемента header и может содержать заголовок, меню и картинку для превью.

  • Контентная часть может содержать все доступные элементы Турбо‑страниц: текст, картинки и видео, таблицы и т. д. При этом она должна полностью повторять структуру и содержимое основной страницы. Подробнее в разделе Требования к содержимому.

Для того, чтобы сделать Турбо‑страницу более похожей на оригинал, используйте HTML и CSS. Стили устанавливаются через настройки CSS в Вебмастере.

...
    <!-- Шапка -->
    <Шапка страницы. "}}">>
        <Заголовок страницы.\n            "}}">>Заголовок страницы</h2>
        <картинки с подписью."}}">>
            <src должен содержать URL изображения. Поддерживаются форматы JPEG, PNG, GIF."}}"> src="http://example.com/img.jpg"/>
        </figure>
        <Заголовок второго уровня.\n            "}}">>Заголовок второго уровня</h3>
        <Навигационное меню.

\n

\n

a

\n

\n

Пункт меню. Атрибут href должен содержать ссылку на страницу сайта.

\n

\n

\n

\n «}}»>>
<Пункт меню. Атрибут href должен содержать ссылку на страницу сайта.\n «}}»> href=»http://example.com/page1.html»>Текст ссылки</a>
<Пункт меню. Атрибут href должен содержать ссылку на страницу сайта.\n «}}»> href=»http://example.com/page2.html»>Текст ссылки</a>
</menu>
</header>
<!— Контентная часть —>

header Обязательный параметр»}}»>

Шапка страницы.

h2 Обязательный параметр»}}»>

Заголовок страницы.

figure

Элемент, который используется для формирования превью в шапке. Может использоваться для формирования картинки с подписью.

img

Атрибут src должен содержать URL изображения. Поддерживаются форматы JPEG, PNG, GIF.

h3

Заголовок второго уровня.

menu

Навигационное меню.

a

Пункт меню. Атрибут href должен содержать ссылку на страницу сайта.

Обязательный параметр

Когда RSS-канал будет готов:

  1. Разместите RSS-файл на сервере вашего сайта.

  2. Загрузите файл в Вебмастер.

  3. Добавьте логотип сайта, если это необходимо.

  4. Включите показ Турбо‑страниц.

Примечание. Для изменения содержимого страниц используйте RSS-канал. Подробнее в разделе Обновление RSS-канала.

Начало работы. Турбо-страницы для контентных сайтов

Инструкция по загрузке RSS-ленты в Яндекс.Вебмастер.

Для работы с API Яндекс.Турбостраниц необходимо получить токен доступа, например, с помощью Яндекс.Вебмастера:

  1. Перейти на Турбостраницы для контентных сайтов → Страница Источники данных.

  2. В блоке Загрузить через API нажмите кнопку Получить токен.

Вы должны отправлять токен OAuth в каждом запросе в HTTP-заголовке авторизации.

Идентификатор пользователя требуется при вызове API Турбо-страниц. Он передается в параметре пути идентификатора пользователя.

Чтобы получить идентификатор, используйте операцию GET /v4/user.

Пример:

 curl -X ПОЛУЧИТЬ \
  'https://api.webmaster.yandex.net/v4/пользователь' \
  -H 'Авторизация: OAuth oauth_token' 

Идентификатор пользователя возвращается в поле идентификатора пользователя.

Чтобы получить ссылку для загрузки, используйте операцию GET /v4/user/{user-id} / hosts/{host-id} / turbo/uploaddress .

Внимание. Перед публикацией Турбо-страниц рекомендуем проверить разметку и корректность отображения в режиме ОТЛАДКА. Режим задается параметром запроса режима при получении URL-адреса загрузки. Мы также рекомендуем пересмотреть ограничения RSS-канала.

Пример:

 curl -X ПОЛУЧИТЬ \
  'https://api.webmaster.yandex.net/v4/user/12345678/hosts/https:example.com:443/turbo/uploadAddress?mode=PRODUCTION' \
  -H 'Авторизация: OAuth oauth_token' 

Ссылка для скачивания возвращается в поле upload_address. Используйте его для загрузки RSS-канала.

Чтобы загрузить RSS-канал, отправьте запрос POST на URL-адрес, полученный на предыдущем шаге. В запросе необходимо указать заголовок Content-Type: application/rss+xml и отправить RSS-канал в теле запроса в виде двоичного файла или строки.

Пример:

 curl -X POST \
  https://api.webmaster.yandex.net/v4/upload/turbo/Dz3L9xOfnCecrcgv3jdTInxCY8tMl__tDWwJV9jB1VkdUmDyqx94u-11JqUte05eXYkX49q1Z9CZAsbBgKkdIQ==/ \
  -H 'Авторизация: OAuth oauth_token' \
  -H 'Тип содержимого: приложение/rss+xml' \
  -d ' 0" кодировка = "UTF-8"?>

  <канал>
    <элемент турбо="истина">
      Название страницы
      <ссылка>https://example.com
      <турбо:контент>
        
            

Ресторан здорового завтрака

Полезно и вкусно

<рисунок> <меню> Пункт меню 1 Пункт меню 2

Как хорошо начать день? С вкусным и полезным завтраком!

Присоединяйтесь к нам на завтрак. Посмотрите фотографии наших блюд на нашем сайте.

Меню

<рисунок> mds.yandex.net/get-sbs-sd/369181/49e3683c-ef58-4067-91f9-786222aa0e65/ориг">
Омлет с зеленью

В нашем меню всегда свежие, вкусные и полезные блюда.

Узнайте сами.

Наш адрес: Nullam dolor massa, porta a nulla in, ultricies vehicula arcu.

Фотографии — http://unsplash.com

]]>
'

Операция возвращает идентификатор задачи загрузки RSS-канала в поле task_id. Это необходимо для проверки статуса загрузки.

Чтобы проверить статус загрузки RSS-канала, передайте идентификатор задачи в параметре пути task_id команды GET /v4/user/{user-id}/ hosts/{host-id}/turbo/tasks/{task-id } операция.

Результат загрузки содержит:

  • Ссылки для просмотра примеров отображения Турбо-страниц.

  • Информация об ошибках, если они возникают.

Примечание. Обработка RSS-канала занимает много времени.

Пример:

 curl -X ПОЛУЧИТЬ \
  'https://api.webmaster.yandex.net/v4/user/12345678/hosts/https:example.com:443/turbo/tasks/12345e0-678f-9e' \
  -H 'Авторизация: OAuth oauth_token' 

Связаться со службой поддержки

Была ли статья полезной?

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

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

v

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

Содержимое сгенерированной Турбо-страницы должно повторять основное содержимое страницы сайта.

  1. Шаг 1. Скопируйте структуру RSS-канала
  2. Шаг 2. Добавьте информацию о странице
  3. Шаг 3. Добавьте содержимое страницы
  4. Шаг 4. Загрузите свой RSS-канал на Яндекс.Вебмастер

Упрощенный пример RSS-канала, который содержит только обязательные элементы:

 

    <>
        < турбо="правда">
              "}}">>http://www.example.com/page1.html
            <>
                
        
    
 

канал   Обязательно»}}»>

Исходная информация о сайте.

Элемент   Обязательно»}}»>

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

ссылка   Обязательно»}}»>

URL страницы сайта, для которой создается Турбо-страница.

turbo:content   Обязательное»}}»>

Содержимое страницы.

Обязательно

Укажите элемент ссылки.

 ...
      

Требования:

    \n
  • Ссылка должна содержать префикс схемы HTTP или HTTPS.

  • \n
  • Домен ссылки должен совпадать с доменом исходного сайта.

  • \n
  • Максимальная длина URL-адреса составляет 243 символа ASCII.

  • \n
  • Каждый URL должен содержать одну статью.

  • \n

При переходе по ссылке заголовок и начало текста должны соответствовать размеру первого экрана с разрешением 1024 × 768.

"}}">>http://www.example.com/page1.html ...

ссылка   Обязательно»}}»>

URL-адрес страницы сайта, для которой создается Турбо-страница.

Требования:

  • Ссылка должна содержать префикс схемы HTTP или HTTPS.

  • Домен ссылки должен совпадать с доменом исходного сайта.

  • Максимальная длина URL-адреса составляет 243 символа ASCII.

  • Каждый URL должен содержать одну статью.

При переходе по ссылке заголовок и начало текста должны соответствовать первому экрану с разрешением 1024 × 768.

Обязательно

Содержимое страницы Turbo передается в элементе turbo:content. Содержимое должно быть заключено в ![CDATA[]]>

 ...
    <турбо:контент>
        
... 

Содержимое страницы должно содержать заголовок страницы и часть содержимого:

  • Заголовок задается в элементе header. Он может содержать заголовок, меню и изображение для предварительного просмотра.

  • Контентная часть может содержать все доступные элементы Турбо-страницы: текст, изображения и видео, таблицы и так далее. Однако он должен полностью повторять структуру и содержание главной страницы. Дополнительные сведения см. в разделе Требования к содержимому.

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

 ... 
    <Заголовок страницы."}}">>
        <Заголовок страницы.\n "}}">>Заголовок страницы
        <картинка с подписью."}}">>
            Атрибут  src="http://example.com/img.jpg" />
        
        <Заголовок второго уровня.\n "}}">>Заголовок второго уровня
        <Меню навигации. 

\n

\n

a

\n

\n

Пункт меню. Атрибут href должен содержать ссылку на страницу сайта.

\n

\n

\n

\n «}}»>>
<Элемент меню. Атрибут href должен содержать ссылку на страницу сайта.\n "}}"> href=»http://example.com/page1.html»>Текст ссылки
<Элемент меню. Атрибут href должен содержать ссылку на страницу сайта.\n "}}"> href=»http://example.com/page2.html»>Текст ссылки



заголовок   Обязательное»}}»>

Заголовок страницы.

h2   Обязательное»}}»>

Заголовок страницы.

рисунок

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

This entry was posted in Популярное