Стилизация rss потока для Google Новости и Яндекс Турбо

[legem 0]

Продвинутые сайты имеют свое оформление на страницах Google Новости и Яндекс Турбо. Хотелось бы это реализовать и для своего сайта: legemnews.ru

Нужен такой специалист, где его взять – непонятно. Писать предложения платной помощи в этой ветке нельзя, но отпишитесь в личных сообщениях, если можете это сделать.

[celsoft 6 164]

Модификаций DLE для этого не требуется. Оформление делается в шаблоне rss потока rss.tpl

[legem 0]

  10.04.2021 в 15:31, celsoft сказал:

Модификаций DLE для этого не требуется. Оформление делается в шаблоне rss потока rss.tpl

Расширить  

Да, в шаблон, я знаю, а на гугл и яндекс добавляются CSS. Но я не знаю как это проработать. Ищу того, кто знает. 

[celsoft 6 164]

  10.04.2021 в 15:35, legem сказал:

Да, в шаблон, я знаю, а на гугл и яндекс добавляются CSS. Но я не знаю как это проработать. Ищу того, кто знает. 

Расширить  

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

[legem 0]

  10.04.2021 в 15:38, celsoft сказал:

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

Расширить  

Да, спасибо! Я не нашёл другую подходящую ветку форума, по верстке, например. 

Разместил запросы на верстку на некоторых сервисах, но откликов пока, нет.

Изменено 10 апреля 2021 пользователем legem

[radrigo 198]

  10.04.2021 в 15:35, legem сказал:

Да, в шаблон, я знаю, а на гугл и яндекс добавляются CSS. Но я не знаю как это проработать. Ищу того, кто знает. 

Расширить  

CSS там не добавляется. Да и одного для всех решения нет, так как на каждом сайте свой набор дополнительных полей

[legem 0]

  10.04.2021 в 15:46, radrigo сказал:

CSS там не добавляется. Да и одного для всех решения нет, так как на каждом сайте свой набор дополнительных полей

Расширить  

Как бы мне скрин приложить, что бы показать, что CSS используется.

Если бы у меня были бы пример таких работ, с кодом, я может, и сам бы разобрался.

Изменено 10 апреля 2021 пользователем legem

[radrigo 198]

  10.04.2021 в 15:51, legem сказал:

Как бы мне скрин приложить, что бы показать, что CSS используется.

Если бы у меня были бы пример таких работ, с кодом, я может и сам бы разобрался.

Расширить  

Вот пример, как реализовано у меня. Работают Яндекс новости, Яндекс турбо и Яндекс Дзен.

[yandexrss]<item turbo="true">
   <title>{title}</title>
   <author>Gusev-online.ru</author>
   <guid isPermaLink="true">{rsslink}</guid>
   <link>{rsslink}</link>
   <description>{short-story}</description>
   <category>{category}</category>[image-1]
   <enclosure url="{image-1}" type="image/jpeg" />[/image-1] <pubDate>{rssdate}</pubDate>
   <yandex:full-text>{full-story}</yandex:full-text>
   <turbo:content>
      <![CDATA[<header>[xfgiven_glavfoto]<figure><img src="[xfvalue_image_url_glavfoto]" /></figure>[/xfgiven_glavfoto]<h1>{title}</h1></header>{full-story}[xfgiven_galerea]<br><br><a href="{rsslink}">Фотографии, загруженные к новости, доступны только в полной версии сайта.</a>[/xfgiven_galerea][xfgiven_video][xfvalue_video][/xfgiven_video]<div data-block="share"></div>]]>
   </turbo:content>
   <content:encoded>
      <![CDATA[[xfgiven_glavfoto]<figure><img src="[xfvalue_image_url_glavfoto]" />[xfgiven_podpis]<figcaption>[xfvalue_podpis]</figcaption>[/xfgiven_podpis]</figure>[/xfgiven_glavfoto]{full-story}[xfgiven_galerea]<br><br><a href="{rsslink}">Фотографии, загруженные к новости, доступны только в полной версии сайта.</a>[/xfgiven_galerea][xfgiven_video]<br><br><a href="{rsslink}">Видео, добавленное к новости, доступно в только в полной версии сайта.[/xfgiven_video]]]>
   </content:encoded>
   <yandex:related>{custom category="2-7,9,17" template="yandex_rss" days="10" limit="5" order="rating" cache="yes"}</yandex:related>
</item>[/yandexrss]

В этой же папке лежит файл yandex_rss.tpl со следующим содержимым

<link url="{full-link}" img="{image-1}">{title}</link>

 

[legem 0]

  10.04.2021 в 15:59, radrigo сказал:

Вот пример, как реализовано у меня. Работают Яндекс новости, Яндекс турбо и Яндекс Дзен.

[yandexrss]<item turbo="true">
   <title>{title}</title>
   <author>Gusev-online.ru</author>
   <guid isPermaLink="true">{rsslink}</guid>
   <link>{rsslink}</link>
   <description>{short-story}</description>
   <category>{category}</category>[image-1]
   <enclosure url="{image-1}" type="image/jpeg" />[/image-1] <pubDate>{rssdate}</pubDate>
   <yandex:full-text>{full-story}</yandex:full-text>
   <turbo:content>
      <![CDATA[<header>[xfgiven_glavfoto]<figure><img src="[xfvalue_image_url_glavfoto]" /></figure>[/xfgiven_glavfoto]<h1>{title}</h1></header>{full-story}[xfgiven_galerea]<br><br><a href="{rsslink}">Фотографии, загруженные к новости, доступны только в полной версии сайта.</a>[/xfgiven_galerea][xfgiven_video][xfvalue_video][/xfgiven_video]<div data-block="share"></div>]]>
   </turbo:content>
   <content:encoded>
      <![CDATA[[xfgiven_glavfoto]<figure><img src="[xfvalue_image_url_glavfoto]" />[xfgiven_podpis]<figcaption>[xfvalue_podpis]</figcaption>[/xfgiven_podpis]</figure>[/xfgiven_glavfoto]{full-story}[xfgiven_galerea]<br><br><a href="{rsslink}">Фотографии, загруженные к новости, доступны только в полной версии сайта.</a>[/xfgiven_galerea][xfgiven_video]<br><br><a href="{rsslink}">Видео, добавленное к новости, доступно в только в полной версии сайта.[/xfgiven_video]]]>
   </content:encoded>
   <yandex:related>{custom category="2-7,9,17" template="yandex_rss" days="10" limit="5" order="rating" cache="yes"}</yandex:related>
</item>[/yandexrss]

В этой же папке лежит файл yandex_rss.tpl со следующим содержимым

<link url="{full-link}" img="{image-1}">{title}</link>

 

Расширить  

И что в итоге получилось? Это у меня есть. Возьмите, например сайт: tass.ru, их Турбо и Google Новости стилизованы, там своё редактирование, через CSS и загрузку шрифтов (в Google Publisher Center).

[radrigo 198]

  10.04.2021 в 16:06, legem сказал:

И что в итоге получилось? Это у меня есть. Возьмите, например сайт: tass.ru, их Турбо и Google Новости стилизованы, там своё редактирование, через CSS и загрузку шрифтов (в Google Publisher Center).

Расширить  

Да нормально всё получилось. Google новостей нет, Так что по поводу них не знаю

[alex32 943]

  10.04.2021 в 15:51, legem сказал:

Как бы мне скрин приложить, что бы показать, что CSS используется.

 

Расширить  

Про гугл не скажу,  а для яндекс-турбо страниц css добавляется непосредственно в в вебмастере telepatrul.ru/ya.jpg

 @celsoft чего-то на форуме картинки по ссылке не вставляются

 

Изменено 10 апреля 2021 пользователем alex32

[legem 0]

Вопрос в том, что я не владею достаточными знаниями CSS, а там ещё и свои теги конвертируются, которым надо назначать стили. 

[alex32 943]

  10.04.2021 в 16:18, legem сказал:

Вопрос в том, что я не владею достаточными знаниями CSS, а там ещё и свои теги конвертируются, которым надо назначать стили. 

Расширить  

Открываешь турбо-версию страницы и смотришь в консоли классы и теги, делов-то. 
Картинки почему то не вставляются. telepatrul.ru/Untitled-1.jpg

[legem 0]

  10.04.2021 в 16:26, alex32 сказал:

Открываешь турбо-версию страницы и смотришь в консоли классы и теги, делов-то. 
Картинки почему то не вставляются. telepatrul.ru/Untitled-1.jpg

Расширить  

Нужен верстальщик 🙂

Но я, кажется, понял как его найти 😉

[ZzzBep 18]

  10.04.2021 в 16:06, legem сказал:

И что в итоге получилось? Это у меня есть. Возьмите, например сайт: tass.ru, их Турбо и Google Новости стилизованы, там своё редактирование, через CSS и загрузку шрифтов (в Google Publisher Center).

Расширить  

Что касательно Яндекс Турбо, то эта стилизация через Вебмастер настраивается, у Гугла не помню, возможно так же через Publisher

[legem 0]

Ситуация максимально запуталась. С Яндексом понятнее (там в «Вебмастере» есть кастомизация), а вот настройка стилей для приложения Google Новости, совсем тупик.

Надо разделить эти вопросы. Для GN надо дополнительные поля делать в rss.tpl, видимо, и присваивать им CSS. И тут сразу встает вопрос: А будет это так работать? Не поймёшь, потому как GN один раз загружает новость из фида и всё, как тестировать?

Изменено 11 апреля 2021 пользователем legem

[ZzzBep 18]

  11.04.2021 в 10:33, legem сказал:

Ситуация максимально запуталась. С Яндексом понятнее (там в «Вебмастере» есть кастомизация), а вот настройка стилей для приложения Google Новости, совсем тупик.

Надо разделить эти вопросы. Для GN надо дополнительные поля делать в rss.tpl, видимо, и присваивать им CSS. И тут сразу встает вопрос: А будет это так работать? Не поймёшь, потому как GN один раз загружает новость из фида и всё, как тестировать?

Расширить  

Ещё раз повторюсь, у Гугла тоже есть настройка надо посмотреть в publisher

[ntrtv 59]

  11.04.2021 в 16:04, ZzzBep сказал:

Ещё раз повторюсь, у Гугла тоже есть настройка надо посмотреть в publisher

Расширить  

Да, это там и делается. Только это не Гугл.Новости. Это типа новости в приложении для паблишеров.

[legem 0]

Так, вот, для загрузки страниц со своим шаблоном в приложение Гугл Новостей нужны AMP страницы новости. Думал сделать AMP на странице для печати, но тут встаёт вопрос: как добавить ссылку на такую AMP страницу в rss шаблон (так как не нашёл соответствующего тега). 

И ещё, такие версии страниц любит яндекс и другие поисковики (гугл тоже), то есть новость по основному адресу может выпасть из индекса и заместиться AMP страницей. Как эффективно противостоять этому, не знаю.

[ntrtv 59]

В "Дополнительно" (https://publishercenter.google.com/) заходите и меняете CSS как вам надо:

  Цитата

 

Стили статей

Изменяйте вид своих статей в приложении "Google Новости" с помощью CSS-кода. Вы сможете предварительно посмотреть, как изменится оформление, а затем опубликовать результат.

 

Расширить  

 

Изменено 15 апреля 2021 пользователем ntrtv

[legem 0]

  15.04.2021 в 17:39, ntrtv сказал:

В "Дополнительно" заходите и меняете CSS как вам надо:

 

Расширить  

Менять стиль формируемой страницы в «дополнительно» это – одно, а использовать свой шаблон – другое.

[legem 0]

Сейчас вопрос один: Как вставить ссылку на «страницу для печати» в шаблоне rss потока (rss.tpl). Только адрес страницы (без анкоров).

Изменено 15 апреля 2021 пользователем legem