# Auditor de Hierarquia de Títulos Audita a estrutura de títulos a partir de uma URL ou HTML colado e detecta saltos de nível, múltiplos h1, uso visual indevido de headings e desalinhamento com títulos meta > Página canônica: https://elysiatools.com/pt/tools/heading-hierarchy-auditor - **Categoria:** Validation - **Palavras-chave:** hierarquia de títulos, semântica, html, seo ## Visão geral Cole HTML ou forneça uma URL para inspecionar a semântica dos títulos em vez da ordem visual. O relatório mostra saltos de nível, múltiplos h1, headings usados só para estilo, headings vazios e se o h1 principal se afasta do e do og:title. Como usar: - Entrada HTML: cole a marcação para uma análise estável - URL da página: inspeciona a estrutura publicada - Comparar com títulos meta: confronta o heading principal com \`\` e \`og:title\` - Mostrar sugestões: adiciona um nível recomendado ou substituição por nó O que o relatório destaca: - Árvore visual de h1-h6 - Distribuição de severidade em estilo heatmap - Nível sugerido para cada heading - Múltiplos h1 e saltos de nível - Rótulos de UI disfarçados de heading - Desalinhamento entre h1 e títulos meta</x-turndown> ## Entradas - **Entrada HTML** (textarea): # Pricing ### Plans ## FAQ - **URL da pagina** (text): https://example.com - **Comparar com títulos meta** (checkbox) - **Mostrar correcoes** (checkbox) ## Quando usar - Durante a auditoria de SEO técnico de um site para garantir que a estrutura de cabeçalhos seja lógica e legível para rastreadores. - Ao validar a acessibilidade de novos templates de página antes de publicá-los em produção. - Para verificar se os títulos principais (H1) estão alinhados com as tags de título e Open Graph da página. ## Como funciona - Insira o código HTML bruto no campo de texto ou informe a URL da página que deseja analisar. - Ative as opções para comparar o H1 com os títulos meta (title e og:title) e para exibir sugestões de correção. - Execute a auditoria para gerar uma árvore visual interativa com a distribuição de severidade dos erros encontrados. ## Casos de uso - Identificação de saltos de nível e tags H1 duplicadas em landing pages. - Auditoria rápida de páginas publicadas inserindo diretamente a URL do site. - Correção de elementos de interface (UI) que foram marcados incorretamente como títulos. ## Perguntas frequentes ### O que é um salto de nível na hierarquia de títulos? Ocorre quando a estrutura pula um nível lógico, como passar de um H1 diretamente para um H3 sem um H2 intermediário. ### Por que ter múltiplos H1 pode ser um problema? Embora o HTML5 permita, múltiplos H1 podem diluir o foco semântico da página e confundir leitores de tela ou motores de busca. ### Como a ferramenta compara o H1 com os títulos meta? Ela confronta o texto do primeiro H1 com o conteúdo das tags e og:title para identificar divergências de conteúdo.</x-turndown> ### O que são headings usados apenas para estilo? São elementos de texto curtos ou botões que usam tags H1-H6 apenas para herdar formatação visual, prejudicando a semântica. ### Posso auditar páginas que ainda não estão publicadas? Sim, basta copiar o código HTML gerado no seu ambiente local e colá-lo diretamente no campo de entrada de HTML. ## Ferramentas relacionadas - [Simulador de leitor de tela](https://elysiatools.com/pt/tools/screen-reader-simulation-tester): Simula a ordem de leitura e a semantica falada de um leitor de tela a partir de URL ou HTML - [Extrator de Atributos HTML](https://elysiatools.com/pt/tools/html-attribute-extractor): Extrai atributos especificados (href, src, data-*, etc.) do conteúdo HTML com suporte para filtragem de nomes de tags - [Extrator de Fonte de Imagem](https://elysiatools.com/pt/tools/image-source-extractor): Extraia URLs de imagem (atributos src) do código fonte HTML. Suporta imagens de carregamento lento e atributos srcset. - [Extrator Meta Tags](https://elysiatools.com/pt/tools/meta-tag-extractor): Extrai e analisa meta tags, Open Graph, Twitter Cards e dados estruturados de páginas web - [Removedor de Tags HTML](https://elysiatools.com/pt/tools/new-html-tag-stripper): Remove tags HTML do código e extrai conteúdo de texto limpo - [Extrator de tabelas PDF para CSV/JSON](https://elysiatools.com/pt/tools/pdf-table-extractor-to-csv-json): Extrai tabelas de PDF com OpenDataLoader e exporta em JSON, CSV ou HTML - [Conversor de página web para Markdown](https://elysiatools.com/pt/tools/webpage-to-markdown-converter): Baixe uma página por URL e converta-a em Markdown limpo — títulos, links, listas, código e opcionalmente imagens e tabelas — com limpeza em modo leitura. - [Conversor de fórmulas AsciiMath / LaTeX / MathML](https://elysiatools.com/pt/tools/asciimath-latex-mathml-equation-converter): Converte fórmulas entre AsciiMath, LaTeX e MathML: detecta o formato de entrada e produz LaTeX canônico, MathML de apresentação anotado, retrotradução aproximada para AsciiMath, snippet aria-label para leitores de tela e uma prévia KaTeX. ## Exemplos - [Exemplos Contentful CMS Baseado na Nuvem](https://elysiatools.com/pt/samples/contentful-samples): Exemplos abrangentes do Contentful cobrindo modelagem de conteúdo, integração de API, webhooks e padrões de integração frontend - [Amostras de HTML com Imagens](https://elysiatools.com/pt/samples/html-with-images): Amostras de código fonte HTML com imagens para testar extração - [Exemplos JWT](https://elysiatools.com/pt/samples/jwt-samples): Exemplos completos de JWT da estrutura básica de tokens às implementações de segurança avançadas - [Exemplos Sanity CMS em Tempo Real](https://elysiatools.com/pt/samples/sanity-samples): Exemplos abrangentes do Sanity cobrindo modelagem de conteúdo, integração de API e padrões de implantação