Análise de Estrutura Semântica
Regras semânticas (MDN)
- Use apenas um
<main>por página. - Mantenha um único H1 e respeite a hierarquia de headings (H1 → H2 → H3...).
- Use
<header>,<nav>e<footer>para estrutura global. - Seções e artigos devem ter headings para contextualizar o conteúdo.
- Imagens devem ter
altdescritivo e vídeos devem ter legendas quando possível.
Acessibilidade
Estrutura semântica correta melhora a navegação por leitores de tela e o entendimento do conteúdo.
SEO Técnico
Headings e tags semânticas ajudam o Google a entender a hierarquia e o tema da página.
Padrão MDN
Baseado em boas práticas da documentação do MDN para estrutura HTML semântica.
Como Usar a Análise de Semântica
Informe a URL
Digite a URL completa da página que deseja analisar.
Faça a Análise
A ferramenta varre a estrutura semântica e os elementos HTML.
Revise o Relatório
Veja o score, problemas detectados e sugestões de melhoria.
Otimize a Página
Corrija headings, tags semânticas e mídia para melhorar SEO e acessibilidade.
Perguntas Frequentes (FAQ)
HTML semântico usa tags que descrevem o papel do conteúdo (como <header>, <main>, <article>). Isso melhora a acessibilidade, SEO e manutenção do código.
Um único H1 ajuda a definir o assunto principal da página. Vários H1 podem confundir leitores de tela e rastreadores.
Use tags semânticas corretas, siga a hierarquia de headings, adicione alt em imagens e forneça legendas para vídeos quando possível.