В элементе item отсутствует атрибут turbo со значением true как исправить на тильде

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

Копаюсь я по привычке в вебмастере, смотрю как развиваются свои и клиентские сайты и тут вижу вот такую штуку:

Немного погуглив (ну не привык я к поиску от Яндекса пока что ) я обнаружил, что турбо страницы — это такая новая фишка, которую Google назвал AMP и анонсировал чуть раньше, и которая теперь тоже будет позволять Яндексу немного разгрузить свои серверы и ускорить работу в мобильных устройствах, ведь для хранения и обработки информации им потребуется в разы меньше места.

Говоря проще, турбо страницы — это технология, которая позволяет ускорить загрузку вашего контента в Яндексе в десятки раз, за счет облегчения его кода (удаления лишних элементов и стандартизации контента).

Для мобильных девайсов — это просто супер!

Причем, Яндекс реализовал свою задумку в разы лучше и проще, чем Google.

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

Подключаем турбо страницы на Яндексе

Итак, заходим в панель вебмастера https://webmaster.yandex.ru/
Открываем вкладку «Турбо-страницы«.

Вот что мы примерно видим:

Изначально всё вроде просто — Яндекс говорит — мол, добавь свой RSS канал и будет тебе счастье. Для тех кто никогда не сталкивался, RSS — это просто коротенький формат выгрузки статей и новостей с сайта. Он имеется почти на любом сайте, в WordPress он вообще встроенный.

То есть это просто ссылка, которая преобразует текущий контент сайта в облегченный формат.

Естественно, я попытался вставить родной RSS, и тут меня ждал первый облом — оказывается Яндекс в своих турбостраницах использует специфический стандарт RSS, по крайней мере типовой файл модерацию не прошел, выдавал ошибку валидации.

Основная ошибка «В элементе item отсутствует атрибут turbo со значением true» — то есть стандартный RSS фид не подойдет, он ничего не знает про атрибуты turbo

Займемся пока остальными полями, так как их заполнить элементарно:

• вводите название вашего сайта (оно будет показываться в заголовке турбо-страницы)
• вводите лого если есть (как сделать бесплатный логотип за 5 минут)
• счетчики Яндекс.Метрики, Google.Analytics, Liveinternet (как установить счетчик Метрики на сайт)

Если что-то не знаете, введете позже в любой момент.
Сохраняйте и давайте думать, что делать с созданием RSS канала для турбо страниц.

Как я уже сказал, основная проблема — это ошибка валидации RSS ленты. Для ее решения нужно воспользоваться специализированным инструментом, который будет создавать правильный RSS для Яндекса в нужном ему формате с атрибутами turbo и т.п.

Турбо страницы — как сделать на WordPress

И в сотый раз не устаю радоваться, что выбрал в качестве движка для блога именно WordPress, вот оно преимущество популярности — только я подумал про такой инструмент — он сразу и нашелся в виде классного бесплатного плагина Яндекс.Турбо

У плагина куча настроек, но вам достаточно заполнить основные, чтобы все работало.

Вот как это сделал я:

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

Для большинства сайтов достаточно будет 10-20 последних записей. Но если у вас большой проект, то я рекомендую поставить как можно больше (максимум 500), чтобы даже старые статьи были в «турбо-виде».

Кроме того, если у вас полезная информация содержится не только в записях (post), но и в страницах (page), то в типах записей указывайте через запятую: post,page В этом случае у вас в турбо страницы Яндекса попадут не только записи, но и страницы.

Важно понимать, что постоянная генерация большого объема данных может приводить к тормозам на сервере, поэтому я сделал две штуки:

1. Разбил RSS-ленту на несколько (например, максимум 40 записей в ленте и 10 лент).
   Каждую ленту нужно будет отдельно добавить в панель Вебмастера.
2. В Robots.txt (что это такое) я добавил команду для робота Яндекса, чтобы он делал паузу при обходе каждой страницы в 3 секунды (можно поставить полсекунды или одну секунду). Это делается командой:
   User-agent: YandexBot
   Crawl-delay: 3

Если у вас мало контента или быстрый сервер, то в принципе вполне возможно, все и так шустро будет формироваться, но я на всякий случай перестраховался, вроде все работает шустро — смотреть какой сервер VPS я использую для блога.

Пример турбо страницы

И что получилось в итоге?
При поиске в Яндексе на мобильных устройствах

Внизу у новых страниц есть кнопка перехода на полную версию, так что всякие адаптивные верстки и мобильные версии не окажутся напрасными

Чтобы проверить как ваш сайт выглядит в режиме Турбо Страниц можно ввести в браузере вот так: «https://yandex.ru/turbo?text=» + добавить адрес своего сайта и обязательно / на конце

Например: https://yandex.ru/turbo?text=https://moytop.com/

Что еще нужно сделать

В панелях вебмастера Яндекса рекомендуется включить галочку «Автоматическая лента рекомендаций», чтобы вашим посетителям постоянно предлагались всё новые и новые материалы автоматически, тем самым можно значительно увеличить поведенческие факторы и конверсию на сайте.

Делается это на вкладе «Турбостраницы» — «Настройки» вот так:

И в целом в панелях можно отслеживать уведомления о правильности работы турбостраниц, добавить своё меню, название и т.п.

Короче, работайте в связке плагин + панель и будет вообще хорошо.

Если всё-таки плагин Яндекс Турбо вызывает ошибки валидации, то попробуйте вот этот плагин еще Yandex Turbo Feed. Он меня спас на одном проекте, также поддерживает разные таксономии, работает проще чем тот, что в статье описываю, но и настроек поменьше.

Выводы и итоги

Основные преимущества турбостраниц Яндекса очевидны:

• загрузка в таком стиле будет происходить максимально быстро для ваших клиентов.
• явно, что яндекс будет давать небольшое, но SEO-преимущество для таких страниц и сайтов.
• плюс турбо странички в поиске помечаются прикольным значком и скоро уже на уровне подсознания, как мне кажется, кликабельность таких страниц может увеличиться.
• кроме того, немного снизится нагрузка на хостинг, за счет того, что при переходе на турбо страницу из поиска всё необходимое будет грузиться не от вас, а с ресурсов самого Яндекса и только после прочтения основного текста при необходимости пользователь сможет переходить дальше, уже используя ваши серверы.

Так что, мне кажется, что турбостраницы Яндекса применять смысл есть, тем более что делается это быстро и несложно.

Если у вас турбо страницы выдают всякие ошибки и не проходят модерацию, то по опыту скажу, что можно проковыряться 3 дня и не найти в чем проблема: то ли сайт кривой, то ли плагин, то ли Яндекс ввел новый стандарт, то ли всё сразу.

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

Прикольное видео — над одной из SMS смеялся 5 минут ))

напишу свой вариант который нормально заработал на dle 12 utf-8

/engine/rss.php

заменить:

[fullrss]<item>
<title>{title}</title>
<guid isPermaLink="true">{rsslink}</guid>
<link>{rsslink}</link>
<description><![CDATA[{short-story}]]></description>
<category><![CDATA[{category}]]></category>
<dc:creator>{rssauthor}</dc:creator>
<pubDate>{rssdate}</pubDate>
</item>[/fullrss]

на:

[fullrss]<item turbo="true">
<title>{title}</title>
<guid isPermaLink="true">{rsslink}</guid>
<link>{rsslink}</link>
<turbo:content><![CDATA[{short-story}]]></turbo:content>
<category><![CDATA[{category}]]></category>
<dc:creator>Сайт.ru</dc:creator>
<pubDate>{rssdate}</pubDate>
<lastBuildDate>{rssdate}</lastBuildDate>
</item>[/fullrss]

заменить:

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/">

на:

<rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:yandex="http://news.yandex.ru" xmlns:media="http://search.yahoo.com/mrss/" xmlns:turbo="http://turbo.yandex.ru">

/templates/rss.tpl

заменить:

[fullrss]<item>
<title>{title}</title>
<guid isPermaLink="true">{rsslink}</guid>
<link>{rsslink}</link>
<description><![CDATA[{short-story}]]></description>
<category><![CDATA[{category}]]></category>
<dc:creator>{rssauthor}</dc:creator>
<pubDate>{rssdate}</pubDate>
</item>[/fullrss]

на:

[fullrss]<item turbo="true">
<title>{title}</title>
<guid isPermaLink="true">{rsslink}</guid>
<link>{rsslink}</link>
<turbo:content><![CDATA[{short-story}]]></turbo:content>
<category><![CDATA[{category}]]></category>
<dc:creator>Сайт.ru</dc:creator>
<pubDate>{rssdate}</pubDate>
<lastBuildDate>{rssdate}</lastBuildDate>
</item>[/fullrss]

в админке

Настройка RSS экспорта новостей

Тип экспорта основного RSS потока / Только опубликованные на главной

Формат экспорта RSS потока / Полный

Основной материал взят отсюда, и немного скорректирован. Тут НЕ используются Tickets, JEVIX

Cоздание обычной RSS ленты, но по другому некоторые параметры вызова

Нам понадобится

• pdoResources
• Создать сниппет rssText
• Создать сниппет rssCDATA

1. Создания сниппета RSS-FEEDa для подготовки текста заголовка

Согласно документации описания элементов RSS 2.0 в использовании технологии «турбо-страниц»,
во всех элементах RSS-файла, кроме содержимого раздела ,
необходимо кодировать следующие символы:
«&» (амперсанд) — «&»,
«<» (левая угловая скобка) — «<»,
«>» (правая угловая скобка) — «>»,
«»» (кавычки) — «»», «’» (апостроф) — «’».
Предполагается, что ваш сервер отдает данные в кодировке «UTF-8».

На основание вышеизложенной информации создадим сниппет,
который будет подготавливать содержимое для указанных элементов: «title», «description» и прочих.

Создавём сниппет с назовем «rssText»:

 
    

if(empty($cnt)) return '';
$output = str_replace( [ '&', '<', '>', '"', ''' ], [ '&amp;', '&gt;', '&lt;', '&quot;', '&apos;' ], html_entity_decode($cnt) );
return $output;

    

Пояснение: использование функции html_entity_decode внутри кода обусловлено предположением, что заголовок,
дескрипшен или же текст другого элемента могут содержать html-сущности,
поэтому сначала происходит процесс декодирования и лишь потом, кодируется с учетом требований документации «Яндекса».

2. Сниппет подготовки текста содержимого

Как нам говорит документация по подготовке «турбо-страниц» — содержимое [CDATA[ … ]] в кодировании не нуждается.
Но все же, кое-какую подготовку провести нужно:
вырезать якоря и якорные ссылки, которые служат для внутренней навигации по странице.

Создадим еще один сниппет назвав его «rssCDATA» и вставим в него следующий код:

 
    

if(empty($cnt)) return '';
$output = preg_replace( '/<as.*class="pseudo".*>(.+)</a>/U', '$1', $cnt );
$output = preg_replace( '/<as.*></a>/', '', $output );
return $output;

    

Пояснение: ссылки на якоря страницы мы регламентируем наличием CSS-класса «pseudo»,
а в вашей же верстке скорее всего это определяется по-другому — выясните как и подставьте нужное регулярное выражение.

3. Создания шаблона для RSS-FEED

Приступим, для начала создадим шаблон, к примеру «RSS-FEED»

Добавим в него следующий код и подставим свои значения (в title, description, links):

 
    
     
<?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>
        <title>[[++site_url]][[~[[+id]]]]</title>
         <link>[[++site_url]]blog</link>
         <description>[[*description]]</description>
         <language>ru</language>
         [[!pdoResources? 
        &tpl=`tpl_yandex_turbo_rss` 
        &limit=`20` 
        &depth=`1` 
        &parents=`6,9,10,15` 
        &includeContent=`1`
        &tvPrefix=`tv.`
        &includeTVs=`img_katalog`
         ]]
     </channel>
</rss>

    

Где «&parents» ставим id тех ресурсов, которые будут попадать в нашу ленту.

4. Создания чанка для RSS-FEEDa

Шаблон создали, теперь создадим чанк «шаблон-одного элемента rss», назовём его «tpl_yandex_turbo_rss».

 
    
     
<item turbo="true">
    <link>{$_modx->config.site_url ~ $id | url}</link>
     <title>{'!rssText' | snippet : [ 'cnt' => ( $longtitle ?: $pagetitle ) ]}</title>
     <pubDate>{$publishedon | date : 'D, d M Y G:i:s +0300'}</pubDate>
     <turbo:content>
     <![CDATA[
        <header>
            <figure>
                <img src="[[++site_url]][[+tv.img_katalog]]">
             </figure>
             <h1>{($longtitle ?: $pagetitle)}</h1>
         </header>
         {'!rssCDATA' | snippet : [ 'cnt' => ( $id | resource : 'content' | replace : '"assets/' : ('"' ~ $_modx->config.site_url ~ 'assets/') ) ]}
      ]]>
     </turbo:content>
</item>
     
    

В «title» выкидываем заголовок статьи, в «link» полный адрес ссылки на ресурс.

Поле «description» не обязательно, но если нужно вывести часть контента, то потребуются компонент,
который удалит html-теги. Это как раз созданные ранее сниппеты

5. Создание ресурса для RSS-FEEDa

И так, шаблон и чанк есть, теперь привяжем все это к нужному ресурсу.

Создаём ресурс, даём ему имя RSS-FEED, заходим во вкладку «Настройки» и меняем тип содержимого на XML.

Вкладка «Документ»:

• Заголовок — RSS-FEED
• Шаблон — RSS-FEED
• Псевдоним — rss-feed
• Не показывать в меню — Да
• Опубликован — Да

Вкладка «Настройки»:

• Тип содержимого — XML
• Доступен для поиска — Нет
• Использовать HTML редактор — Нет
• Заморозить URI — Да
• URI — rss-feed.xml

После этого лента будет по адресу http://вашсайт.ru/rss-feed.xml

Важно! Компоновка элементов панели создания ресурсов может немного отличатся от вашей, т.к.
ее вид зависит от установленных в системе ModX Revolution дополнений, например таких, как «SEO Pro».

С чем столкнулся при работе:

• 1. В элементе item отсутствует атрибут turbo со значением true (4 ошибки).
  Еще какието ошибки не помню уже и писать неохото (на скринах видно)
• 2. Не подгружались изображения на сайте первоисточнике по другому происходит вызов (применяются Tickets)

* Можно вместо шаблона создавать ресурс и в ресурсе указать «пустой шаблон»