Categoria: Desenvolvimento
Verificador de Estrutura de Títulos HTML
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.
H1How local browser tools workH2Why run tools in the browserH4A skipped levelH2Another sectionH3(título vazio)
- 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
- Cole o HTML de uma página ou artigo na caixa de entrada.
- Revise o esboço de títulos para confirmar que corresponde à estrutura pretendida da página.
- 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.