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

Настройка и подключение Турбо‑страниц.

Посмотреть видео

Настройка и подключение Турбо‑страниц.

Посмотреть видео

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

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

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

Шаг 1. Скопируйте структуру RSS-канала

Пример упрощенного 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">
    <channel>
        <item turbo="true">
            <link>http://www.example.com/page1.html</link>
            <turbo:content>
                <![CDATA[
                    <!-- Содержимое страницы --> 
                ]]>
            </turbo:content>
        </item>
    </channel>
</rss>
channel *
Информация о сайте-источнике.
item *
Информация о странице.
link *

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

turbo:content *
Содержимое страницы.

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

Шаг 2. Добавьте информацию о странице

Укажите элемент link.
...
    <link>http://www.example.com/page1.html</link>
...
Скопировано
link *

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

Требования:
  • ссылка должна содержать схему HTTP или HTTPS;
  • домен, указанный в ссылке, должен соответствовать домену сайта-источника;
  • максимальная длина URL — 243 ASCII-символа;
  • по одному URL должна быть доступна одна статья.

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

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

Шаг 3. Добавьте содержимое страницы

Содержимое для Турбо‑страницы передается с помощью элемента turbo:content. Содержимое необходимо обернуть в раздел <![CDATA[]]>
...
    <turbo:content>
        <![CDATA[
            <!-- Содержимое страницы -->
        ]]> 
    </turbo:content>
...
Скопировано
Содержимое страницы обязательно должно содержать шапку страницы и контентную часть: Для того, чтобы сделать Турбо‑страницу более похожей на оригинал, используйте HTML и CSS. Стили устанавливаются через настройки CSS в Вебмастере. 
...
    <!-- Шапка -->
    <header>
        <h1>Заголовок страницы</h1>
        <figure>
            <img src="http://example.com/img.jpg"/>
        </figure>
        <h2>Заголовок второго уровня</h2>
        <menu>
            <a href="http://example.com/page1.html">Текст ссылки</a>
            <a href="http://example.com/page2.html">Текст ссылки</a>
        </menu>
    </header>
    <!-- Контентная часть -->
...
Скопировано
header *
Шапка страницы.
h1 *

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

figure
Элемент, который используется для формирования превью в шапке. Может использоваться для формирования картинки с подписью.
img
Атрибут src должен содержать URL изображения. Поддерживаются форматы JPEG, PNG, GIF.
h2

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

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

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

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

Шаг 4. Загрузите канал в Вебмастер

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

  1. Разместите RSS-файл на сервере вашего сайта.
  2. Загрузите файл в Вебмастер.
  3. Добавьте логотип сайта, если это необходимо.
  4. Включите показ Турбо‑страниц.

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