Bandes de statistiques : chiffres clés avec sources et périodes
Construisez une bande de statistiques qui rend les chiffres clés faciles à parcourir et à extraire, avec une source et une période pour chaque chiffre, des étiquettes claires et des limites strictes par élément pour la concentration.
Une bande de statistiques est une rangée compacte de deux à quatre chiffres clés, chacun associé à une étiquette, une source et une période de référence. Son rôle est d’exposer les quelques chiffres qui encadrent la page — et non de compresser un ensemble de données complet dans des tuiles décoratives.
Les valeurs ci-dessus sont un exemple illustratif d’équipe de support, et non des affirmations sur AmICited ou une entreprise réelle. La source et la période restent visibles car un exemple doit modéliser le contrat de production plutôt qu’apprendre aux lecteurs à ajouter des preuves plus tard.
Pourquoi cet élément est important
Les lecteurs remarquent les grands nombres avant de lire les paragraphes environnants. Une bonne bande de statistiques utilise cette attention pour établir l’échelle, le changement ou le résultat en quelques secondes. Trois chiffres forts créent un modèle mental simple : rapidité de réponse, fiabilité du service et réaction client. Huit chiffres plus faibles créent un problème de balayage visuel. Ils sont en compétition avec le même poids visuel, obligent le lecteur à décider lesquels comptent, et transforment l’accent en bruit.
La bande fonctionne car elle réduit l’effort de sélection, et non parce qu’une grande typographie rend une affirmation plus persuasive. Chaque nombre doit répondre à une question importante différente. Si deux tuiles disent essentiellement la même chose — par exemple, « 94 % résolus dans le SLA » et « 6 % hors SLA » — l’une d’elles gaspille l’espace limité. Si un chiffre est impressionnant mais non pertinent pour la conclusion de la page, sa proéminence induit en erreur plutôt qu’elle n’aide.
L’extractibilité machine est la capacité d’un robot d’exploration, d’un système de recherche ou d’un moteur de réponse IA à conserver la relation entre une valeur et ce qu’elle mesure. « 94 % » seul est inutilisable. « 94 % des tickets de support résolus dans le SLA, Export support, janvier–juin 2026 » est une affirmation encadrée : valeur, métrique, source et période restent liées. Une bande de statistiques doit exposer ces relations sous forme de texte dans l’ordre du document, et non les intégrer dans une image ou les assembler uniquement après l’exécution de JavaScript.
C’est aussi pourquoi l’élément typé prime sur un texte libre visuellement similaire. Selon les règles d’écriture des éléments , un passage dont le but est de présenter un petit ensemble de chiffres clés doit utiliser la structure de bande de statistiques. Trois paragraphes en gras peuvent sembler similaires, mais ils n’offrent ni limites d’élément stables, ni champs, ni hooks de validation pour les sources et les périodes.
Quand l’utiliser
Utilisez une bande de statistiques lorsque deux à quatre chiffres résument les preuves centrales de la page et peuvent être compris sans lire d’abord une section méthodologique. Les chiffres appropriés incluent un résultat mesuré, un changement entre référence et situation actuelle, une taille de marché, un effectif de cohorte, une médiane, un taux, une durée ou un fait opérationnel ponctuel. La bande est particulièrement utile lorsque les chiffres répondent à des questions complémentaires plutôt que de répéter une même conclusion.
Les preuves doivent exister avant que la bande ne soit conçue. Un bon test de sélection est : si un lecteur ne copiait que ces chiffres, chacun resterait-il exact, correctement qualifié et représentatif de la page ? Si non, gardez le nombre dans un texte en prose ou un affichage de données détaillé où sa réserve peut l’accompagner.
Les cas proches de la limite sont fréquents :
- Une rangée d’avantages produit : « Plus rapide », « plus simple » et « plus intelligent » sont des affirmations, pas des statistiques. Utilisez un texte d’avantages soutenu par des preuves.
- Un tableau de bord d’indicateurs : la surveillance opérationnelle en direct nécessite des horodatages, des tendances, des filtres et une logique de statut. Une bande éditoriale statique ne peut pas la remplacer.
- Un résumé statistique : moyenne, médiane, étendue, taille d’échantillon et intervalle de confiance appartiennent généralement à un tableau ou un graphique car la relation entre eux est importante.
- Une liste de huit chiffres : le lecteur ne peut pas distinguer les résultats phares des données secondaires. Sélectionnez les trois qui portent la conclusion et déplacez le reste dans l’analyse.
- Une affirmation marketing non vérifiée : la proéminence visuelle augmente le coût de l’ambiguïté. Retirez l’affirmation jusqu’à ce que sa source, son dénominateur et sa période soient connus.
- Un seul nombre : un chiffre unique appartient généralement à une phrase, un encadré ou une annotation de graphique. N’utilisez une bande que lorsque au moins deux valeurs forment un ensemble pertinent.
Où la placer
La position fait partie de l’affirmation. Sur une page de recherche ou de référence, placez la bande après que l’introduction a défini le sujet, la population et la période, et avant les résultats détaillés. Dans une étude de cas, placez-la après que la situation et l’intervention sont claires ; sinon, les lecteurs pourraient attribuer un résultat au mauvais point de départ ou à la mauvaise action. Dans un profil d’entreprise, placez-la après que l’identité et le périmètre sont établis.
Une bande peut apparaître près du haut uniquement lorsque tous les éléments sont compréhensibles de manière indépendante et que la page fournit immédiatement la méthodologie ou le contexte en dessous. Elle ne doit pas remplacer la réponse directe, le résumé de recherche ou l’explication de ce qui a changé. C’est un aperçu des preuves, pas l’argument complet.
Ne placez pas une bande de statistiques directement à côté d’une autre bande de statistiques, d’un graphique montrant les mêmes chiffres, d’un tableau de prix, d’un carrousel de témoignages ou d’un appel à l’action à forte emphase. Deux modules également visibles entrent en compétition pour l’attention ; des chiffres dupliqués font également douter les lecteurs de la version à jour. Conservez au moins un paragraphe explicatif entre la bande et un autre affichage dense de données. Ne séparez pas la bande de sa méthodologie commune ou de sa note de source par une publicité, un formulaire d’inscription ou une image sans rapport.
Anatomie
La capture annotée doit identifier sept zones fonctionnelles :
- Valeur : le nombre observé, incluant un signe lorsque la direction du changement importe.
- Unité : pourcentage, devise, durée, effectif, score, ratio ou autre mesure explicite.
- Étiquette de métrique : ce qui a été mesuré, incluant le dénominateur en cas d’ambiguïté possible.
- Source : le jeu de données, système, enquête, document déposé ou publication nommée derrière cet élément.
- Période de référence : quand l’activité sous-jacente a eu lieu, ou une date exacte « au » pour un instantané.
- Contexte de groupe : un titre ou une phrase facultative définissant la cohorte, la géographie, le plan ou le scénario une fois pour la bande.
- Limite d’élément : le conteneur sémantique qui maintient chaque valeur liée à sa propre étiquette et à ses propres preuves.
La valeur doit être visuellement prédominante, mais la source et la période ne peuvent pas être cachées derrière un survol, une infobulle ou une icône. Elles peuvent utiliser une typographie plus discrète, mais pas une typographie absente.
Exemples de conception
Le système de design prend en charge quatre variantes de contenu. Chacune conserve les mêmes champs sémantiques et règles de preuve ; seuls le nombre d’éléments et la forme des valeurs changent.
Bande standard à trois éléments : la valeur par défaut. Utilisez trois chiffres distincts qui ensemble établissent le résultat principal de la page. Un poids visuel égal est approprié lorsqu’aucun chiffre unique n’est le résultat explicite principal.
Paire à deux éléments : à utiliser pour une comparaison significative telle que référence et actuel, ou organisation et référence. Les étiquettes doivent indiquer la relation ; la proximité physique seule ne doit pas sous-entendre quelle période ou quelle cohorte chaque tuile représente.
Maximum de quatre éléments : à utiliser uniquement lorsque les quatre chiffres répondent à des questions décisionnelles distinctes. Les étiquettes doivent être plus courtes car la disposition est plus dense. Un cinquième élément déplace le contenu vers un tableau, un graphique ou une section de résultats.
Bande réactive à unités mixtes : les pourcentages, durées, effectifs et scores peuvent coexister lorsque leurs étiquettes sont explicites. Sur écrans étroits, les tuiles s’empilent dans l’ordre du document ; l’unité reste avec sa valeur et les preuves restent avec leur élément.
Il n’existe pas de variante « minimale sans source ». Supprimer les sources ou les périodes n’est pas un choix de conception car cela transforme une mesure encadrée en une affirmation ambiguë.
Paramètres
Le contrat sépare la valeur visible de sa signification et de sa provenance afin qu’un moteur de rendu puisse préserver chaque relation sur toutes les plateformes.
| Nom | Type | Requis | Min/max | Défaut | Source |
|---|---|---|---|---|---|
| heading | Chaîne simple | Non | 3–10 mots ; 70 caractères | Aucun titre | Attribut ou premier titre |
| context | Chaîne simple | Conditionnel | 0–30 mots | Aucun | Attribut |
| items | Liste ordonnée d'éléments | Oui | 2–4 éléments | 3 éléments | Corps |
| value | Chaîne simple | Oui | 1–12 caractères | Aucune | Corps de l'élément |
| label | Chaîne simple | Oui | 2–10 mots ; 70 caractères | Aucune | Corps de l'élément |
| source | Chaîne simple avec URL optionnelle | Oui | Une source identifiable par élément | Aucune | Attribut de l'élément |
| period | Date, plage de dates ou chaîne de période | Oui | Une période exacte par élément | Aucune | Attribut de l'élément |
| qualifier | Chaîne simple | Non | 0–12 mots | Aucun | Attribut de l'élément |
Le contexte devient requis lorsque les éléments partagent une cohorte, une géographie, une base monétaire, un plan ou une méthodologie qui ne peut pas tenir avec précision dans chaque étiquette. Une source ou une période commune peut être rendue une seule fois lorsqu’elle s’applique identiquement à chaque élément et que le balisage l’associe toujours au groupe. Le modèle de contenu canonique doit néanmoins conserver la source et la période sur chaque élément afin qu’une réutilisation ne puisse pas détacher une valeur de ses preuves.
Syntaxe et exemples de code
Les trois implémentations doivent préserver l’ordre des éléments et les quatre champs requis par élément : valeur, étiquette, source et période. Ces exemples sont un contenu illustratif et non une affirmation sur une organisation.
Directive Markdown portable
:::stat-band{heading="Performance du support" context="Tous les niveaux de priorité"}
- value: "12 min"
label: "Délai médian de première réponse"
source: "Export support"
period: "2026-01-01/2026-06-30"
- value: "94%"
label: "Tickets résolus dans le SLA"
source: "Export support"
period: "2026-01-01/2026-06-30"
- value: "4.7/5"
label: "Satisfaction client"
source: "Enquête post-résolution"
period: "2026-01-01/2026-06-30"
:::
Shortcode Hugo
L’assistant statgrid existant accepte un élément par ligne délimité par des pipes : valeur, étiquette et URL source optionnelle. Jusqu’à ce qu’un moteur de rendu dédié expose la période et la source comme champs séparés, incluez les deux visiblement dans l’étiquette et n’omettez ni l’un ni l’autre :
{{< statgrid >}}
12 min | Délai médian de première réponse · Export support · Jan–Jun 2026
94 % | Tickets résolus dans le SLA · Export support · Jan–Jun 2026
4.7/5 | Satisfaction client · Enquête post-résolution · Jan–Jun 2026
{{< /statgrid >}}
Ce mappage est acceptable pour l’affichage mais pas idéal pour la validation machine car trois significations partagent une seule chaîne d’étiquette. Un futur moteur de rendu typé devrait implémenter les champs canoniques ci-dessus sans changer le sens rédigé.
Bloc ou shortcode WordPress
[stat_band heading="Performance du support" context="Tous les niveaux de priorité"]
[stat value="12 min" label="Délai médian de première réponse" source="Export support" period="2026-01-01/2026-06-30"]
[stat value="94%" label="Tickets résolus dans le SLA" source="Export support" period="2026-01-01/2026-06-30"]
[stat value="4.7/5" label="Satisfaction client" source="Enquête post-résolution" period="2026-01-01/2026-06-30"]
[/stat_band]
Un bloc WordPress personnalisé peut présenter les mêmes champs sous forme de contrôles de formulaire. Il doit les afficher sous forme de texte réel, préserver les liens sources et maintenir un ordre de lecture cohérent lorsque les styles sont désactivés.
Exemples
Bon : trois chiffres complémentaires et encadrés
12 min — délai médian de première réponse ; Export support ; janvier–juin 2026
94 % — tickets résolus dans le SLA ; Export support ; janvier–juin 2026
4.7/5 — satisfaction client ; Enquête post-résolution ; janvier–juin 2026
Cela fonctionne car chaque valeur répond à une question opérationnelle différente, inclut son unité, identifie ses preuves et indique quand l’activité a eu lieu. La même période facilite la comparaison, tandis que la source d’enquête distincte distingue honnêtement les données de sentiment des données du système de tickets.
Mauvais : chiffres impressionnants sans cadre
12 — Temps de réponse
94 % — Taux de réussite
4.7 — Score client
2× — Plus rapide
#1 — Meilleur service
Cela échoue même si les valeurs étaient copiées d’un rapport interne valide. « 12 » n’a pas d’unité. « Taux de réussite » n’a ni numérateur ni dénominateur. Le score n’a pas d’échelle. « 2× plus rapide » manque de référence, et « #1 » manque de catégorie et d’ensemble de comparaison. Aucun ne nomme une source ou une période. Cinq éléments de poids égal cachent également quel résultat importe le plus. La correction n’est pas d’ajouter de petites notes de bas de page aux cinq ; il faut sélectionner les trois mesures pertinentes pour la décision, rétablir leurs définitions et attacher des preuves à chacune.
Balisage Schema et accessibilité
Une bande de statistiques n’a pas de type Schema.org dédié. Elle reste normalement un contenu visible dans un Article, Report, Dataset, Organization ou une autre entité de niveau page valide. Une page de recherche peut mapper des champs vérifiés tels que la couverture temporelle d’un jeu de données ou des variables mesurées dans le balisage Dataset, mais la présence visuelle d’un nombre ne crée pas d’éligibilité. N’inventez pas de propriété StatBand, Statistic, d’évaluation, de récompense ou de performance.
Les données structurées ne doivent jamais être plus spécifiques que l’affirmation visible. Si la tuile indique « 4,7/5 satisfaction client », le balisage ne peut pas le réinterpréter silencieusement comme un aggregateRating de produit à moins que la page ne fournisse également la population d’évaluation requise, la méthode et le sujet éligible. La valeur par défaut la plus sûre est l’absence de schéma au niveau de l’élément.
Pour l’accessibilité, affichez chaque élément comme un groupe de texte cohérent dans l’ordre du DOM. La valeur doit être lue avec son étiquette avant la source et la période. N’utilisez pas de texte généré par CSS pour les unités, car les technologies d’assistance pourraient le manquer. N’encodez pas la performance positive ou négative uniquement par du vert et du rouge. Si une flèche indique une direction, incluez du texte tel que « hausse de 8 points de pourcentage ». Les liens sources nécessitent des noms accessibles descriptifs, et un lien « Source » répété doit exposer le nom réel de la publication ou du jeu de données.
La bande doit se réorganiser plutôt que rétrécir. Sur les largeurs étroites, les éléments s’empilent dans le même ordre éditorial. Les grands chiffres nécessitent toujours un contraste suffisant, mais les preuves de support ne doivent pas devenir illisibles. Le conteneur n’est pas une alerte, une région live, une liste de boutons ou une cible clavier, sauf s’il inclut de véritables contrôles interactifs — ce que la forme éditoriale ne devrait pas faire.
Règles d’écriture
Le lecteur accorde à un grand nombre plus d’autorité qu’à une phrase dans un corps de texte ordinaire. Cela fait de la retenue une exigence de contenu. Utilisez trois chiffres par défaut, deux pour une paire délibérée, et quatre uniquement lorsque chacun ajoute une dimension distincte. Ne publiez jamais cinq chiffres ou plus sous forme de bande de statistiques.
Rédigez la valeur aussi compacte que l’exactitude le permet : normalement 1 à 12 caractères, unité incluse. Utilisez des chiffres, conservez la précision décimale significative et maintenez l’unité attachée : « 12 min », « 94 % », « 2,4 M€ » ou « 4,7/5 ». N’arrondissez pas une valeur simplement pour que la tuile paraisse plus nette si l’arrondi en modifie l’interprétation. Ne mélangez pas le changement en pourcentage avec le changement en points de pourcentage ; écrivez le bon terme dans l’étiquette ou le qualificatif.
Les étiquettes doivent comporter deux à dix mots et nommer la chose mesurée, pas la louer. « Tickets résolus dans le SLA » est vérifiable. « Performance de service exceptionnelle » est un brouillard promotionnel. Indiquez le dénominateur là où un lecteur raisonnable pourrait le mal comprendre : « 32 % des URL auditées », pas « 32 % conformes ». Définissez les abréviations peu familières avant la bande ou écrivez-les en toutes lettres dans l’étiquette.
Chaque élément a besoin d’une source et d’une période car les nombres se périment à des rythmes différents et peuvent provenir de systèmes différents. Utilisez la période d’observation — « janvier–juin 2026 » — plutôt que la date de publication. Pour un inventaire, un effectif, un prix ou un autre instantané, utilisez « au 30 juin 2026 ». Pour une prévision, mettez « projeté » dans l’étiquette et identifiez le modèle ou le plan comme source.
La bande ne doit jamais contenir un superlatif non sourcé, un fragment de témoignage, un bouton, une longue note méthodologique, un graphique, une seconde bande imbriquée, ou un nombre dont la qualification inverse son sens apparent. N’utilisez pas d’effets de comptage animés : ils retardent la compréhension, peuvent distraire les lecteurs et exposent des valeurs intermédiaires qui ne sont pas des affirmations. Placez les méthodes détaillées et les citations immédiatement sous la bande ou dans le bloc de sources de la page, tout en conservant un nom de source et une période visibles sur chaque tuile.
Types d’articles qui l’utilisent
Le postTypes dans le frontmatter est la relation lisible par machine. Le tableau ci-dessous définit quand et où chaque type d’article enregistré utilise l’élément.
| Type d'article | Utilisation | Position préférée | Règle de sélection |
|---|---|---|---|
| Recherche originale | Recommandé | Après que le périmètre et l'échantillon sont définis ; avant les résultats détaillés | Sélectionnez les résultats qui expriment le mieux la réponse centrale de l'étude, pas simplement les valeurs les plus élevées. |
| Compilation de statistiques | Optionnel | Après l'introduction du sujet et la règle d'inclusion | À utiliser uniquement lorsque les chiffres partagent un cadre cohérent ; ne dupliquez pas les premiers éléments de la compilation. |
| Rapport de référence | Recommandé | Après la cohorte, la géographie et la période | Incluez les mesures de référence les plus utiles pour l'orientation, avec cohorte et période visibles. |
| Étude de cas | Recommandé lorsque les résultats sont mesurés | Après la situation et l'intervention ; avant le récit des résultats | Utilisez des mesures de résultats vérifiées et conservez la référence, la fenêtre temporelle et les limites d'attribution. |
| Profil d'entreprise | Optionnel | Après l'identité et le périmètre d'activité | Utilisez des faits opérationnels actuels et attribuables ; ne sous-entendez pas une approbation ou une qualité à partir de la seule taille. |
Liste de vérification QA
- La bande contient deux à quatre chiffres, avec trois utilisés sauf si le contenu justifie un autre nombre.
- Chaque chiffre est central pour la conclusion de la page et ajoute une dimension distincte.
- Chaque valeur inclut son unité, son échelle, son signe ou son dénominateur de ratio le cas échéant.
- Chaque étiquette nomme un fait mesurable plutôt qu’un avantage, un superlatif ou une métrique vague de « succès ».
- Chaque élément identifie sa source, même lorsqu’une note de source commune apparaît également sous la bande.
- Chaque élément indique la période d’observation ou une date ponctuelle exacte.
- La cohorte, la géographie, la base monétaire, le plan et l’ensemble de comparaison sont visibles partout où nécessaire à l’interprétation.
- Les prévisions et objectifs sont explicitement étiquetés et ne peuvent pas être confondus avec des résultats observés.
- La bande est précédée de suffisamment de contexte pour rendre les chiffres compréhensibles et suit une analyse détaillée.
- Elle n’est pas placée à côté d’un autre module à forte emphase de données, témoignage, prix ou conversion.
- Elle ne duplique pas un graphique ou un tableau voisin sans ajouter un objectif de résumé distinct.
- Les valeurs, étiquettes, sources et périodes sont en texte réel et restent connectées dans l’ordre du document.
- Les unités ne sont pas fournies uniquement via CSS, icônes, couleur, survol ou animation.
- La disposition sur écran étroit préserve l’ordre éditorial, la lisibilité et les limites des éléments.
- Les données structurées utilisent uniquement des types de page valides et ne revendiquent aucune évaluation, récompense ou propriété que les preuves ne soutiennent pas.
- Les versions Markdown portable, Hugo et WordPress préservent les mêmes valeurs et la même provenance.
- Tous les commentaires de capture d’écran restent des instructions de capture non rendues jusqu’à ce que les ressources nommées existent.
FAQ
Combien de chiffres une bande de statistiques doit-elle contenir ?
Utilisez trois par défaut. Deux fonctionnent lorsqu’ils forment une paire pertinente, et quatre sont le maximum. Un cinquième chiffre est la preuve que le contenu a besoin de priorisation ou d’un format différent.
Chaque chiffre a-t-il besoin de sa propre source ?
Oui. Une note visible commune peut couvrir tous les éléments lorsqu’ils utilisent un seul jeu de données, mais le modèle de contenu doit toujours associer cette source à chaque valeur afin que l’extraction ou la réutilisation ne puisse pas les séparer.
Qu’est-ce qui constitue une période de référence ?
Utilisez l’intervalle au cours duquel l’activité mesurée a eu lieu, comme « janvier–juin 2026 » ou « T2 2026 ». Pour un instantané, écrivez une date exacte « au ». Une date de publication de page indique seulement aux lecteurs quand l’article est paru.
La bande peut-elle contenir des projections ou des objectifs ?
Oui, lorsque l’étiquette indique explicitement « projeté », « prévision » ou « objectif » et que la source identifie le modèle, le plan ou le responsable. Conservez les résultats observés et les estimations futures dans des bandes séparées ou étiquetez la distinction sur chaque élément.
Une bande de statistiques a-t-elle besoin d’un balisage Schema.org ?
Généralement non. Restez dans le schéma de la page englobante. Associez des valeurs à des propriétés structurées uniquement lorsque le sujet, la propriété, la méthodologie et les preuves se qualifient indépendamment ; la seule emphase visuelle ne crée aucun droit au schéma.
Plus de tutoriels dans cette section
Prêt à le mettre en pratique ?
Vérification gratuite · Essai de 7 jours · sans carte de crédit