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

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

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

Шаг 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>

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

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

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

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

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

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

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

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

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

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

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

Для того, чтобы сделать Турбо‑страницу более похожей на оригинал, используйте 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>
    <!-- Контентная часть -->
...

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

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

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

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

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

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

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

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