Ajouter une image dans votre flux RSS et augmenter le taux de clic

png-images Le flux RSS est certainement une des fonctionnalités les plus utiles pour un blogueur. D’une part il lui permet de suivre via un aggrégateur les flux RSS de dizaines de blogs et de gagner ainsi un temps considérable dans sa veille et d’autres parts le flux RSS permet avant tout de diffuser son contenu auprès de ses lecteurs qui s’y abonnent.

Dans certains aggrégateurs de flux RSS comme Netvibes, tous les flux RSS sont proposés les uns à côtés des autres ce qui est pratique pour avoir une vision globale de ses flux mais qui a pour inconvénient de noyer votre flux au milieu de dizaines d’autres flux :

netvibes-monetiweb-sans-photo

Le principe de l’astuce

L’astuce que je vous propose aujourd’hui est de positionner une image directement dans une balise spécifique de votre flux RSS afin que cette image soit récupérée par certains agrégateurs comme Netvibes pour les mettre en avant dans les pages personnelles de ses utilisateurs. Concrètement cela permet d’afficher son flux RSS Netvibes de la forme suivante pour ceux qui ont choisi d’afficher le détail du flux RSS :

 monetiweb-widget

Quel intérêt ?

L’intérêt est évident, votre flux RSS sortira clairement du lot par rapport à ceux qui ne le proposent pas. Une image incite immédiatement le lecteur a s’intéresser au contenu associé. Il a été prouvé à de nombreuses reprises qu’une image a un impact fort dans le taux de clic des liens placés à côté d’images. Cette astuce vous permettra donc de mettre en avant votre flux RSS dans certains aggrégateurs et donc d’augmenter le nombre de lectures de vos articles les personnes abonnées.

Comment mettre en place cette astuce

Cette astuce se base sur la compréhension de la balise <enclosure> par les aggrégateurs. Cette balise permet d’ajouter à votre flux RSS un objeft de type média. Elle est utilisée en général pour les flux RSS des podcasts pour y préciser le fichier MP3 du podcast. Mais cette balise peut également servir à adjoindre à chaque article.

Cette astuce nécessite donc quelques connaissances pour toucher au fichier générant le flux RSS de votre blog. Une fois ce fichier identifié, il vous suffit d’ajouter la ligne de code suivante au même niveau que la balise <content:encoded> ou <description> de l’article du flux :

<enclosure url= »URL_DE_VOTRE_IMAGE » type= »image/jpeg » ></enclosure>

Pour récupérer automatiquement l’URL_DE_VOTRE_IMAGE, je vous conseille d’utiliser un plugin comme Post Thumb Revisited qui s’occupe de parcourir votre article et de créer une miniature de la première image rencontrée dans l’article. C’est ce que j’ai mis en place sur Monetiweb et je dois dire que le résultat est plus que probant !

Le résultat final Avant/Après

Une fois le flux RSS modifié correctement, il ne vous restera plus qu’à tester le résultat sur Netvibes par exemple, ce qui donne pour Monetiweb en Avant/Après :

 netvibes-monetiweb-avant-apres

Sympa, non ?

58 Commentaires (ajouter le vôtre)
  1. Hem, je déchante. Impossible d’installer Post-thumb feed chez moi. Il doit y avoir un mauvais fluide entre ce plugin et moi ; jamais réussi à m’en servir correctement. Il faut dire qu’il n’est pas des plus faciles à appréhender (avec x sous-plugins…). Mes excuses à Alaknor, mais je n’ai jamais trouvé la patience nécessaire pour que tout soit enfin fonctionnel. Et puis je n’ai peut-être pas besoin de tout ça. Vais-je un jour trouver LA solution pour mettre simplement des vignettes dans mes annonces de billets avec WP ?

  2. Question pour aysoon, peux dire exactement où tu colles ce bout de code dans ton fichier fee-rss2.php dans wp-includes? D’avance merci
    Sebastien

  3. cynthia

    @aysoon :

    Bonjour, quelqu’un peut m’expliquer où dois-je mettre ces 2 lignes :

    <enclosure url= »thumb_url; ?> » type= »image/jpeg » >

    Dans le fichier feed-rss2.php ? ou dans le code du widget « Post Thumb Revisited » ?
    En gros, j’ai tout activé mais je ne sais pas où mettre ces 2 lignes de codes…

    please help me !

  4. super blog, j’adore vos articles et reportages
    bonne continuation
    Jean Paternin

  5. Bonjour, perso je n’utilise pas wordpress, j’ai créé un blog de toute piece et le flux rss aussi. J’ai essayé ton astuce en mettant la ligne de code entre ma balise « item » et ma balise »title » sans succès. Est-ce une astuce uniquement destiné à WP ?

    Merci, je m’abonne aux commentaires si une réponse m’est donné.

  6. Merci pour l’astuce de la miniature dans le flux RSS.

  7. simpa ce blog, vos articles et reportages sont trés interressant
    Patrick

  8. Frédéric Cozic, auteur de cet article

    @Seb : cela dépend de comment tu utilises ton blog (flux entier ou coupé, avec résumé ou non) mais en général tu peux coller cette ligne juste avant la balise fermante </item>

    @cynthia : c’est bien dans le fichier feed-rss2.php que tu dois mettre ces lignes juste avant la balise fermante </item>

    @desfossez thomas : tu as recréé un CMS de blog from scratch ? wouah ! pourquoi un tel choix ? en tout cas l’astuce donnée n’est pas que pour WordPress mais bien valable pour tous les flux… as-tu un exemple ? le flux est-til valide (feedvalidator.org) ?

  9. Bonjour et merci de ta réponse.
    Oui, après m’être fait pirater 3 fois de suite en une journée mon compte joomla je me suis rendu compte qu’il serait bien mieux de tout faire soit même de A à Z par sécurité et pour bien sur apprendre l’architecture d’un blog.
    Mais pas avec le langage de programmation scratch. ^^

    Feedvalidator m’a trouvé une erreur de date sans effet…réglé.

    Sinon voici comment est agencé mon dernier item :
    [item]
    [title] Analyse de l’interaction entre les mains et le visage [/title]
    [link] http://www.constraintsolver.com/cs-menu/post/14-signification-de-l-interaction-des-mains-sur-le-visage.php [/link]
    [guid isPermaLink="true"] http://www.constraintsolver.com/cs-menu/post/14-signification-de-l-interaction-des-mains-sur-le-visage.php [/guid]
    [description] Comment savoir si une personne est en train de nous mentir juste par l’étude de ses mouvements ?
    Cette étude de la psychologie humaine vous aidera à devenir un bon animateur (…suite) [/description]
    [pubdate] Fri, 14 Nov 2008 15:50:00 GMT [/pubdate]
    [enclosure url=”http://www.constraintsolver.com/cs-menu/post/images/conseil10b/animation-3d-ennui-fatigue-thb.jpg” type=”image/jpeg” ][/enclosure]
    [item]

    A partir de là j’ai essayé d’y insérer la balise enclosure sans succès. :(
    Merci.

  10. Seb

    Attention pour etre valide il faut rajouter l’attribut length en octet
    Ca donne donc quelque chose comme ca ( en PhP ) :

    ————————————————————————–
    $imgl = filesize(« $image »);

    ————————————————————————–

  11. Bon article, très interressant, je vous félicite vivement pour votre blog.
    je vous souhaite une bonne continuation et longue vie à votre site
    à bientôt

    anna

  12. méthode beaucoup plus simple sous WordPress : http://musikplease.com/addpicture

    un plugin special pour ça … ^^

  13. Frédéric Cozic, auteur de cet article

    @Fred G : Merci pour l’info ! je ne connaissais pas ce plugin qui m’a l’air bien pratique et qui fait exactement ce que je détaille ;)

  14. Il est tout frais … on vient de le finir, n’hésite pas à nous faire un retour si tu le testes.

    l’avantage du plug addpicture, c’est qu’on contrôle vraiment l’image du flux sans s’imposer une charte rédactionnelle dans les billets. De plus l’image est optimisée Netvibes, Wikio et FaceBook …

  15. Frédéric Cozic, auteur de cet article

    @Fred G : sympa ça ! je ne savais pas que les formats étaient différents en fonction du parser ! en lui passant une grande image, c’est pas le parser (wikio ou autre) qui l’adpatera ?

  16. Si mais Netvibes recommande du 200×200 .. on retaille donc l’image pour l’optimiser et elle est automatiquement prise en compte par Wikio, FB, blogbang …etc
    Ce qui évite que ces plateformes prennent une image du billet parfois mal adapté (logo rss, smiley …etc).
    Là au moins c’est simple ET contrôlé ;)

  17. @Fred G : Bonjour , j’ai un petit souci avec ce plugin addpicture, il n’upload pas les images dans le répertoire du serveur… une petite idée pour régler ce pépin.
    merci.

  18. Erwan

    Pas réussi à installer correctement ce plugin moi non plus. Comme mes fichiers WP sont installés dans un dossier à part (ils ne sont pas à la racine de http://www.exemple.com mais dans http://www.exemple.com/blog/ ), le plugin peut avoir du mal à accéder aux bons répertoires pour stocker ses vignettes. Attention, la désinstallation du plugin ne fait par revenir les vignettes qui pouvaient être précédemment visibles sous Netvibes, sans aucun plugin supplémentaire.

  19. C’est regrettable que l’auteur « PodCom » n’est pas de page de support pour leur plugins..

  20. Erwan

    On peut toujours râler en postant un commentaire ici: http://musikplease.com/addpicture ; mais vous verrez que je l’ai déjà fait, non sans difficultés, et avec dans la bouche un goût d’inachevé à ce jour.

Poster un commentaire

© 2006-2012 Frédéric Cozic  
Propulsé par Wordpress sous licence Creative Commons