Exigences techniques concernant les flux

Les informations contenues dans votre flux alimentent votre publication Google Actualités. Veillez à respecter nos exigences techniques pour que votre flux puisse afficher toutes ses fonctionnalités intégrées.

Conseils d'ordre général

Les éditeurs doivent fournir des articles complets et des éléments multimédias permettant aux lecteurs d'interagir pleinement avec leur contenu. Configurez correctement votre flux pour éviter les erreurs, les échecs d'approbation ou les suppressions.

Pour améliorer votre flux, procédez comme suit :

  • Consultez les Consignes relatives au contenu des flux.

  • Validez vos flux RSS/Atom pour éviter les erreurs courantes. 

    Conseil : Utilisez les sites suivants pour valider votre flux, suivez les recommandations et résolvez les problèmes avant de créer votre édition.

  • Vérifiez que "Actualités" est en mesure d'explorer votre flux.

  • Assurez-vous que votre fichier robots.txt ne bloque pas le robot d'exploration d'Actualités.

Spécifications techniques du flux

Nous acceptons les flux Atom et RSS standards. Le flux Google Actualités respecte les paramètres suivants :

  • Fréquence de mise à jour : chaque flux est récupéré toutes les 30 minutes, sauf si WebSub est utilisé pour signaler des modifications à Google Actualités. En savoir plus sur la fréquence de mise à jour du contenu du flux

  • Taille limite : 1 Mo par article, 2 Mo par flux. 

  • Lisibilité : jusqu'à 60 nouveaux articles par récupération (hors articles lus précédemment).
     

    Conseil : Pour vous assurer que tous les contenus sont récupérés, ne dépassez pas les limites de récupération ou de fichier.

Mises à jour d'articles

Les balises <guid> (RSS) et <id> (Atom) sont requises pour identifier les articles uniques. Nous vous conseillons d'utiliser le titre de l'article en tant que balise <guid> / <id>, car il est susceptible de changer. 

Conseils :

  • Si vous fournissez l'URL complète de l'article d'origine dans les balises <guid> / <id>, le champ isPermaLink est facultatif.
  • Sinon, vous devez définir isPermaLink sur "false".

Quand et comment utiliser la valeur "isPermaLink" ?

URL complète utilisée
  • Ne pas utiliser isPermaLink
     
  • Définir isPermaLink sur true
  • <guid>https://www.votresite.com/url-article.html</guid>
     
  • <guid isPermaLink="true">https://www.votresite.com/url-article.html</guid>
URL complète non utilisée
  • Définir isPermaLink sur false
  • <guid isPermaLink="false">exemple-id-1234567890</guid>


Important : Nous utilisons la balise <pubDate> pour déterminer si l'article a été modifié.

Contenu et balisage des articles


Suivez les consignes ci-dessous :

  • Utilisez la balise <content:encoded> pour intégrer la totalité du contenu des articles. Si vous n'utilisez pas de balise <content:coded>, Google Actualités utilise par défaut le contenu de la balise <description>

  • Si les balises <contenu:encoded> et <description> sont présentes dans le flux, Google Actualités ignore la balise comportant le moins de caractères.  

  • Pour <content:encoded>, utilisez l'espace de noms xmlns:content="http://purl.org/rss/1.0/modules/content/.

  • Le code HTML doit être échappé ou, de préférence, encapsulé dans une rubrique CDATA. Exemple :

<content:encoded><![CDATA[<b>Voici du texte HTML.</b>]]></content:encoded>

Important :

  • Google Actualités supprime les balises <script>.

  • Google Actualités supprime les attributs de style intégrés (par exemple, les balises <style> ou style="").

Bonnes pratiques

  • Marquez le contenu avec des balises HTML claires d'un point de vue sémantique, telles que <p>, <h1>, <ul>, etc.

  • Dans la mesure du possible, évitez d'utiliser la balise <br>.

  • Utilisez des éléments au niveau du bloc, pour éviter les problèmes de bordures de 0 pixel.

  • Évitez d'utiliser les guillemets courbes.

  • Utilisez le codage UTF-8 si un encodage des caractères doit être spécifié.

Éléments multimédias

Nous vous recommandons d'utiliser des balises Media RSS pour identifier le contenu multimédia dans les flux Atom ou RSS. En savoir plus sur les balises Media RSS

Important : Lorsque vous utilisez le format Media RSS, incluez l'espace de noms. Par exemple : xmlns:media="http://search.yahoo.com/mrss/".

Vidéo

Les consignes ci-dessous vous aideront à améliorer votre vidéo :

Balises RSS

Les balises RSS permettent d'améliorer les performances de la vidéo, offrent des éléments d'interface utilisateur plus fluides et la lecture automatique en sourdine. Nous acceptons plusieurs formats pour les vidéos hébergées par un éditeur, dont les formats MP4, WebM, DASH, SmoothStreaming et HL. Pour inclure une vidéo directement dans votre flux, utilisez des balises Media RSS. 

Exemple :

<media:content url="https://ia600806.us.archive.org/17/items/VintageCartoonsSet2MP4/052750AnEggScrambleMmBr.mp4" medium="video" height="768" width="1024">

  <media:title>Exemple de vidéo MP4</media:title>

  <media:description>

    <![CDATA[Ceci est un exemple de vidéo MP4]]>

  </media:description>

  <media:credit role="author" scheme="urn:ebu">

    <![CDATA[Warner Brothers]]>

  </media:credit>

</media:content>

Important : Le contenu vidéo doit présenter une résolution d'au moins 640 x 480 pixels (largeur x hauteur) et utiliser le protocole HTTPS.

Débits multiples

Spécifiez plusieurs objets <media:content> dans un groupe <media:group> pour fournir plusieurs débits binaires d'une vidéo. 

Exemple :

<media:group>

  <media:content url="https://ia600806.us.archive.org/17/items/VintageCartoonsSet2MP4/052750AnEggScrambleMmBr_1280.mp4" medium="video" height="768" width="1024" bitrate=”1280”>

    <media:title>Exemple de vidéo MP4</media:title>

    <media:description>

      <![CDATA[Ceci est un exemple de vidéo MP4]]>

    </media:description>

    <media:credit role="author" scheme="urn:ebu">

      <![CDATA[Warner Brothers]]>

    </media:credit>

  </media:content>

  <media:content url="https://ia600806.us.archive.org/17/items/VintageCartoonsSet2MP4/052750AnEggScrambleMmBr_4080.mp4" medium="video" height="768" width="1024" bitrate=”4080”>

    <media:title>Exemple de vidéo MP4</media:title>

    <media:description>

      <![CDATA[Ceci est un exemple de vidéo MP4]]>

    </media:description>

    <media:credit role="author" scheme="urn:ebu">

      <![CDATA[Warner Brothers]]>

    </media:credit>

  </media:content>

</media:group>

Association YouTube

Pour améliorer notre compréhension de votre contenu vidéo, associez votre vidéo hébergée par un éditeur à son homologue sur YouTube. La vidéo YouTube peut être ajoutée à l'élément <media:group>.

Exemple :

<media:group>

  <media:content      url="https://archive.org/download/Fleischer_The_Tantalizing_Fly_1919/Tantalizing_Fly_1919_512kb.mp4"  medium="video" type="video/mp4" height="240" width="360">

    <media:title>The Tantalizing Fly</media:title>

    <media:thumbnail url="https://archive.org/download/Fly_1/RIMG0019.JPG"/>

  </media:content>

  <media:content url="https://www.youtube.com/watch?v=_dlP0nXMKXA" medium="video" type="video/3gpp">

    <media:title>The Tantalizing Fly</media:title>

  </media:content>

</media:group>

Lecteurs vidéo externes

Nous acceptons également les lecteurs externes intégrés dans vos articles via iFrame.

Conseil : Vos cadres iFrame et tout leur contenu doivent être diffusés en HTTPS pour s'afficher correctement.

Exemples :

  • Brightcove

<iframe width="560" height="315" src="https://players.brightcove.net/1752604059001/VJCJXL3Ye_default/index.html?videoId=example" frameBorder="0"></iframe>

  • Dailymotion

<iframe frameborder="0" width="600" height="338" src="https://www.dailymotion.com/embed/video/EXAMPLE-logo=&ui-start-screen-inf0&endscreen-enable=0"></iframe>

  • Instagram

<iframe width="320" height="320" frameBorder="0" src="https://www.instagram.com/p/EXAMPLE/embed" frameborder="0"></iframe>

  • Ooyala

<iframe width="560" height="315" src="https://player.ooyala.com/iframe.html?embedCode=EXAMPLE" frameborder="0"></iframe>

  • Vimeo

<iframe width="560" height="315" src="https://player.vimeo.com/video/135639717?color=ff9933&byline=0"></iframe>

  • Vine

<iframe width="320" height="320" src="https://vine.co/v/bVE2IMdIV2E/embed/simple" frameborder="0"></iframe>

  • YouTube

<iframe width="560" height="315" src="https://www.youtube.com/embed/FTePI_3zpII" frameborder="0"></iframe>

Audio

  • MP3

<media:content url="http://cylinders.library.ucsb.edu/mp3s/5000/5907/cusb-cyl5907d.mp3" medium="audio">

  <media:title>Exemple de fichier audio MP3</media:title>

  <media:description>

    <![CDATA[Ceci est un exemple de fichier MP3]]>

  </media:description>

  <media:credit role="author" scheme="urn:ebu">

    <![CDATA[Thomas Edison]]>

  </media:credit>

</media:content>

  • SoundCloud

<iframe width="560" height="162" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/221689840" frameborder="0"></iframe>

Images

Appliquez les bonnes pratiques suivantes : 

  • Utilisez des images d'au moins 800 pixels de côté.
  • N'ajoutez pas plusieurs versions d'une image dans le même article (de tailles ou formats différents, par exemple).

  • Ajoutez les images directement dans votre flux à l'aide de balises Media RSS.
  • Exemple de balise Media RSS :

    <media:content url="https://www.google.com/images/srpr/logo11w.png" type="image/png" expression="full" width="538" height="190">

      <media:description type="plain">

        <![CDATA[Logo Google]]>

      </media:description>

      <media:credit role="author" scheme="urn:ebu">

        <![CDATA[Google]]>

      </media:credit>

    </media:content> 

     

    Si vous utilisez des balises <img> et qu'une image comporte une légende ou un texte d'attribution, utilisez le balisage suivant :

    <figure>

      <img src="..." />

      <figcaption>La légende de l'image

        <span class="copyright">L'attribution de cette image</span>

      </figcaption>

    </figure>

    Vous pouvez également utiliser des images dans les zones suivantes :

  • Images principales
  • L'image du titre de l'article (ou "hero") est l'image la plus grande et la plus proche de dimensions carrées, sauf si une image intégrée est désignée par l'annotation de nom de classe class="type:primaryImage", comme dans les exemples suivants :

    <img src="www.publisher.com/image.png" class="type:primaryImage">

    <figure> <img src=" www.publisher.com/image.png " class="type:primaryImage">> ... </figure>

    <div> <img src="www.publisher.com/image.png" class="type:primaryImage"> ... </div>

  • Diaporamas 
  • Google Actualités peut afficher un ensemble d'images et leurs légendes dans un diaporama interactif intégré aux articles. Pour indiquer qu'un ensemble d'images fait partie d'un diaporama, utilisez le balisage suivant dans votre flux :

     <section class="type:slideshow">

        <figure>...</figure>

        <figure>...</figure>

     </section>

    Important : Les balises "figure" doivent respecter le format décrit dans la section "Images" ci-dessus.

    Les éditeurs peuvent s'appuyer sur ces fournisseurs d'images externes : 

  • Fournisseurs d'images externes

GIPHY

<iframe width="480" height="277" frameBorder="0" class="giphy-embed" src="https://giphy.com/embed/TK4yMeRswlKWA" frameborder="0"></iframe>

Instagram

<iframe width="320" height="320" frameBorder="0" src="https://www.instagram.com/p/EXAMPLE/embed" frameborder="0"></iframe>

Google Docs

<iframe width="480" height="560" src="https://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" frameborder="0"></iframe>

Exemples de flux

Extrait de flux RSS 2.0

<?xml version="1.0" encoding="UTF-8"?>

<rss version="2.0"

  xmlns:content="http://purl.org/rss/1.0/modules/content/"

  xmlns:media="http://search.yahoo.com/mrss/">

  <channel>

    <lastBuildDate>Fri, 23 Jan 2015 23:26:19 +0000</lastBuildDate>

    <title>Exemples de RSS Google Actualités</title>

    <description>Exemples de RSS Google Actualités</description>

    <link>http://google-news-examples.blogspot.com/</link>

    <item>

      <guid isPermaLink="false">sample-post-478956386763692725</guid>

      <pubDate>Ven, 23 Jan 2015 23:17:00 +0000</pubDate>

      <title>Exemple de message RSS n° 1</title>

      <description>Un exemple d'article RSS</description>

      <content:encoded>

        <![CDATA[<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas mattis lectus eget porttitor. Nunc iaculis luctus libero, quis viverra mi ultricies sed. Nulla pellentesque dui sed maximus tristique. Sed tempor pulvinar ex in mattis.</p><p><a href="http://www.google.com/">Exemple de lien</a></p><p><a href="https://www.google.com/images/srpr/logo11w.png"><img border="0" height="113" src="https://www.google.com/images/srpr/logo11w.png" width="320" /></a></p><p>Nulla dictum magna orci, et accumsan velit elementum sit amet. Vestibulum egestas, nulla nec facilisis iaculis, elit metus molestie mi, et vulputate enim eros vitae sem. Aliquam eget sagittis dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam mattis ex sit amet lectus semper tempus.</p><iframe width="560" height="315" src="//www.youtube.com/embed/200E9e8_hHY" frameborder="0" allowfullscreen></iframe>]]>

          </content:encoded>

      <link>http://google-news-examples.blogspot.com/2015/01/sample-post.html</link>

      <author>e-mail@exemple.fr (Lauren Ipson)</author>

    </item>

  </channel>

</rss>

Pour en savoir plus, consultez l'article RSS 2.0 at Harvard Law (Le RSS 2.0 à la faculté de droit de Harvard, en anglais). 

Extrait de flux Atom 1.0

<feed xmlns="http://www.w3.org/2005/Atom">

  <id>tag:blogger.com,1999:blog-4719018909174563858</id>

  <updated>2015-01-23T15:26:19.468-08:00</updated>

  <title type="text">Exemples Atom dans Google Actualités</title>

  <subtitle type="html">Exemple de sous-titre</subtitle>

  <author>

    <name>Lauren Ipson</name>

    <email>e-mail@exemple.fr</email>

  </author>

  <entry>

    <id>http://example.com/sample-atom-478956386763692725</id>

    <published>2015-01-23T15:17:00.004-08:00</published>

    <updated>2015-01-23T15:26:19.486-08:00</updated>

    <title type="text">Exemple de message Atom n° 1</title>

    <content type="html">

      <![CDATA[<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras egestas mattis lectus eget porttitor. Nunc iaculis luctus libero, quis viverra mi ultricies sed. Nulla pellentesque dui sed maximus tristique. Sed tempor pulvinar ex in mattis.</p><p><a href='http://www.google.com/'>Exemple de lien</a></p><p><a href='https://www.google.com/images/srpr/logo11w.png'><img border='0' height='113' src='https://www.google.com/images/srpr/logo11w.png' width='320' /></a></p><p>Nulla dictum magna orci, et accumsan velit elementum sit amet. Vestibulum egestas, nulla nec facilisis iaculis, elit metus molestie mi, et vulputate enim eros vitae sem. Aliquam eget sagittis dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam mattis ex sit amet lectus semper tempus.</p><iframe width='560' height='315' src='//www.youtube.com/embed/IS9gmW7uFXo' frameborder='0'></iframe>]]>

    </content>

    <author>

      <name>Lauren Ipson</name>

      <email>e-mail@exemple.fr</email>

    </author>

  </entry>

</feed>

En savoir plus sur le format de syndication Atom

 

Ces informations vous-ont elles été utiles ?
Comment pouvons-nous l'améliorer ?