Améliorer la lisibilité de votre blog : utilisez des résumés !

3 min read

Cet article est le premier à être affiché en mode « résumé » sur BLOmiG. Ce billet décrit les arguments qui militent pour l’affichage sur la « home » des billets résumés (rythme graphique, et analyse des stats facilitée), et la manière de mettre en oeuvre tout cela (utilisation du « more » dans les billets, utilisation d’une classe spéciale dans style.css pour personnaliser le résumé, et installation du plugin Full Text Feed pour conserver un flux RSS complet). Simple à mettre en oeuvre, et efficace pour améliorer la lisibilité de votre blog !

Arguments pour les extraits sur la home

Suite aux discussions sur ce billet, j’ai finalement décidé d’adopter l’affichage d’extraits sur la page d’acceuil de BLOmiG.

Deux arguments clefs donnés en fin de discussion par br1o m’ont fait me décider dans ce sens :

  • L’apparence graphique de la home page est plus rythmée avec seulement des extraits, plutôt qu’avec des billets entiers de longueurs nécessairement inégales (cela implique de présenter des extraits qui soient conçus exprès pour cet usage (de type chapeau d’article présentant les grandes lignes, ou paragraphe court fait pour accrocher le lecteur)
  • Si les articles sont lus sur leur page spécifique, et non plus sur la home, cela permet d’analyser de manière bien plus fine les statistiques de visites de chaque billet. La page de lecture est désormais unique !

Mise en oeuvre

Voyons maintenant comment on réalise cela. Quelques points sont très importants dans la mise en oeuvre si l’on passe en mode d’affichage « uniquement les extraits sur la home » :

  • Il faut décider soi-même où l’article sera coupé. Pas question de simplement utiliser la fonction « excerpt », qui peut coupe l’article au beau milieu d’une phrase. Pour cela il faut donc utiliser la fonction « more » (insérer (sans les espaces) dans le texte là où on veut que la coupure se fasse
  • Il faut s’assurer que nos flux continueront de contenir les articles en entier (rien de plus énervant qu’un article coupé dans les flux RSS : c’est une perte de temps qui finit par lasser). Pour cela, Fran6 nous a amené la solution : il s’agit du plugin Full Text Feed 1.03 qui suprrime de vos flux RSS le « more »
  • Pour que les extraits/résumés soient utiles, il faut qu’ils soient rédigés exprès pour cet usage : à ce titre, il faut donc définir une classe spéciale dans la feuille de style css (j’ai crée il y a peu une classe « chapeau » qui me sert à faire un court résumé au début des articles, que je vais réutiliser). Cette classe permettra d’afficher le résumé accrocheur sur la page de garde dans un style un peu différent du corps de texte.
  • Ne pas oublier, bien sûr, de personnaliser l’affichage relatif au « more »: cela se passe dans le fichier “/wp-includes/post-template.php » index.php, où le texte du « more » apparait derrière un appel php à « the_content »…

Voilà, c’est tout ! après cela, votre home page affiche des résumés brefs et accrocheurs de vos billets, et les pages spécifiques à chaque billet affichent les billets complets ! Propre, net et efficace !

Remerciements

Pour terminer, je voudrais remercier tous ceux qui ont participé à la discussion (dans le désordre) : merci, donc, à br1o, Fran6, Thierry, Frenchmat, Oli, Matthieu M., Winsa et Fred.

38 Comments

Ajoutez les vôtres
  1. 1
    Oli

    Merci Lomig pour cette synthèse. Pour ma part, je n’ai pas encore tranché mais j’y réfléchi, quoi qu’en ce moment ma tête est ailleurs. Dernière chose, j’ai pas pigé la classe « chapeau » (création, utilisation )

  2. 2
    LOmiG

    salut Oli,de rien c’est normal de synthétiser un peu les fruits de cette discussion. ca a permis d’avancer beaucoup plus vite que tout seul ! vive la collaboration…!La classe chapeau c’est simplement une classe que tu définis dans ta feuille de style, et qui te permet de déclarer un paragraphe comme étant un « chapeau » (ou tout autre nom que tu souhaites lui donner), avec son style propre.C’est le paragraphe gris qui est au début du billet ici.pour utiliser cette classe il suffit de taper ton paragraphe de textedans ton éditeur en mode CODEà bientôt !

  3. 4
    Frenchmat

    Oh, moi je n’ai pas fait grand-chose ! Mais merci ;)Personnellement je pense que je ne le ferais pas, car ça ne me semble pas correspondre à mon blog, tu ne crois pas ?Et puis, c’est du boulot d’écrire en plus des billets, de bons résumés bien accrocheurs.Par contre, chez toi le résultat est sympa, c’est clair. Mais du coup, ne vaudrait-il pas mieux mettre la liste des billets similaires seulement pour la page du post ?Ca risquerait à mon avis de couper ce « rythme » dont tu parles et ça me parait plus utile à la fin du billet.Voilà, beau boulot ! ;)

  4. 5
    LOmiG

    salut Frenchmat,si si tu as participé…je suis d’accord avec toi : ce n’est pas très adapté à ton blog.et oui, j’ai vu une fois que j’avais le résultat sous les yeux que je devais modifier un peu la mise en page pour que la « home » s’affiche bien…(supprimer les articles en relations, enlever un des deux liens vers les commentaires…peut-être même le bandeau de fin d’article avec l’abonnement RSS…)affaire à suivre..Lomig

  5. 6
    Nicolargo

    Comme je suis abonné RSS, je lis tes posts par RSS et j’apprecie vraiment qu’ils restent entiers. Pour les visites directes sur le blog, je pense comme Frenchmat, que ce n’est pas généralisable à tous les blogs.En tout cas ce n’est pas mal du tout sur le tient.

  6. 7
    Fran6

    En tout cas, je suis en train de faire des essais en local, c’est nettement plus beau et plus sympa de n’avoir que quelques lignes. Même le excerpt et sympa d’une point de vue visuel. Par contre, faut penser à un truc, ne pas mettre de photo sur les premières lignes !! ;-)

  7. 9
    Matthieu M.

    Je pense que tu as pris la bonne décision, car la longueur habituelle de tes articles ne permettait pas d’avoir en un seul coup d’oeil (ou plutôt de molette) une vue d’ensemble de ton contenu, maintenant ce sera le cas !En revanche, de mon côté, je désespère de trouver une solution à mon problème de flux tronqués. Ce qui semble marcher avec vous ne marche pas avec moi.J’ai upgradé wordpress vers la version 2.2.1, j’ai installé le plugin Full Feed Text, j’ai paramétré les options wordpress et feedburner pour afficher le texte en entier… Et malgré ça, mon flux reste désespéremment tronqué.Et en plus de ça, j’ai installé hier un plugin censé afficher les articles connexes, dans le flux, et bien je ne suis presque pas étonné, mais ca n’affiche rien. Décidemment, mon flux est maudit. :(

  8. 10
    LOmiG

    salut NicoLargo,merci pour ton commentaire…oui moi aussi je préfère avoir les flux complets dans mon aggrégateur…! Tant mieux si ça passe bien ici, les évolutions sont de toute façon possibles !à bientôt ! :)

  9. 11
    LOmiG

    salut Fran6,oui je trouve aussi que la page d’acceuil est plus sympa comme ça…je verrais quand j’aurais plusieurs articles en format « résumé »…à bientôt !

  10. 12
    LOmiG

    salut br1o,non non : grand merci à TOI. Si tu n’étais pas venu amener ta pierre à la discussion, j’abandonnais l’idée…alors que l’aspect esthétique était au début une de mes motivations…merci encore !

  11. 13
    LOmiG

    salut,merci pour ton soutien : oui c’est vrai que mes articles sont en général un peu long, et ça sera plus aéré comme cela.Sinon, je lisais depuis longtemps ton blog par mail : je vais m’inscrire par RSS pour voir l’allure chez moi (google Reader). Désolé que ton fil RSS foire, je ne sais vraiment pas d’où ça pourrait venir…à bientôt !

  12. 14
    thibault

    C’est vrai que les articles entiers en page d’accueil, ça fait un peu lourd. Dans mon cas par exemple, je n’écris que de longs articles, et la mise en page n’est même plus navigable. J’ai également adopté la solution du résumé, que je trouve la meilleure.

  13. 15
    LOmiG

    salut Thibault,merci pour ton commentaire… concerné effectivement !je suis allé voir ton blog, et c’est vrai que tes articles nécessitent aussi ce traitement. Bravo, au passage pour ton blog très intéressant (je me suis inscrit)…!à bientôt j’espère !

  14. 18
    Fran6

    Juste une chose que je souhaiterais rajouter à tout ça: C’est très bien de mettre un « raccourci » en homepage, mais pensez aussi et surtout à un titre pertinent. Je suis en train de parcourir plusieurs blogs qui utilisent cette technique et comme les titres ne sont pas intéressants, je zappe…malheureusement, alors que le contenu est peut-être intéressant… On parlait l’autrea jour avec Lomig des 75% qui restent moins de 10 secondes. Chez moi, ils sont de 53%. Je ne sais pas si c’est peu ou beaucoup. Déjà, peut-être que de venir sur une homepage avec des articles longs, ça décourage le visiteur. Je dis bien « peut-être ». L’avenir et les résultats de ce changement des structure nous le diront. Mais si le visiteur vient, qu’on est en flux tronqués et que les titres sont pas accrocheurs, le gars se barre aussi… Quelque part, je crois que ce sont ces 10 premières secondes qui sont importantes, non ? Ensuite, on peut expliquer comment garder les visiteurs sur le blog plus lon