Solutions pour intégrer un lecteur rss sur une page web

Parce que le rss ça plait il est toujours interessant de savoir comment créer son propre flux rss afin de diffuser largement le contenu et les mises à jour d’un site web. On ne parlera pas du rss dans les blogs puisque tout système de publication qui se respecte « hébergé » ( Dotclear , WordPress… ) où « à héberger » (typepad,over-blog, skyblog, Blogger…) propose un flux rss en natif, si ce n’est pas votre cas vous pouvez changer de plateforme.

J’ai donc cherché comment créer un flux à partir d’un contenu existant, deux avantages à ce type de pratique:
– Votre contenu pourra être diffusé plus facilement et lu via l’agrégateur favoris des visiteurs. Je fais parti des personnes qui lisent le contenu des blogs et autres sites uniquement à partir de Netvibes où de Google reader, à quelques exceptions prés.
– Le contenu pourra être réutilisé sur d’autres sites. Un webmaster qui souhaite afficher du contenu provenant d’autres sites pourra utiliser la syndication RSS et afficher de l’information mise à disposition par d’autres webmasters.

Comment publier le contenu de son site dans un flux RSS?
la méthode consiste à mettre à disposition un fichier xml contenant les données (les news par exemple) de son site. Le fichier lu par l’agrégateur rss aura donc la structure suivante:

<rss version= »2.0″>
<channel><title>Mickael Gros, Blog</title>
<link>http://www.mickaelgros.fr</link>
<description>fil d’actualité de mon blog, développement, standards et exploration du web</description>
    <item><title>news1</title>
        <link>http://www.mickaelgros.fr/news1</link>
        <description></description>
    </item>
    <item><title>news2</title>
        <link>http://www.mickaelgros.fr.news2</link>
        <description></description>
    </item>
</channel>
</rss>

Le fichier xml ci-dessus est construit avec les balises minimum obligatoires, d’autres informations peuvent venir compléter le flux au niveau du canal (le canal correspond à un site web, les informations de ce canal doivent être affichées juste aprés la balise <channel>) ou des items (un item correspond à une news dans notre exemple et une news a en général un titre, un lien, un contenu, une date de publication…).

Ex de balises optionnelles pour le canal:
– <language>, La langue dans laquelle le texte est écrit.
– <docs>, Adresse web de la documentation
– <webMaster>  E-mail du webmaster
– <pubDate>, Date de publication du flux.

Ex de balises optionnelles pour un item:
– <pubDate>, Date de publication.
– <guid>, Une chaîne de caractère qui est un identifiant unique de l’item.
– <category>, Catégorie à laquelle peut appartenir l’article.

Toutes les balises optionnelles sont diisponibles sur la traduction de la spécification de Harvard.

Pour ajouter un article dans mon flux il faudra modifier ce fichier et rajouter un item à mon fichier comme ci-dessous:
<item>
    <title>News3!</title>
    <link>http://www.mickaelgros.fr/news3</link>
    <description>description de la news3</description>
</item>

Il existe de nombreux éditeurs de fils RSS qui permettent de faciliter la mise à jour du fichier xml: RSS builder, ssrss, Feededit, plugin pour Firefox RSS Edito(fonctionne uniquement avec les anciennes versions de Firefox) .

On a vu que le fichier RSS pourra être créé rapidement à la mano, mais il devient nécessaire d’automatiser la création de ce fichier quand il s’agit d’un site conséquent mis à jour plusieurs fois par jour ou par semaine…
Des outils sont donc disponible pour faire cela en PHP, Perl ou ASP. Notamment une classe PHP appellée  EasyRSS dont un exemple d’utilisation est dispo sur le JDNet.

Diffusion d’un lien d’abonnement
Une fois notre fichier testé avec Feed Validator, et en bonne forme, il reste à diffuser l’adresse pour permettre aux visiteurs de s’abonner!
Vous pouvez placer un bouton d’abonnement comme celui-ci avec un lien qui pointe vers le fichier xml précédemment créé:
<a href= »http://www.mickaelgros.fr/rss.xml> <img src= »rss.gif »> </a>

Il faut aussi indiquer la présence d’un flux rss au navigateur du visiteur, il faut alors ajouter une petite ligne de code dans les balises <head></head> de la page d’accueil de votre site et de toutes les autres pages pour augmenter la visibilité du flux et favoriser l’abonnement des visiteurs!

<line rel="alternate" type="application/rss+xml" href="http://www.mickaelgros.fr/rss.xml" title="Votre titre">

Concrétement si vos visiteurs utilisent le navigateur Firefox, une petite icône orange s’affichera dans la barre d’adresse pour prévenir qu’un flux d’actualité existe pour votre site!

Sources utilisées pour écrire ce billet:
http://www.commentcamarche.net/www/rss.php3
http://www.xul.fr/xml-rss.html
http://www.scriptol.fr/rss/RSS-2.0.html