10 extensions « spécial blogging » pour rendre vos articles de blogs plus funs et plus « UX » !

Publié le 16/06/2020 | 2 commentaires

Vous trouvez que vos articles de blogs sont un peu monotones ? C’est pourtant simple de les rendre plus funs et d’améliorer l’expérience utilisateur avec le panel d’extensions disponibles gratuitement sur le répertoire officiel de WordPress ! J’ai sélectionné pour vous 10 extensions « spécial blogging » qui pourraient bien vous intéresser…

1 – Lucky Table of Content : pour ajouter une table des matières à vos articles

Luckywp Table Content
LuckyWP pour ajouter une table des matières

L’extension gratuite Lucky Table of Content permet de créer facilement une table des matières au sein de vos pages et de vos articles de blog. Lors du paramétrage de cette extension, vous pourrez décider d’inclure la table des matières de manière automatique au sein de toutes vos publications (ou non), choisir les couleurs et quelques autres options de configuration.

Vous pouvez également ajouter la table des matières manuellement au sein de chaque article grâce au bloc Gutenberg prévu à cet effet.

Une table des matières apporte un confort supplémentaire à votre lecteur et améliore son expérience utilisateur au sein de votre site. Au premier coup d’œil, il obtient un aperçu des sujets traités au sein de l’article et peut se rendre plus rapidement aux sections désirées.

C’est cette extension qui est utilisée sur La Webeuse, en début d’article.

Découvrir LuckyWP Table of Content | Lire le tutoriel détaillé pour ajouter une table des matières.

2 – WP Last Modified Info : pour indiquer la date de mise à jour de l’article

Wp Last Modified
WP Last Modifed Info pour ajouter la date de mise à jour

Je suis sûre que vous, en tant que lecteur, vous aimez savoir si l’article que vous êtes en train de lire date d’hier ou de l’an 2000, n’est-ce pas ? Et surtout, à quelle date l’article a été mis à jour ! Car certains sujets méritent d’être mis à jour régulièrement !

Voilà une information que vous pourriez partager avec votre lecteur !

Malheureusement, WordPress ne permet pas nativement d’afficher la date de mise à jour d’un article. Seule la date de publication apparaît dans les métadonnées de l’article.

C’est ce que j’ai choisi de faire sur La Webeuse : l’information « mis à jour le… » s’affiche lorsque je met à jour un article.

L’extension gratuite WP Last Modiefied Info permet de faire cela…

Découvrir WP Last Modified Info ou Ajouter « mis à jour le » sans plugin (snippet)

Guide WordPress 2020

Vous avez envie de lancer votre propre blog ? Découvrez mon ebook-formation WordPress. Ce guide pratique vous accompagne pas à pas dans toutes les étapes de création.

3 – Reading Progress Bar : pour indiquer la progression de lecture

Reading Progressbar
Reading progressbar pour ajouter une barre de progression de lecture

Lorsqu’un développeur WordPress français, travaillant pour l’une des agences WordPress des plus réputées du pays (Whodunit), crée une extension et la met à disposition des utilisateurs gratuitement, on peut l’installer les yeux fermés !

C’est ce qu’a fait JB Audras avec son extension Reading ProgressBar.

Une barre de progression de lecture permet d’afficher une barre de couleur qui se « remplie » au scroll et indique où le lecteur se situe dans la lecture de l’article. Cette information peut être intéressante si un lecteur n’a pas le temps de lire : il pourrait enregistrer l’article pour le lire plus tard ou décider de terminer la lecture si celle-ci est quasiment finie.

Ce n’est pas une fonctionnalité primordiale mais un vrai confort pour le lecteur !

D’ailleurs, les cordonniers ne sont pas toujours les plus mal chaussés puisque JB Audras lui-même utilise son extension au sein de son blog !

Découvrir Reading ProgressBar ou découvrir l’alternative Worth the Read.

4 – WP Word Count : pour indiquer le temps de lecture

Word Count
WP Word Count pour afficher le nombre de mots d’un article

WP Word Count est une extension gratuite qui permet de compter le nombre de mots dans vos publications et de les afficher aux yeux de vos lecteurs. Il calcule également le temps de lecture (en minutes).

D’ailleurs, vous n’êtes pas obligé d’afficher ces informations en front, vous pouvez simplement l’utiliser pour conserver cette information confidentielle, en back-office. Un tableau récapitulatif permet de voir rapidement le nombre de mots publiés ou encore en brouillon, quelle publication est en tête et quel article devrait être enrichi.

Cette fonctionnalité n’offre pas vraiment une amélioration de l’expérience utilisateur de votre lecteur mais plutôt un côté « fun ». Une sorte de mise en confidence de votre lecteur : vous partagez avec lui des données qui ne le sont pas, en règle générale.

Découvrir WP Word Count.

5 – WP Applaud : pour estimer l’intérêt des lecteurs

Wp Applaud
WP Applaud pour applaudir l’article

WP Applaud permet d’afficher un bouton d’applaudissement à la fin de vos articles. Un shortcode est également disponible pour placer le vote à l’endroit désiré. Je trouve ça plus fun que les étoiles de notation qu’on voit un peu partout.

Wp Applaud Main

En installant cette extension gratuite, vous n’aurez pas beaucoup d’options de paramétrage : pas de choix de couleur par exemple mais vous pourrez utiliser votre propre CSS si besoin.

De plus, exit les haters qui sont là juste pour dénigrer votre travail : ils ne pourront plus voter 1 étoile pour vous dévaloriser !

Découvrir WP Applaud.

6 – Post View Counter : pour afficher le nombre de vues d’un article

Post View Counter
Post Views Counter pour afficher le nombre de vues d’un article

Est-ce ringard d’afficher le nombre de vues d’un article ? Je trouve ça plutôt fun ! En installant Post Views Counter, vous pourrez obtenir le nombre de vues de vos articles en front-office et/ou en back-office.

Nombre Vues

Vous pouvez donc utiliser cette extension gratuite, dans un premier temps, pour obtenir le nombre de vues à titre statistique et quand vous le souhaiterez, vous pourrez l’afficher au sein de vos articles : soit de manière automatique, soit à l’aide d’un shortcode.

Cette extension est très simple à utiliser.

Découvrir Post Views Counter.

7 – Gutenberg Post Blocks : pour proposer une liste de lecture

Gutenberg Post Blocks
Gutenberg Post Blocks pour ajouter des articles relatifs

Gutenberg Post Blocks est une extension qui permet d’ajouter un module de blog au sein d’une page ou d’un article édité avec Gutenberg.

Ce plugin pourrait très bien être utilisé à la place de la page de blog native de WordPress car les options d’affichages et de paramétrages sont très riches ! Vous pouvez tout faire : un carrousel d’articles, une grille, une liste, etc. Le rendu s’intègre parfaitement dans WordPress !

À mon avis, Gutenberg Post Blocks est voué a un bel avenir !

Mais pour le coup, je vous propose d’utiliser cette extension pour proposer une liste de lecture à la fin de vos articles, ce qu’on appelle les « Related Posts« .

Gutenberg Post Blocks offre le choix des catégories d’articles à afficher (idéal pour le SEO) et des options d’affichage très joli. Et comme c’est un bloc Gutenberg, vous pourrez l’insérer où vous voulez dans votre contenu.

En offrant une liste de lecture à vos internautes, vous leur permettez de découvrir d’autres articles de votre blog tout en améliorant votre SEO :

  • Vous augmentez le nombre de pages vues,
  • Vous réduisez le taux de rebond,
  • Vous augmentez le temps passé sur votre site.

Toutes ces métriques envoient de « bons signaux » utiles à votre référencement naturel.

Découvrir Gutenberg Post Blocks | Alternatives : YARPP ou Related Post Thumbnails.

8 – Flying Pages : pour naviguer plus rapidement entre les posts

Flying Pages
Flying Page pour accélérer le chargement des pages lors des clics internes

Flying Pages permet de réduire le temps de chargement des pages de votre site. Cette extension permet de pré-charger, dans le navigateur de l’internaute, une page ou un article avant même qu’il n’ait eu le temps de cliquer sur un lien interne.

Cette navigation fluide apporte un grand confort à votre lecteur qui perd moins de temps pour naviguer sur votre site. Bien évidemment, cela ne remplace pas une extension de cache comme WP Rocket mais cela pourrait venir en complément.

La performance d’un site est basée sur de nombreux critères (la qualité du serveur, le poids des images, la mise en cache, la version de PHP utilisée, etc.) et Flying Pages ne fera pas de miracle si votre site n’est pas optimisé, toutefois, il peut contribuer à l’amélioration de l’expérience utilisateur.

Découvrir Flying Pages | Une alternative toute simple : Instant.Pages.

9 – Flying Images : pour alléger vos images

Flying Images
Flying Images pour optimiser les images

Flying Images se dit être « une solution complète pour l’optimisation d’images« . Cette extension offre de nombreuses fonctionnalités :

  • CDN illimité gratuit
  • Compression des images à la volée avec choix du degré de compression
  • Conversion des images en WebP à la volée si le navigateur le prend en charge
  • Ajout de l’attribut srcset pour des images responsives
  • Lazy Load des images
  • etc.

Ce qui est vraiment appréciable, c’est que l’extension se paramètre en 2 clics seulement ! Vous n’avez pratiquement rien à faire :

  1. Cochez l’option Lazy Load,
  2. Cochez l’option CDN…

C’est tout !

Le développeur de cette extension (qui est le même que Flying Pages) conseille également l’utilisation d’un cache. Cela laisse entendre que les extensions sont compatibles… J’ai alors testé cette extension sur un site utilisant WP Rocket et Imagify et je n’ai rencontré aucun problème !

Cette extension peut améliorer l’expérience utilisateur de vos lecteurs.

Découvrir Flying Images.

10 – Gutenberg Anchor Block : pour faire des liens au sein de l’article

Gutenberg Anchor Block
Anchor Block pour ajouter une ancre et faciliter la navigation

Pour offrir encore une meilleure expérience à vos lecteurs et aller plus loin dans l’utilisation d’une table des matières (comme expliqué en début d’article), vous pourriez proposer un bouton de retour au sommaire. Ainsi, le lecteur pourrait facilement naviguer au sein de vos looooongs articles.

Vous pouvez facilement faire cela grâce à l’utilisation d’une ancre HTML et vous avez l’embarras du choix pour y parvenir :

  1. À l’aide de l’extension Anchor Block qui ajoute un champ d’ID CSS à l’endroit souhaité dans votre page.
  2. En insérant un ID CSS sur les titres Hn grâce à l’option native de Gutenberg (uniquement disponible pour les titres).
  3. En éditant n’importe quel bloc Gutenberg en HTML et en ajoutant un ID CSS dans la balise.
Ancre Html
Ajouter une ancre HTML

Ensuite, il vous suffira d’insérer un bouton – ou un n’importe quel type d’appel à l’action – au sein de votre page, pour renvoyer le lecteur à l’endroit désiré, par exemple : au sommaire.

Bouton Ancre
Ajouter un lien d’ancrage à un bouton

Découvrir Anchor Block.

En conclusion : bichonnez votre blog ça plaira à vos lecteurs !

Si vos lecteurs se « sentent bien » sur votre blog, il y a de grande chance qu’ils y reviennent ! Augmenter votre trafic, c’est également augmenter votre notoriété mais également le SEO de votre site. Vous avez tout à y gagner !

Cette liste de 10 extensions « spécial blogging » complète idéalement la liste des 8 outils « spécial blogging » que vous pouvez utiliser pour améliorer votre productivité en tant que blogueur, cette fois…

Extensions Blogging WordPress
Plugins Special Blogging

Encore un peu de lecture ?

Commentaires WordPress : le guide à consommer sans modération !

Commentaires WordPress : le guide à consommer sans modération !

Est-ce que les commentaires WordPress méritent-ils qu'on leur consacre un article entièrement dédié ? À mon avis, oui, sinon, je ne perdrais pas mon temps à rédiger celui-ci 😉 ... Mais je vous vois venir : "Pfff, j'ai autre chose à faire que de lire un article sur...

2 Commentaires

  1. La plume rose

    Merci pour tous ces conseils ! Il y a certaines extensions que je ne connaissais pas du tout 🙂

  2. Mikael

    Super article ! merci, je vais essayer de suivre vos conseils au mieux avec mon blog https://thedecision.fr/

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Recevez les news, freebies, astuces et tutos de La Webeuse !

Pin It on Pinterest

Shares
Share This