Dans cet article, nous avons rassembl\u00e9 8 des meilleures options, dont 6 sont enti\u00e8rement gratuites.<\/p>\n
Ci-dessous, nous partagerons les d\u00e9tails de chaque extension, ainsi qu’une introduction rapide au fonctionnement des barres de progression et aux raisons pour lesquelles elles peuvent \u00eatre b\u00e9n\u00e9fiques pour votre site.<\/p>\n
Qu’est-ce qu’une barre de progression de lecture ?<\/h2>\n
Une barre de progression de lecture fait exactement ce que son nom indique : elle permet aux visiteurs de votre site de voir \u00e0 quel point ils ont progress\u00e9 dans le contenu<\/a> de votre article.<\/p>\n En g\u00e9n\u00e9ral, vous collez une barre horizontale en haut ou en bas de la page. Au fur et \u00e0 mesure que les utilisateurs font d\u00e9filer l’article, la barre se \u00ab remplit \u00bb pour indiquer \u00e0 quel point ils sont proches de la fin du contenu.<\/p>\n Certaines extensions vous donnent \u00e9galement la possibilit\u00e9 de cr\u00e9er une barre de progression verticale \u00e0 gauche ou \u00e0 droite du contenu. Dans ces cas, elle ressemble presque \u00e0 une barre de d\u00e9filement. Toutefois, la principale diff\u00e9rence est que la barre de progression sera bas\u00e9e sur la longueur du contenu r\u00e9el, alors que la barre de d\u00e9filement du navigateur est bas\u00e9e sur la longueur totale de la page.<\/p>\n Voici deux exemples r\u00e9els de la mani\u00e8re typique dont les sites utilisent les barres de progression de lecture..<\/p>\n HubSpot ajoute une barre de progression orange qui appara\u00eet directement sous son en-t\u00eate \u00e9pingl\u00e9<\/a>\u00a0:<\/p>\n Cependant, vous pouvez exp\u00e9rimenter diff\u00e9rents placements de la barre de progression en fonction de votre site.<\/p>\n\n \u00c0 un niveau \u00e9lev\u00e9, une barre de progression de lecture est un moyen d’am\u00e9liorer la convivialit\u00e9<\/a> et l’exp\u00e9rience utilisateur sur votre site, ce qui peut avoir des effets plus directs sur des mesures importantes telles que le temps sur la page et le taux de rebond.<\/p>\n Tout d’abord, parlons de l’exp\u00e9rience utilisateur en g\u00e9n\u00e9ral.<\/p>\n La plupart des gens veulent savoir dans quoi ils s’engagent avant de prendre le temps de lire votre article. S’agit-il d’un article de 5 minutes qu’ils peuvent lire entre deux t\u00e2ches ou d’un long article de 20 minutes qui exigera une grande concentration ?<\/p>\n Une barre de progression donne aux lecteurs une bonne id\u00e9e de ce qu’ils peuvent attendre de votre article lorsqu’ils commencent \u00e0 lire. Pour aider \u00e0 cela, certains sites ajoutent \u00e9galement une estimation du temps de lecture en plus de la barre de progression, ce que plusieurs des extensions ci-dessous prennent en charge.<\/p>\n Une fois que vos visiteurs commencent \u00e0 lire, la barre de progression peut \u00e9galement les encourager \u00e0 terminer l’article. Par exemple, si un lecteur voit qu’il a d\u00e9j\u00e0 parcouru 80 % du contenu, il sera encourag\u00e9 \u00e0 terminer les derniers 20 % car il a d\u00e9j\u00e0 parcouru la majeure partie de l’article.<\/p>\n Ces am\u00e9liorations de l’exp\u00e9rience utilisateur peuvent avoir des effets positifs sur deux indicateurs cl\u00e9s :<\/p>\n Si vous combinez les barres de progression avec d’autres tactiques d’am\u00e9lioration de l’exp\u00e9rience utilisateur<\/a>, comme une structure de navigation de qualit\u00e9<\/a> et une utilisation intelligente de la pagination<\/a>, vous pouvez cr\u00e9er une exp\u00e9rience vraiment agr\u00e9able et engageante pour les visiteurs.<\/p>\n Maintenant, passons aux 8 meilleures extensions WordPress de barre de progression de lecture pour vous aider \u00e0 ajouter une barre de progression de lecture \u00e0 votre site.<\/p>\n Bien que vous puissiez trouver des extensions de barre de progression g\u00e9n\u00e9riques qui vous permettent de cr\u00e9er une barre de progression personnalis\u00e9e pour n’importe quoi, cet article est sp\u00e9cifiquement ax\u00e9 sur les extensions qui ajoutent des indicateurs de progression de lecture bas\u00e9s sur la longueur du contenu d’une page.<\/p>\n En termes de prix, 6 de ces extensions sont enti\u00e8rement gratuites, tandis que les 2 extensions restantes sont abordables et ajoutent une certaine flexibilit\u00e9 suppl\u00e9mentaire que vous ne trouverez pas dans la plupart des options gratuites.<\/p>\n Le meilleur de tout, toutes ces extensions devraient fonctionner avec \u00e0 peu pr\u00e8s n’importe quel th\u00e8me WordPress<\/a>.<\/p>\n Read Meter<\/a> est une extension de barre de progression de lecture de Brainstorm Force, la m\u00eame \u00e9quipe derri\u00e8re le populaire th\u00e8me WordPress Astra (qui a fait notre liste des th\u00e8mes WordPress les plus rapides<\/a>).<\/p>\n L’extension vous permet d’ajouter automatiquement une barre de progression de lecture qui se colle tout en haut ou tout en bas de la page. Vous avez \u00e9galement la possibilit\u00e9 d’afficher le temps de lecture estim\u00e9 de l’article en m\u00eame temps que la barre de progression.<\/p>\n Voici tout ce que vous obtiendrez avec Read Meter :<\/p>\n Prix <\/strong>: Read Meter est 100 % gratuite.<\/p>\n Avec Read Meter, Reading progressbar<\/a> est une autre des extensions de barre de progression les plus populaires sur WordPress.org. Contrairement \u00e0 Read Meter, cependant, cette extension ne vous donne pas la possibilit\u00e9 d’ajouter le temps de lecture estim\u00e9 – c’est exclusivement pour la barre de progression.<\/p>\n Cependant, elle vous donne une certaine flexibilit\u00e9 de ciblage suppl\u00e9mentaire que Read Meter n’offre pas. Par exemple, vous pouvez cibler votre barre de progression sur des mod\u00e8les sp\u00e9cifiques en plus du ciblage par type de publication.<\/p>\n Voici tout ce que vous obtiendrez avec Reading Progressbar :<\/p>\n Prix <\/strong>: Reading progressbar est 100 % gratuite.<\/p>\n Worth the Read<\/a> est l’une des extension WordPress de barre de progression les plus personnalisables, ce qui en fait une excellente option si vous trouvez les extensions pr\u00e9c\u00e9dentes trop limit\u00e9es.<\/p>\n Elle comprend des options de placement et de ciblage uniques que la plupart des autres extensions n’offrent pas, ainsi que d’autres touches uniques. Elle vous donne \u00e9galement la possibilit\u00e9 d’ajouter une estimation du temps de lecture si vous le souhaitez.<\/p>\n Voici tout ce que vous obtiendrez avec Worth the Read :<\/p>\n Prix <\/strong>: Worth the Read est 100% gratuite.<\/p>\n Catch Scroll Progress Bar<\/a> est une autre option l\u00e9g\u00e8re pour ajouter une barre de progression basique \u00e0 votre site.<\/p>\n Elle reste assez simple, avec juste les options minimales dont vous avez besoin pour placer et styliser votre barre de progression.<\/p>\n Voici tout ce que vous obtiendrez avec Catch Scroll Progress Bar :<\/p>\n Prix <\/strong>: Catch Scroll Progress Bar est 100 % gratuite.<\/p>\n WP Reading Progress<\/a> est une autre extension WordPress de barre de progression gratuite qui est disponible sur WordPress.org.<\/p>\n Comme l’extension pr\u00e9c\u00e9dente, elle ne vous donne que les r\u00e9glages minimaux n\u00e9cessaires pour personnaliser votre barre de progression de lecture. Mais pour la plupart des gens, c’est tout ce dont vous avez besoin, ce qui en fait une autre option solide.<\/p>\n Voici tout ce que vous obtiendrez avec WP Reading Progress :<\/p>\n Prix <\/strong>: WP Reading Progress est 100 % gratuite.<\/p>\n Reading Time<\/a> est la premi\u00e8re extension de progression de lecture de cette liste qui n’existe qu’en version premium.<\/p>\n Cependant, elle reste assez abordable et offre des mises \u00e0 jour \u00e0 vie via la place de march\u00e9 CodeCanyon d’Envato.<\/p>\n Il y a 2 raisons principales pour lesquelles vous pourriez vouloir consid\u00e9rer Reading Time plut\u00f4t que les alternatives gratuites :<\/p>\n Vous b\u00e9n\u00e9ficiez \u00e9galement de toutes les fonctionnalit\u00e9s \u00ab standard \u00bb que vous \u00eates en droit d’attendre d’une extension :<\/p>\n Prix <\/strong>: Reading Time co\u00fbte 15 $, ce qui comprend les mises \u00e0 jour \u00e0 vie pour un seul site et 6 mois de support.<\/p>\n Reading Position Indicator<\/a> est une autre extension l\u00e9g\u00e8re et gratuite de barre de progression sur WordPress.org.<\/p>\n Elle ne vous offre pas une tonne de r\u00e9glages, mais une option unique est qu’il vous permet d’utiliser un d\u00e9grad\u00e9 personnalis\u00e9 pour votre barre de progression de lecture (en plus d’une couleur solide).<\/p>\n Voici tout ce que vous obtiendrez avec Reading Position Indicator :<\/p>\n Prix <\/strong>: Reading Position Indicator est 100 % gratuite.<\/p>\n ReBar<\/a> est une autre extension WordPress premium de barre de progression de lecture qui est vendue via la place de march\u00e9 CodeCanyon d’Envato.<\/p>\n Comme avec Reading Time, voici quelques-unes des fonctionnalit\u00e9s uniques qu’il offre et qui pourraient faire en sorte qu’elle vaille la peine de d\u00e9penser de l’argent :<\/p>\n Voici d’autres caract\u00e9ristiques notables :<\/p>\n Prix <\/strong>: ReBar co\u00fbte 15 $, ce qui comprend les mises \u00e0 jour \u00e0 vie pour un seul site et 6 mois de support.<\/p>\n\n Voil\u00e0 qui r\u00e9sume notre collection des 8 meilleures extensions WordPress de barre de progression de lecture.<\/p>\n Pour les options les plus simples pour ajouter une barre de progression de base, vous pouvez consid\u00e9rer des extensions telles que Read Meter ou Reading progressbar.<\/p>\n D’autre part, si vous voulez le plus de personnalisation gratuitement, vous pouvez commencer avec Worth the Read, car elle comprend un certain nombre d’options et de fonctionnalit\u00e9s uniques que les autres extensions n’offrent pas.<\/p>\n Si vous voulez aller au-del\u00e0 d’une couleur de remplissage solide pour la barre de progression, vous pourriez \u00e9galement envisager les options premium de CodeCanyon – soit Reading Time ou ReBar. Encore une fois, les d\u00e9tails les plus uniques de ces extensions sont qu’elles sont toutes deux fournies avec plus de 8 styles pr\u00e9d\u00e9finis et des options de ciblage beaucoup plus avanc\u00e9es.<\/p>\n Chaque extension a son propre style et ses propres caract\u00e9ristiques, cela vaut donc la peine de les explorer toutes pour trouver l’option qui convient \u00e0 votre site.<\/p>\n La plupart d’entre elles ont des versions gratuites sur WordPress.org, ce qui permet de les tester facilement. Si vous h\u00e9bergez votre site chez Kinsta<\/a>, vous pouvez facilement cr\u00e9er un site de staging<\/a> pour tester en toute s\u00e9curit\u00e9 l’apparence de chaque extension sur votre site.<\/p>\n![\"Un](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/hubspot-progress-bar-1024x669.jpg\")
Pourquoi ajouter une barre de progression de lecture \u00e0 WordPress ?<\/h2>\n
\n
8 meilleurs plugins WordPress de barre de progression de lecture<\/h2>\n
Read Meter<\/h3>\n
![\"Extension](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/read-meter-1024x331.jpg\")
\n
Reading Progressbar<\/h3>\n
![\"Extension](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-progressbar-1024x330.jpg\")
\n
Worth the Read<\/h3>\n
![\"Extension](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/worth-the-read-1024x330.jpg\")
\n
Catch Scroll Progress Bar<\/h3>\n
![\"Extension](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/catch-scroll-progress-bar-1024x461.jpg\")
\n
WP Reading Progress<\/h3>\n
![\"Extension](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/wp-reading-progress-1024x331.jpg\")
\n
Reading Time<\/h3>\n
![\"Extension](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-progress-bar.jpg\")
\n
\n
Reading Position Indicator<\/h3>\n
![\"Extension](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/reading-position-indiciator-1024x331.jpg\")
\n
ReBar<\/h3>\n
![\"Extension](\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/07\/rebar.jpg\")
\n
\n
R\u00e9sum\u00e9<\/h2>\n