Содержание
О технологии «Турбо‑страницы». Турбо‑страницы для контентных сайтов
Технология Турбо‑страниц позволяет создавать легкие версии страниц, которые открываются быстро даже при медленном подключении к интернету. На их загрузку уходит примерно в 15 раз меньше времени, чем на загрузку обычных страниц.
Такая скорость достигается благодаря применению оптимизированной верстки, хранению содержимого страниц на серверах Яндекса и использования собственной сети доставки контента.
- Преимущества
- Формирование Турбо‑страниц
- Отображение на сервисах Яндекса
- Мгновенная загрузка и удобное чтение
Скорость загрузки Турбо‑страниц в 15 раз быстрее при 3G-подключении. Это позволяет уменьшить процент отказов в среднем на 30%.
- Снижение нагрузки на ваш сервер
- Использование собственной инфраструктуры доставки контента позволяет снизить количество обращений к вашему серверу.
- Расширенные сниппеты в поиске
- Использование Турбо‑страниц является одним из факторов формирования расширенных сниппетов в поисковой выдаче.
Внимание. Подключение Турбо‑страниц не гарантирует появление расширенных сниппетов.
- Авторасстановка рекламы
- При использовании авторасстановки количество рекламы и выгодные места подбираются автоматически. Это позволяет увеличить доход от монетизации в среднем на 40%.
Для монетизации Турбо‑страниц можно подключить блоки Рекламной сети Яндекса или рекламу других систем с помощью Adfox. Подробнее в разделе Подключение рекламы на мобильных Турбо‑страницах.
- Автоматическая лента рекомендаций
Автоматическая лента формируется из похожих по теме страниц вашего сайта. При включении ленты такие страницы отображаются последовательно друг за другом. Это позволяет увеличить количество просмотров до 30%.
Подробнее о преимуществах Турбо‑страниц в PDF
Турбо‑страницы могут формироваться через RSS-канал. Подробнее в разделе Подключение Турбо‑страниц для контентных сайтов .
Примечание. Для некоторых статейных сайтов Турбо‑страницы могут быть уже сформированы с помощью Автопарсинга. Подробнее в разделе Алгоритм Автопарсинга и подключение .
Турбо‑страницы могут отображаться в результатах поиска Яндекса вместе с вашим сайтом.
- Пример отображения
- Примеры сниппетов в поиске
В поиске может быть несколько типов отображения сниппетов. Вид зависит от тематики сайта. Например:
Стандартный сниппет
Фактовый ответ
Карусель рецептов
Новостная врезка
Карусель новостей
Свежие новости
- Как подключить
- См. инструкцию по подключению Турбо‑страниц для контентных сайтов.
Написать в службу поддержки
Была ли статья полезна?
Создание простой Турбо‑страницы. Турбо‑страницы для контентных сайтов
С помощью этой инструкции вы можете создать Турбо‑страницу для одной из страниц вашего сайта и посмотреть, как на нее отреагируют пользователи мобильных устройств.
При формировании Турбо‑страницы ее содержимое должно повторять основной контент страницы сайта.
- Шаг 1. Скопируйте структуру RSS-канала
- Шаг 2. Добавьте информацию о странице
- Шаг 3. Добавьте содержимое страницы
- Шаг 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-канал будет готов:
Разместите RSS-файл на сервере вашего сайта.
Загрузите файл в Вебмастер.
Добавьте логотип сайта, если это необходимо.
Включите показ Турбо‑страниц.
Примечание. Для изменения содержимого страниц используйте RSS-канал. Подробнее в разделе Обновление RSS-канала.
Начало работы. Турбо-страницы для контентных сайтов
Инструкция по загрузке RSS-ленты в Яндекс.Вебмастер.
Для работы с API Яндекс.Турбостраниц необходимо получить токен доступа, например, с помощью Яндекс.Вебмастера:
Перейти на Турбостраницы для контентных сайтов → Страница Источники данных.
В блоке Загрузить через 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. Скопируйте структуру RSS-канала
- Шаг 2. Добавьте информацию о странице
- Шаг 3. Добавьте содержимое страницы
- Шаг 4. Загрузите свой RSS-канал на Яндекс.Вебмастер
Упрощенный пример RSS-канала, который содержит только обязательные элементы:
<> < турбо="правда"> "}}">>http://www.example.com/page1.html <>
канал
* Обязательно»}}»>
Исходная информация о сайте.
Элемент
* Обязательно»}}»>
Информация о странице.
ссылка
* Обязательно»}}»>
URL страницы сайта, для которой создается Турбо-страница.
turbo:content
* Обязательное»}}»>
Содержимое страницы.
* Обязательно
Укажите элемент ссылки.
...Требования:
\n
- \n
Ссылка должна содержать префикс схемы HTTP или HTTPS.
- \n
Домен ссылки должен совпадать с доменом исходного сайта.
- \n
Максимальная длина URL-адреса составляет 243 символа ASCII.
- \n
Каждый URL должен содержать одну статью.
При переходе по ссылке заголовок и начало текста должны соответствовать размеру первого экрана с разрешением 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
* Обязательное»}}»>
Заголовок страницы.
рисунок
Элемент, используемый для создания предварительного просмотра в шапке. Может использоваться для создания изображения с подписью.