Faixa de Estatísticas: Números-Chave com Fontes e Períodos
Construa uma faixa de estatísticas que torne os números-chave fáceis de escanear e extrair, com uma fonte e período para cada figura, rótulos claros e limites rigorosos de itens para foco.
Uma faixa de estatísticas é uma linha compacta de duas a quatro figuras principais, cada uma emparelhada com um rótulo, fonte e período de referência. Sua função é expor os poucos números que enquadram a página — não comprimir um conjunto de dados inteiro em blocos decorativos.
Os valores acima são um exemplo ilustrativo de equipe de suporte, não alegações sobre a AmICited ou uma empresa real. A fonte e o período permanecem visíveis porque um exemplo deve modelar o contrato de produção, em vez de ensinar os leitores a adicionar evidências depois.
Por que este elemento é importante
Os leitores notam números grandes antes de ler os parágrafos ao redor. Uma boa faixa de estatísticas usa essa atenção para estabelecer escala, mudança ou resultado em segundos. Três figuras fortes criam um modelo mental simples: velocidade de resposta, confiabilidade do serviço e reação do cliente. Oito figuras mais fracas criam um problema de escaneamento. Elas competem com o mesmo peso visual, forçam o leitor a decidir quais importam e transformam ênfase em ruído.
A faixa funciona porque reduz o esforço de seleção, não porque uma tipografia grande torna uma alegação mais persuasiva. Cada número deve responder a uma pergunta importante diferente. Se dois blocos dizem essencialmente a mesma coisa — por exemplo, “94% resolvidos dentro do SLA” e “6% perderam o SLA” — um deles desperdiça o espaço limitado. Se uma figura é impressionante, mas irrelevante para a conclusão da página, sua proeminência engana em vez de ajudar.
A extraibilidade por máquina é a capacidade de um crawler, sistema de busca ou mecanismo de resposta de IA de reter a relação entre um valor e o que ele mede. “94%” sozinho é inutilizável. “94% dos tickets de suporte resolvidos dentro do SLA, Exportação de suporte, janeiro–junho de 2026” é uma alegação delimitada: valor, métrica, fonte e período de tempo permanecem conectados. Uma faixa de estatísticas deve expor essas relações como texto na ordem do documento, não incorporá-las em uma imagem ou montá-las somente após a execução de JavaScript.
É também por isso que o elemento tipificado tem precedência sobre texto livre visualmente semelhante. De acordo com as regras de escrita de elementos , uma passagem cujo propósito é apresentar um pequeno conjunto de figuras principais deve usar a estrutura de faixa de estatísticas. Três parágrafos em negrito podem parecer semelhantes, mas não fornecem limites de item estáveis, campos ou ganchos de validação para fontes e períodos.
Quando usar
Use uma faixa de estatísticas quando duas a quatro figuras resumem a evidência central da página e podem ser compreendidas sem ler uma seção de metodologia primeiro. Figuras adequadas incluem um resultado mensurado, mudança de linha de base para atual, tamanho de mercado, contagem de coorte, mediana, taxa, duração ou fato operacional pontual. A faixa é especialmente útil quando as figuras respondem a perguntas complementares em vez de repetir uma conclusão.
A evidência deve existir antes da faixa ser projetada. Um bom teste de seleção é: se um leitor copiasse apenas estas figuras, cada uma permaneceria precisa, adequadamente qualificada e representativa da página? Se não, mantenha o número em prosa ou em uma exibição de dados detalhada onde sua ressalva possa acompanhá-lo.
Casos de quase-acerto são comuns:
- Uma fileira de benefícios do produto: “Mais rápido”, “mais simples” e “mais inteligente” são alegações, não estatísticas. Use texto de benefício apoiado por evidências.
- Um dashboard de KPI: o monitoramento operacional ao vivo precisa de timestamps, tendências, filtros e lógica de status. Uma faixa editorial estática não pode substituí-lo.
- Um resumo estatístico: média, mediana, intervalo, tamanho da amostra e intervalo de confiança geralmente pertencem a uma tabela ou gráfico porque a relação entre eles é importante.
- Uma lista de oito números: o leitor não consegue distinguir descobertas principais de dados de suporte. Selecione os três que sustentam a conclusão e mova o restante para a análise.
- Uma alegação de marketing não verificada: a proeminência visual aumenta o custo da ambiguidade. Remova a alegação até que sua fonte, denominador e período sejam conhecidos.
- Um número único: uma figura geralmente pertence a uma frase, destaque ou anotação de gráfico. Use uma faixa apenas quando pelo menos dois valores formam um conjunto significativo.
Onde posicionar
A posição faz parte da alegação. Em uma página de pesquisa ou benchmark, coloque a faixa após a introdução ter definido o assunto, a população e o período, e antes das descobertas detalhadas. Em um estudo de caso, coloque-a após a situação e a intervenção estarem claras; caso contrário, os leitores podem atribuir um resultado ao ponto de partida ou ação errada. Em um perfil de empresa, coloque-a após a identidade e o escopo estarem estabelecidos.
Uma faixa pode aparecer perto do topo apenas quando todos os itens são compreensíveis de forma independente e a página fornece imediatamente metodologia ou contexto abaixo. Ela não deve substituir a resposta direta, o resumo da pesquisa ou a explicação do que mudou. É uma prévia da evidência, não o argumento completo.
Não coloque uma faixa de estatísticas diretamente ao lado de outra faixa de estatísticas, um gráfico mostrando os mesmos números, uma tabela de preços, um carrossel de depoimentos ou uma chamada para ação de alta ênfase. Dois módulos igualmente chamativos competem pela atenção; figuras duplicadas também fazem os leitores se perguntarem qual versão é a atual. Mantenha pelo menos um parágrafo explicativo entre a faixa e outra exibição densa de dados. Não separe a faixa de sua metodologia compartilhada ou nota de fonte com um anúncio, formulário de inscrição ou imagem não relacionada.
Anatomia
A captura identificada deve命名 sete regiões funcionais:
- Valor: o número observado, incluindo um sinal quando a direção da mudança importa.
- Unidade: percentual, moeda, duração, contagem, pontuação, proporção ou outra medida explícita.
- Rótulo da métrica: o que foi medido, incluindo o denominador quando houver possibilidade de ambiguidade.
- Fonte: o conjunto de dados, sistema, pesquisa, arquivo ou publicação nomeada por trás daquele item.
- Período de referência: quando a atividade subjacente ocorreu, ou uma data exata “em” para um instantâneo.
- Contexto do grupo: um título ou frase opcional definindo coorte, geografia, plano ou cenário uma vez para a faixa.
- Limite do item: o contêiner semântico que mantém cada valor vinculado ao seu próprio rótulo e evidência.
O valor deve liderar visualmente, mas a fonte e o período não podem ficar ocultos atrás de hover, tooltip ou ícone. Eles podem usar tipografia mais sutil, não tipografia ausente.
Exemplos de design
O sistema de design suporta quatro variantes de conteúdo. Cada uma mantém os mesmos campos semânticos e regras de evidência; apenas a contagem de itens e a forma do valor mudam.
Faixa padrão de três itens: o padrão. Use três figuras distintas que juntas estabelecem o resultado principal da página. Peso visual igual é apropriado quando nenhuma figura única é o resultado primário explícito.
Par de dois itens: use para uma comparação significativa, como linha de base e atual, ou organização e benchmark. Os rótulos devem declarar a relação; a proximidade física sozinha não deve implicar qual período ou coorte cada bloco representa.
Máximo de quatro itens: use apenas quando todas as quatro figuras respondem a perguntas distintas relevantes para decisão. Os rótulos precisam ser mais curtos porque o layout é mais denso. Um quinto item move o conteúdo para uma tabela, gráfico ou seção de descobertas.
Faixa responsiva de unidades mistas: percentuais, durações, contagens e pontuações podem coexistir quando seus rótulos são explícitos. Em telas estreitas, os blocos empilham na ordem do documento; a unidade permanece com seu valor e a evidência permanece com seu item.
Não existe variante “mínima sem fonte”. Remover fontes ou períodos não é uma escolha de design porque transforma uma medição delimitada em uma alegação ambígua.
Parâmetros
O contrato separa o valor visível de seu significado e proveniência para que um renderizador possa preservar cada relação entre plataformas.
| Nome | Tipo | Obrigatório | Mín/máx | Padrão | Fonte |
|---|---|---|---|---|---|
| heading | String simples | Não | 3–10 palavras; 70 caracteres | Sem título | Atributo ou primeiro título |
| context | String simples | Condicional | 0–30 palavras | Nenhum | Atributo |
| items | Lista ordenada de itens | Sim | 2–4 itens | 3 itens | Corpo |
| value | String simples | Sim | 1–12 caracteres | Nenhum | Corpo do item |
| label | String simples | Sim | 2–10 palavras; 70 caracteres | Nenhum | Corpo do item |
| source | String simples mais URL opcional | Sim | Uma fonte identificável por item | Nenhum | Atributo do item |
| period | Data, intervalo de data ou string de período | Sim | Um período exato por item | Nenhum | Atributo do item |
| qualifier | String simples | Não | 0–12 palavras | Nenhum | Atributo do item |
O contexto torna-se obrigatório quando os itens compartilham um coorte, geografia, base monetária, plano ou metodologia que não cabe com precisão em cada rótulo. Uma fonte ou período compartilhado pode ser renderizado uma vez apenas quando se aplica identicamente a todos os itens e a marcação ainda o associa ao grupo. O modelo de conteúdo canônico deve, no entanto, reter fonte e período em cada item para que a reutilização não possa desvincular um valor de sua evidência.
Sintaxe e exemplos de código
Todas as três implementações devem preservar a ordem dos itens e os quatro campos obrigatórios do item: valor, rótulo, fonte e período. Estes exemplos são conteúdo ilustrativo, não uma alegação sobre uma organização.
Diretiva Markdown portátil
:::stat-band{heading="Desempenho do suporte" context="Todos os níveis de prioridade"}
- value: "12 min"
label: "Mediana do primeiro atendimento"
source: "Exportação de suporte"
period: "2026-01-01/2026-06-30"
- value: "94%"
label: "Tickets resolvidos dentro do SLA"
source: "Exportação de suporte"
period: "2026-01-01/2026-06-30"
- value: "4.7/5"
label: "Satisfação do cliente"
source: "Pesquisa pós-resolução"
period: "2026-01-01/2026-06-30"
:::
Shortcode Hugo
O auxiliar statgrid existente aceita um item por linha delimitado por pipe: valor, rótulo e URL de fonte opcional. Até que um renderizador dedicado exponha período e fonte como campos separados, inclua ambos visivelmente no rótulo e não omita nenhum:
{{< statgrid >}}
12 min | Mediana do primeiro atendimento · Exportação de suporte · Jan–Jun 2026
94% | Tickets resolvidos dentro do SLA · Exportação de suporte · Jan–Jun 2026
4.7/5 | Satisfação do cliente · Pesquisa pós-resolução · Jan–Jun 2026
{{< /statgrid >}}
Este mapeamento é aceitável para exibição, mas não é ideal para validação por máquina porque três significados compartilham uma string de rótulo. Um renderizador tipificado futuro deve implementar os campos canônicos acima sem alterar o significado do autor.
Bloco WordPress ou shortcode
[stat_band heading="Desempenho do suporte" context="Todos os níveis de prioridade"]
[stat value="12 min" label="Mediana do primeiro atendimento" source="Exportação de suporte" period="2026-01-01/2026-06-30"]
[stat value="94%" label="Tickets resolvidos dentro do SLA" source="Exportação de suporte" period="2026-01-01/2026-06-30"]
[stat value="4.7/5" label="Satisfação do cliente" source="Pesquisa pós-resolução" period="2026-01-01/2026-06-30"]
[/stat_band]
Um bloco WordPress personalizado pode apresentar os mesmos campos como controles de formulário. Ele deve renderizá-los como texto real, preservar links de fonte e manter a ordem de leitura sensata quando os estilos estão desabilitados.
Exemplos
Bom: três figuras complementares e delimitadas
12 min — mediana do primeiro atendimento; Exportação de suporte; janeiro–junho de 2026
94% — tickets resolvidos dentro do SLA; Exportação de suporte; janeiro–junho de 2026
4.7/5 — satisfação do cliente; Pesquisa pós-resolução; janeiro–junho de 2026
Isso funciona porque cada valor responde a uma pergunta operacional diferente, inclui sua unidade, identifica sua evidência e informa quando a atividade ocorreu. O mesmo período facilita a comparação, enquanto a fonte separada da pesquisa distingue honestamente dados de sentimento de dados do sistema de tickets.
Ruim: números impressionantes sem delimitações
12 — Tempo de resposta
94% — Taxa de sucesso
4.7 — Pontuação do cliente
2× — Mais rápido
#1 — Melhor serviço
Isso falha mesmo que os valores tenham sido copiados de um relatório interno válido. “12” não tem unidade. “Taxa de sucesso” não tem numerador ou denominador. A pontuação não tem escala. “2× mais rápido” não tem linha de base, e “#1” não tem categoria e conjunto de comparação. Nenhum nomeia uma fonte ou período. Cinco itens de igual peso também ocultam qual resultado é mais importante. A correção não é adicionar notas de rodapé menores a todos os cinco; é selecionar as três medidas relevantes para a decisão, restaurar suas definições e anexar evidência a cada uma.
Marcação Schema e acessibilidade
Uma faixa de estatísticas não tem um tipo Schema.org dedicado. Normalmente, permanece como conteúdo visível dentro de um Article, Report, Dataset, Organization ou outra entidade válida de nível de página. Uma página de pesquisa pode mapear campos verificados, como cobertura temporal de um conjunto de dados ou variáveis medidas, para a marcação Dataset, mas a presença visual de um número não cria elegibilidade. Não invente uma propriedade StatBand, Statistic, classificação, prêmio ou desempenho.
Os dados estruturados nunca devem ser mais específicos do que a alegação visível. Se o bloco diz “4.7/5 satisfação do cliente,” a marcação não pode reinterpretá-lo silenciosamente como um aggregateRating de produto, a menos que a página também forneça a população de avaliação, método e assunto elegível exigidos. O padrão mais seguro é nenhum esquema de nível de elemento.
Para acessibilidade, renderize cada item como um grupo de texto coerente na ordem do DOM. O valor deve ser lido com seu rótulo antes da fonte e do período. Não use texto gerado por CSS para unidades, porque a tecnologia assistiva pode perdê-lo. Não codifique desempenho positivo ou negativo apenas através de verde e vermelho. Se uma seta mostra direção, inclua texto como “subiu 8 pontos percentuais.” Links de fonte precisam de nomes acessíveis descritivos, e um link “Fonte” repetido deve expor o nome real da publicação ou conjunto de dados.
A faixa deve ser refluída em vez de encolhida. Em larguras estreitas, os itens empilham na mesma ordem editorial. Numerais grandes ainda exigem contraste suficiente, mas a evidência de suporte não pode se tornar ilegivelmente pequena. O contêiner não é um alerta, região ativa, lista de botões ou alvo de teclado, a menos que inclua controles interativos genuínos — o que a forma editorial não deve fazer.
Regras de escrita
O leitor concede a um número grande mais autoridade do que a uma frase em texto corrido comum. Isso torna a moderação um requisito de conteúdo. Use três figuras por padrão, duas para um par deliberado e quatro apenas quando cada uma adiciona uma dimensão distinta. Nunca publique cinco ou mais como uma faixa de estatísticas.
Escreva o valor de forma tão compacta quanto a precisão permitir: normalmente 1–12 caracteres, incluindo sua unidade. Use numerais, preserve a precisão decimal significativa e mantenha a unidade anexada: “12 min,” “94%,” “€2,4mi” ou “4.7/5.” Não arredonde um valor apenas para fazer o bloco parecer mais limpo se o arredondamento alterar sua interpretação. Não misture mudança percentual com mudança de ponto percentual; escreva a correta no rótulo ou qualificador.
Os rótulos devem ter de duas a dez palavras e nomear o que foi medido, não elogiá-lo. “Tickets resolvidos dentro do SLA” é testável. “Desempenho de serviço excepcional” é névoa promocional. Informe o denominador quando um leitor razoável puder interpretá-lo erroneamente: “32% das URLs auditadas,” não “32% em conformidade.” Defina abreviações desconhecidas antes da faixa ou escreva-as por extenso no rótulo.
Cada item precisa de uma fonte e período porque os números decaem em taxas diferentes e podem vir de sistemas diferentes. Use o período de observação — “janeiro–junho de 2026” — em vez da data de publicação. Para inventário, contagem de funcionários, preço ou outro instantâneo, use “em 30 de junho de 2026.” Para uma previsão, coloque “projetado” no rótulo e identifique o modelo ou plano como a fonte.
A faixa nunca deve conter um superlativo sem fonte, um fragmento de depoimento, um botão, uma nota metodológica longa, um gráfico, uma segunda faixa aninhada ou um número cuja qualificação reverta seu significado aparente. Não use efeitos animados de contagem: eles atrasam a compreensão, podem distrair leitores e expõem valores intermediários que não são alegações. Coloque métodos detalhados e citações imediatamente abaixo da faixa ou no bloco de fontes da página, mantendo um nome de fonte e período visíveis em cada bloco.
Tipos de post que a utilizam
O frontmatter postTypes é a relação legível por máquina. A tabela abaixo define quando e onde cada tipo de post registrado usa o elemento.
| Tipo de post | Uso | Posição preferida | Regra de seleção |
|---|---|---|---|
| Pesquisa original | Recomendado | Após o escopo e a amostra serem definidos; antes das descobertas detalhadas | Selecione as descobertas que melhor expressam a resposta central do estudo, não meramente os maiores valores. |
| Compilação de estatísticas | Opcional | Após a introdução do tópico e a regra de inclusão | Use apenas quando as figuras compartilham um quadro coerente; não duplique os primeiros itens da compilação. |
| Relatório de benchmark | Recomendado | Após coorte, geografia e período | Inclua as medidas de benchmark mais úteis para orientação, com coorte e período visíveis. |
| Estudo de caso | Recomendado quando os resultados são mensurados | Após a situação e a intervenção; antes da narrativa de resultados | Use medidas de resultado verificadas e retenha a linha de base, janela de tempo e limites de atribuição. |
| Perfil de empresa | Opcional | Após identidade e escopo operacional | Use fatos operacionais atuais e atribuíveis; não implique endosso ou qualidade a partir do tamanho apenas. |
Lista de verificação de QA
- A faixa contém duas a quatro figuras, com três usadas a menos que o conteúdo justifique outra contagem.
- Cada figura é central para a conclusão da página e adiciona uma dimensão distinta.
- Cada valor inclui sua unidade, escala, sinal ou denominador de proporção quando aplicável.
- Cada rótulo nomeia um fato mensurável em vez de um benefício, superlativo ou métrica vaga de “sucesso”.
- Cada item identifica sua fonte, mesmo quando uma nota de fonte compartilhada também aparece abaixo da faixa.
- Cada item informa o período de observação ou uma data exata pontual.
- Coorte, geografia, base monetária, plano e conjunto de comparação estão visíveis sempre que necessários para interpretação.
- Previsões e metas são explicitamente identificadas e não podem ser confundidas com resultados observados.
- A faixa segue contexto suficiente para tornar as figuras compreensíveis e precede a análise detalhada.
- Ela não está ao lado de outro módulo de alta ênfase de dados, depoimento, preço ou conversão.
- Ela não duplica um gráfico ou tabela próximo sem adicionar um propósito de resumo distinto.
- Valores, rótulos, fontes e períodos são texto real e permanecem conectados na ordem do documento.
- As unidades não são fornecidas apenas através de CSS, ícones, cor, hover ou animação.
- O layout em tela estreita preserva a ordem editorial, o tipo legível e os limites do item.
- Dados estruturados usam apenas tipos válidos de nível de página e não reivindicam classificação, prêmio ou propriedade que a evidência não suporte.
- As versões Markdown portátil, Hugo e WordPress preservam os mesmos valores e proveniência.
- Todos os comentários de screenshot permanecem instruções de captura não renderizadas até que os ativos nomeados existam.
FAQ
Quantas figuras uma faixa de estatísticas deve conter?
Use três por padrão. Duas funcionam quando formam um par significativo, e quatro são o máximo. Uma quinta figura é evidência de que o conteúdo precisa de priorização ou de um formato diferente.
Cada figura precisa de sua própria fonte?
Sim. Uma nota visível compartilhada pode cobrir todos os itens quando usam um conjunto de dados, mas o modelo de conteúdo ainda deve associar essa fonte a cada valor para que a extração ou reutilização não possa separá-los.
O que conta como período de referência?
Use o intervalo no qual a atividade medida ocorreu, como “janeiro–junho de 2026” ou “T2 2026.” Para um instantâneo, escreva uma data exata “em.” A data de publicação da página apenas informa aos leitores quando o artigo apareceu.
A faixa pode conter projeções ou metas?
Sim, quando o rótulo diz explicitamente “projetado,” “previsto” ou “meta” e a fonte identifica o modelo, plano ou responsável. Mantenha resultados observados e estimativas futuras em faixas separadas ou identifique a distinção em cada item.
Uma faixa de estatísticas precisa de marcação Schema.org?
Geralmente não. Mantenha-a dentro do esquema da página que a envolve. Mapeie valores para propriedades estruturadas apenas quando o assunto, propriedade, metodologia e evidência se qualificarem independentemente; a ênfase visual sozinha não cria direito a esquema.
Mais tutoriais nesta seção
Pronto para colocar em prática?
Verificação gratuita · Teste de 7 dias · sem cartão de crédito