Ajoutez la miniature de vos articles dans vos flux RSS WordPress

Ecrit par Benoit Thibaudeau dans Wordpress | 5 commentaires |

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. 😉

Tags: , ,

Portrait de Benoit Thibaudeau
Benoit Thibaudeau
1971-11-02
2020-01-12
Webmaster

Après une courte carrière en tant que cryptographe, j'ai été team leader chez un éditeur de logiciel qui créé des systèmes décisionnels pour les banques et les télécoms dans le monde entier.

Puis j'ai évolué vers architecte de système informatique, ce qui m'a amené à concevoir des systèmes parmi les plus gros d’Europe avec une visibilité sur les 10 prochaines années.

En parallèle j'étais chargé de la formation des employés de la société et de celle des clients, ce qui m'a appris beaucoup en ce qui concerne la dispense de cours.

Durant ma période en Irlande j’ai eu la chance de travailler, plusieurs mois, en étroite collaboration avec Google Irlande, ce qui m’a appris énormément sur le référencement.

Enfin, j’ai souhaité au bout de 15 ans d’arrêter de voyager tout le temps dans le monde entier, je me suis donc mis à mon compte et aujourd’hui je vis de mon activité.

Benoît Thibaudeau

Les conseil Internet : www
Pour me contacter :
Mr.BenoitThibaudeau
27 bis rue Louis Rolland
92120Montrouge,
Haut de Seine - FRANCE
Les stages photo : www
Cours photo sur Internet : cours
Le blog de tuto photo : Blog
Le site dream photos : www
Le blog dream photos : Blog

Comments (5)
  1. Pingback: Ajoutez une miniature dans vos flux RSS WordPress et augmentez le taux de clic | C’ ça le net | Echo-Blog

  2. Mick says:

    Merci pour cet article. On vient de le mettre en place sur notre blog des Big Data

  3. Gautier says:

    Bonjour,

    merci pour cette article.
    Par contre c’est super frustrant de ne pas pouvoir copier le bout de code. 🙁

  4. plombier voisins le bretonneux says:

    Les infos sont génial . Bonne journée.

  5. agence architecture tunisie says:

    Merci pour l’article. Très agréable à lire !!

Leave a Reply

Your email address will not be published.

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Le rédacteur du site

Portrait de Benoit Thibaudeau
1971-11-02
2019-01-12
Benoit Thibaudeau
Webmaster
a travaillé pour les banques et télécoms comme éditeur de logiciels

C'est ça le Net

      Les conseils Internet www

Deviens Photographe

      Les stages photo : www
      Cours photo sur Internet : cours
      Le blog : Blog

Dream Photos - Studio

      Le site : www       Le blog : Blog

Contact

      Son mail :
      Tel : 06.70.02.31.27
Mr. Benoit Thibaudeau
27 bis rue Louis Rolland
92120 Montrouge,
Haut de Seine - FRANCE

Newsletter

Afficher
Cacher