Creating a simple Turbo page
v
Use this guide to create a Turbo page for one of your site pages and see how mobile users respond to it.
The content of the generated Turbo page must repeat the main content of the site page.
Step 1. Copy the RSS feed structure
A simplified example of the RSS feed that contains only mandatory elements:
<?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[
<!-- Page content -->
]]>
</turbo:content>
</item>
</channel>
</rss>
* Required
Step 2. Add information about the page
Specify the link element.
... <link>http://www.example.com/page1.html</link> ...
Copied to clipboard
link
*The URL of the site page to generate the Turbo page for.
Requirements:
- The link must contain the HTTP or HTTPS scheme prefix.
- The link domain must be the same as the source site domain.
- The maximum length of the URL is 243 ASCII characters.
- Each URL must contain one article.
When the link is clicked, the header and the beginning of the text should fit the first screen at 1024 × 768 resolution.
* Required
Step 3. Add the content of the page
Turbo page content is passed in the turbo:content element. Content must be wrapped in the ![CDATA[]]>
... <turbo:content> <![CDATA[ <!-- Page content --> ]]> </turbo:content> ...
Copied to clipboard
The page content must contain the page header and the content part:
- The header is set in the header element. It can contain the title, menu and a preview image.
- The content part can contain all available Turbo page elements: text, images and videos, tables and so on. However, it must completely repeat the structure and content of the main page. For more information, see Content requirements.
... <!-- Header --> <header> <h1>Page title</h1> <figure> <img src="http://example.com/img.jpg" /> </figure> <h2>Level 2 heading</h2> <menu> <a href="http://example.com/page1.html">Link text</a> <a href="http://example.com/page2.html">Link text</a> </menu> </header> <!-- Content part --> ...
Copied to clipboard
header
*h1
*Page heading.
figure
The element used for generating a preview in the header. Can be used for generating a picture with caption.
img
The src attribute must contain the image URL. JPEG, PNG, GIF formats are supported.
h2
Level two heading.
menu
Navigation menu.
a
Menu item. The href attribute must contain the site page link.
* Required
Step 4. Upload your RSS feed to Yandex.Webmaster
When the RSS feed is ready:
- Place the RSS file on your site's server.
- Upload the file in Yandex.Webmaster.
- Add the site logo if necessary.
Note. To change the appearance and content of the pages, use the RSS feed. For more information, see Uploading the RSS feed.