Categoria: Desenvolvimento

Verificador de Estrutura de Títulos HTML

Ideia nossaFalta uma ferramenta?

Esboce os títulos de H1 a H6 e sinalize problemas estruturais

Cole HTML para ver seus títulos de H1 a H6 como um esboço do documento, e sinalize H1 ausente, múltiplos H1s, níveis de título pulados e títulos vazios. Funciona totalmente no seu navegador.

Contagem de H11Problemas2
Esboço de títulos
  • H1 How local browser tools work
  • H2 Why run tools in the browser
  • H4 A skipped level
  • H2 Another section
  • H3 (título vazio)
Problemas
  • Um título H3 não tem texto.
  • O nível do título salta de H2 para H4, pulando um nível.

Tudo nesta página é processado no seu navegador. Nada é enviado.

Para que serve

Tanto leitores de tela quanto mecanismos de busca dependem dos níveis de título para entender a estrutura de uma página, então um H1 ausente, dois H1s concorrentes ou um salto direto de H2 para H4 podem tornar uma página bem escrita mais difícil de navegar. Esta ferramenta extrai cada título do HTML colado na ordem do documento, mostra-o como um esboço indentado e sinaliza os problemas estruturais que são fáceis de introduzir por acidente ao editar um template.

Como usar

  1. Cole o HTML de uma página ou artigo na caixa de entrada.
  2. Revise o esboço de títulos para confirmar que corresponde à estrutura pretendida da página.
  3. Corrija quaisquer problemas sinalizados, como um H1 ausente ou um nível de título pulado.

Privacidade

Esta ferramenta roda inteiramente no seu navegador. O que você digita nunca é enviado, salvo ou compartilhado — fechar a aba já remove tudo.

Perguntas frequentes

Meu HTML é enviado para algum lugar?
Não. O documento é apenas lido como texto por um tokenizador na aba do seu navegador; nada é renderizado ou enviado a um servidor.
Por que um nível de título pulado é importante?
Usuários de tecnologia assistiva costumam navegar pulando entre títulos de um determinado nível; um salto de H2 direto para H4 pode dar a impressão de que uma seção foi pulada ou tornar a estrutura confusa de seguir.
Um atributo alt vazio é o mesmo que um título vazio?
Não, são coisas diferentes. Um título vazio, como um <h3></h3> sem texto, é sempre um erro e é sinalizado como tal aqui; um atributo alt vazio em uma imagem é um padrão diferente, e muitas vezes intencional, abordado pelo Auditor de Texto Alternativo de Imagens.