Devenez votre propre Webmaster

Ajoutez la miniature de vos articles dans vos flux RSS WordPress

Ajouter un miniature à vos articles dans vos flux RSSFervent utilisateur des flux RSS je cherche à les améliorer régulièrement pour mes blogs développés avec WordPress. Je vous renvois vers l'article sur l'utilité des flux RSS pour le référencement SEO pour en connaitre toute leur utilité.

Les flux RSS représentent la 3ème ou 4ème source de trafic sur certains de mes blogs, soit plusieurs milliers de visites par mois. Il est donc important de les améliorer et de soigner leur contenu et leur apparence. Certains sites ou blogs affichent un lien vers le dernier article de votre blog avec vos commentaires et pour cela  ils utilisent le contenu des flux RSS. Idem pour les blogs d'agrégation et certains réseaux sociaux.

Comme tout à chacun, lorsque vous feuilletez un nombre important d'articles, ou que vous parcourez des flux d'actualités sur des réseaux sociaux ou des sites Internet, votre attention sera tout de suite retenue si le résumé ou si le début de l'article est illustré par une image accrocheuse. Il en est de même pour vos visiteurs et le contenu de votre site.

Ajoutez une image miniature aux flux RSS WordPress

Commencez par paramétrer les flux RSS dans WordPress

Pour configurer les flux de syndication dans WordPress, il vous suffit de vous rendre dans le menu "Réglages" puis "Lecture" de votre back office. Personnellement je conseille de sélectionner "extrait" à l'option "Pour chaque article d’un flux, fournir". Si vous affichez l'article entier dans vos flux RSS vos visiteurs n'ont plus besoin de venir sur votre site 😉 . De plus les sites qui affichent le résumé des articles afficheront le début de vos articles ce qui est moins performant qu'un résumé bien travaillé.

Comment ajouter une image dans le flux RSS ?

Un des points forts de WordPress, est que les fonctions natives peuvent être surchargées grâce à l'ajout de filtres. Nous allons surchargé 2 fonctions natives WordPress pour ajouter une image au résumé de vos articles dans vos flux RSS.

  • the_excerpt_rss : Affiche l'extrait de l'article en cours, formaté pour un fil RSS
  • the_content_feed : Affiche l'extrait des X derniers articles, formaté pour un fil RSS

Pour surcharger une fonction WordPress, une fois connecté au back office de votre site, rendez-vous dans le menu "Apparence" puis "Editeur". Ensuite ouvrez le fichier "Fonctions du thème" (functions.php). En bas du fichier ajoutez l'un des deux codes que je vous propose en dessous.

 Afficher la vignette des articles dans vos flux RSS

La fonction suivante ajoute la miniature de l'article si celle-ci existe.

<?php
//==========================================================================
// Fonction qui ajoute une miniature dans les flux RSS
//==========================================================================
function imc_thumbnail_rss($content) {
   global $post;

   // Si le post a une miniature
   if ( has_post_thumbnail( $post->ID ) )
      $content = '<p>' . get_the_post_thumbnail( $post->ID, 'thumbnail' ) . '</p>' . $content;
   return $content; // on ajoute la miniature 
 }
// Surcharge des fonctions the_excerpt_rss & the_content_feed
 add_filter('the_excerpt_rss', 'imc_thumbnail_rss');
 add_filter('the_content_feed', 'imc_thumbnail_rss');
?>

Si vous souhaitez que vos visiteurs puissent arriver sur votre site en cliquant directement sur la miniature de l'article présente dans le flux RSS, modifié la ligne :

$content = '<p>' . get_the_post_thumbnail( $post->ID, 'thumbnail' ) . '</p>' . $content;

Par :

$content = '<p><a href="' . get_permalink( $post->ID ) . '">' . get_the_post_thumbnail( $post->ID, 'thumbnail' ) . '</a></p>' . $content;

Pensez à sauvegarder la modification en cliquant sur le bouton "mettre à jour le fichier"

Afficher une vignette avec une taille personnalisée pour vos articles dans vos flux RSS

Je vous propose de modifier quelque peu la fonction précédente pour ajouter une miniature à la taille que vous souhaitez dans le flux RSS.

Pour cela, nous allons créer un nouveau format d'image que l'on appellera "rssthumb". Cette image sera créée automatiquement, lorsque vous importerez une image dans les médias de WordPress. Il suffit d'ajouter la ligne suivante dans votre fichier "functions.php" et de spécifier le format de l'image à utiliser dans la fonction précédente.

add_image_size ( 'rssthumb', 150, 150, true );

Cette ligne créée une image dont le format sera connu sous le nom "rssthumb" et dont la taille sera de 150px * 150px. Si vous souhaitez que l'image fasse comme une bannière au-dessus de chaque résumé d'article, créez une image dont la taille sera de 600px * 150px.

La fonction pour afficher une image dans vos flux RSS, avec une image de taille personnalisée et dont l'image est cliquable pour arriver sur votre site est la suivante :

<?php
//==========================================================================
// Fonction qui ajoute une miniature dans les flux RSS
//==========================================================================
function imc_thumbnail_rss($content) {
   global $post;

   // Si le post a une miniature
   if ( has_post_thumbnail( $post->ID ) )
      $content = '<p><a href="' . get_permalink( $post->ID ) . '">' . get_the_post_thumbnail( $post->ID, 'rssthumb' ) . '</a></p>' . $content;
   return $content; // on ajoute la miniature 
 }
// Surcharge des fonctions the_excerpt_rss & the_content_feed
 add_filter('the_excerpt_rss', 'imc_thumbnail_rss');
 add_filter('the_content_feed', 'imc_thumbnail_rss');
// Ajout du format d'image "rssthumb"
add_image_size ( 'rssthumb', 150, 150, true );
?>

Pensez à sauvegarder les modifications en cliquant sur le bouton "mettre à jour le fichier".

En conclusion

N'hésitez pas à soigner l'apparence de vos fichiers RSS. Beaucoup de sites, de réseaux sociaux et même de logiciel les utilisent pour présenter les articles de votre site. Les flux RSS sont des canaux de drainages qui représentent un nombre important de visites pour votre site.

Avec une image auprès de chacun des résumés de vos articles, le nombre de clic augmentera de façon significative.

Pensez-y. 😉

Posts Similaires
Soumettre les modifications de votre site aux moteurs de recherche

automatisez la soumission de votre sitemap.xml aux moteurs de recherche pour que votre site soit indexé le plus rapidement possible pour augmenter votre trafic.

Google Web Fonts pour rendre votre site plus unique

Google Web Fonts est un outil qui vous permet de personnaliser votre site en utilisant des fontes spécifiques. Cet outil est compatible avec tous les navigateurs et facile à implanter.

Redimensionner une image automatiquement avec WordPress

Wordpress propose une fonction simple à mettre en place pour créer des images miniatures de chaque images importée dans les médias. Il suffit que moins de 10 lignes de code pour automatiser la création des miniatures et les utiliser.

A propos de

Consultant en informatique et concepteur de sites Internet.

Il a travaillé pendant plus de quinze ans pour une multinationale dans le secteur de l'ingénierie Informatique.

Durant ces années, il a participé à des projets sur les systêmes de facturation et la conception des sites Internet de différentes Banques et opérateurs téléphonique à travers le monde

Senior Analyst Programmer/Team Leader, il a participé et dirigé des projets sur les plus gros clusters d'Europe.

Il habite à Paris, en ile de France .

Le Site :

Le Blog :

3 commentaires pour "Ajoutez la miniature de vos articles dans vos flux RSS WordPress"