Conte tags, headings, atributos frequentes e problemas comuns de acessibilidade sem renderizar o HTML no navegador.
Quando o HTML cresce, fica fácil perder a noção da estrutura real da página. Esta ferramenta faz uma leitura estrutural do markup: ela usa um parser de HTML para reconstruir a árvore de elementos e então conta quantas tags existem, quais são as mais frequentes, quantos headings há e em que ordem aparecem, além dos atributos mais repetidos. A partir dessa árvore ela também sinaliza problemas comuns de acessibilidade e SEO técnico, como imagens sem atributo alt, links sem href e headings vazios. Tudo isso ajuda a detectar excesso de wrappers, markup inchado e padrões repetidos que prejudicam manutenção, acessibilidade e desempenho. A análise é 100% local: o HTML é apenas parseado, nunca renderizado, então scripts não são executados e nada é enviado a um servidor.
Parsear e renderizar são coisas diferentes. Renderizar significa montar a página, baixar recursos e rodar scripts; parsear é apenas ler o markup e reconstruir a árvore de elementos (o DOM lógico) que ele descreve. Esta ferramenta faz só a segunda parte: ela percorre essa árvore e conta o que encontra, sem nunca inserir o conteúdo na página nem executar um único <script>.
A partir dessa árvore, a ferramenta calcula um conjunto de métricas estruturais que resumem a saúde do markup. Elas mostram, de relance, se a página está inchada de wrappers, se a hierarquia de títulos faz sentido e se há lacunas de acessibilidade que passariam despercebidas ao olhar só o layout.
Exemplo 1, outline de headings quebrado. Se a página pula de um <h1> direto para um <h3>, sem <h2> no meio, o outline mostra o salto. Isso confunde leitores de tela e enfraquece o SEO, porque a hierarquia deixa de comunicar a relação entre as seções. Ver a lista de headings em ordem torna esse tipo de furo óbvio antes de publicar.
Exemplo 2, "div soup" e imagens sem alt. Quando o total de <div> domina a contagem e há poucas tags semânticas (header, main, nav, section), é um sinal de markup inchado e difícil de manter. Ao mesmo tempo, a contagem de imagens sem alt aponta exatamente quais <img> informativas precisam de texto alternativo, um dos itens mais recorrentes em qualquer auditoria de acessibilidade.
A ferramenta serve tanto para páginas inteiras quanto para componentes, fragmentos e templates parciais: em qualquer um deles ela expõe padrões repetitivos e desequilíbrios de estrutura. É um bom passo antes de integrar um template ou revisar um pull request de front-end.
O limite é de escopo: esta é uma leitura estrutural leve, não uma auditoria de SEO ou acessibilidade completa. Ela não avalia title, meta tags, canonicals, contraste, performance ou contexto de conteúdo, e nem todo alerta é um erro, um alt vazio, por exemplo, é correto para imagens puramente decorativas. Toda a análise roda localmente, e o relatório JSON exportado contém apenas o resumo analítico, nunca o seu HTML bruto.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/contador-tags-html"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Contador de Tags HTML"
></iframe>Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
Não. O HTML é apenas parseado para montar a árvore de elementos e contar a estrutura, ele nunca é inserido no DOM da página nem renderizado. Como consequência, qualquer <script> presente no markup é tratado como texto e nunca executado, o que torna seguro colar HTML de terceiros. Toda a análise acontece localmente no seu navegador.
Nenhuma estrutura detectada ainda.
Nenhuma estrutura detectada ainda.
Nenhum heading encontrado no HTML analisado.
Nenhuma imagem sem alt foi detectada.
Nenhum link foi detectado.
A análise estrutural acontece localmente. O HTML não é enviado ao servidor nem renderizado para executar scripts.