Os rótulos H (ou H tags) são marcadores no código HTML de uma página da web usados para definir a hierarquia dos títulos, divididos em seis níveis, de H1 a H6. Quanto menor o número, maior o nível e mais forte a importância. Eles não apenas tornam a estrutura do conteúdo da página clara e legível, mas também afetam diretamente a compreensão do motor de busca sobre o tema da página e o julgamento do ranking.
Para operadores de sites e criadores de conteúdo, as etiquetas H são como o esboço de um artigo — H1 é o título do artigo, H2 são os títulos dos capítulos, H3 são os subtítulos, e assim por diante. Essa estrutura hierárquica não só facilita aos usuários a navegação rápida e a localização de informações, mas também diz aos motores de busca como Google e Baidu "sobre o que esta página está falando e qual conteúdo é mais importante".
Quando os robôs dos motores de busca rastreiam páginas da web, eles leem preferencialmente o texto dentro das etiquetas H para determinar o tema da página. Uma página que usa as etiquetas H de forma razoável permite que os motores de busca entendam rapidamente os pontos importantes do conteúdo, aumentando assim a probabilidade de ser indexada e classificada corretamente.
Por exemplo, um artigo sobre "Como melhorar a velocidade de carregamento de sites" com a etiqueta H1 escrita como "Guia Completo de Otimização de Velocidade de Sites", e H2s como "Técnicas de Compressão de Imagens", "Métodos de Simplificação de Código", "Configuração Acelerada de CDN", os motores de busca saberão claramente que este é um tutorial detalhado sobre otimização de desempenho de sites, em vez de um anúncio de produto ou notícia.
Ao mesmo tempo, as etiquetas H também afetam a experiência do usuário e a acessibilidade da página. Usuários com deficiência visual que usam leitores de tela dependem das etiquetas H para saltar rapidamente para as seções de seu interesse; usuários de dispositivos móveis, ao navegar em telas pequenas, acham que uma hierarquia clara de títulos os ajuda a encontrar rapidamente a informação que desejam, em vez de procurá-la arduamente em um bloco denso de texto.
A etiqueta H1 deve ser o título principal único de toda a página, informando visitantes e motores de busca "qual é o tema central desta página". Um erro comum é usar várias etiquetas H1 na mesma página ou envolver o logotipo do site e o menu de navegação em H1, o que dilui o peso temático e confunde os motores de busca.
H2 a H6 são usados para dividir os níveis de conteúdo. Geralmente, H2 é usado para títulos de seções principais, H3 para subtítulos dentro das seções, e H4 e inferiores para subdivisões mais detalhadas. Na prática, a maioria das páginas de conteúdo se contenta com H3, e H4-H6 raramente são necessários em artigos comuns.
Por exemplo, em uma página de detalhes de produto de um site de e-commerce, o H1 pode ser "iPhone 15 Pro Max 256GB Preto Espacial", os H2s incluem "Parâmetros do Produto", "Avaliações de Uso", "Instruções de Compra", e os H3s sob "Parâmetros do Produto" são subdivididos em "Especificações da Tela", "Configuração da Câmera", "Duração da Bateria", etc. Essa estrutura não só está de acordo com os hábitos de leitura do usuário, mas também facilita a rastreamento e a compreensão pelos motores de busca.
Muitos sites, em busca de efeitos visuais, usam as etiquetas H como uma ferramenta de ajuste de tamanho de fonte. Por exemplo, para fazer um parágrafo de texto parecer maior e mais ousado, eles aplicam aleatoriamente etiquetas H3 ou H4, sem levar em consideração a relação hierárquica do conteúdo. Essa prática interfere gravemente no julgamento da estrutura da página pelos motores de busca e também prejudica o uso normal de funcionalidades de acessibilidade.
Outro problema é o salto de nível de título. Por exemplo, seguir um H1 diretamente com um H4, pulando H2 e H3 no meio, ou aparecer um H2 sob um H3. Embora a página possa ser exibida normalmente, essa estrutura hierárquica confusa dificulta a compreensão da lógica de organização do conteúdo pelos motores de busca, reduzindo o efeito SEO.
Alguns sites lotam as etiquetas H com palavras-chave, por exemplo, escrever o H2 como "Empresa de Decoração em Pequim_Projeto de Decoração em Pequim_Serviços de Design de Interiores em Pequim_Equipe Profissional". Essa otimização excessiva não só tem uma experiência de leitura ruim, mas também pode ser considerada uma tentativa de fraude pelos motores de busca. A abordagem razoável é descrever o conteúdo da seção em linguagem natural, como "Nosso Processo de Design de Interiores" ou "Três Fatores Chave para Escolher uma Empresa de Decoração".
O método mais simples é abrir as ferramentas de desenvolvedor no navegador pressionando F12, mudar para a aba Elements, e pesquisar por "<h" para ver o uso de todas as etiquetas H na página. Você pode verificar: se cada página tem apenas um H1, se a hierarquia dos títulos é consistente, e se o conteúdo dos títulos reflete com precisão o tema dos parágrafos.
Ferramentas profissionais de SEO como Screaming Frog, Ahrefs Site Audit, etc., podem analisar em lote problemas de etiquetas H em todo o site, apontando páginas com H1 ausente, lugares com hierarquia confusa e possíveis otimizações excessivas. Essas ferramentas geralmente fornecem sugestões específicas, como "Esta página tem 3 H1s, recomenda-se manter o mais relevante".
Para usuários de sistemas CMS como WordPress e Shopify, os modelos de temas geralmente já definem a estrutura das etiquetas H, mas ainda é necessário prestar atenção ao personalizar o conteúdo. Por exemplo, no editor do WordPress, o formato padrão do parágrafo é texto simples, e é necessário definir manualmente o nível do título; se você usar um construtor de páginas como Elementor, certifique-se de que o widget de título selecionou a etiqueta HTML correta, em vez de apenas ajustar o tamanho da fonte.
Artigos de Blog: Use H1 para o título do artigo, H2 para dividir os pontos ou passos principais, e H3 para detalhar informações específicas. Um tutorial de 2000 palavras pode conter 1 H1, 4-6 H2s, e 8-12 H3s, formando um fio condutor de leitura claro.
Páginas de Produtos de E-commerce: H1 é o nome completo do produto, H2 inclui seções principais como descrição do produto, especificações técnicas, avaliações de usuários, e informações de compra, e H3 subdivide dentro de cada seção. Tenha cuidado para não colocar textos de marketing como "Oferta por Tempo Limitado" nas etiquetas H.
Páginas de Serviços Corporativos: H1 descreve o nome do serviço ou o valor central, H2 exibe seções como processo de serviço, Vantagens e características, e estudos de caso, e H3 aprofunda em itens de serviço específicos ou explicações detalhadas. Essas páginas geralmente precisam equilibrar as necessidades de SEO e a expressão de marketing, com títulos que contenham palavras-chave e sejam atraentes.
Páginas de Notícias: H1 é o título da notícia, e o corpo do texto pode não precisar de muitos H2/H3, a menos que seja uma reportagem longa e aprofundada. O uso de etiquetas H em páginas de notícias é relativamente simples, com o foco principal garantindo que o H1 resuma com precisão os pontos essenciais da notícia.
Compreender e usar corretamente as etiquetas H é, na verdade, usar a linguagem compreendida pelos motores de busca para descrever claramente a estrutura do seu conteúdo. Isso não requer conhecimento técnico avançado, apenas pensar mais ao publicar conteúdo: "Qual é a posição deste conteúdo na totalidade?" e "Qual é a sua relação com o contexto?", e então selecionar a etiqueta H de nível apropriado. Ao fazer isso bem, sua página será reconhecida tanto por usuários quanto por motores de busca.