O que é H1, H2 e H3? Entenda como organizar os títulos do seu site

Picture of Lucas Felipe

Lucas Felipe

Fundador

Quando você acessa uma página na internet, os títulos parecem apenas elementos visuais usados para separar os assuntos. Por trás do layout, porém, existe uma estrutura que ajuda navegadores, mecanismos de busca e tecnologias assistivas a entenderem como aquele conteúdo está organizado.

Vou explicar de forma simples o que é H1, H2 e H3, qual é a diferença entre eles, como utilizá-los em páginas e artigos e quais erros devem ser evitados.

O que são H1, H2 e H3?

H1, H2 e H3 são níveis de títulos utilizados no HTML para organizar o conteúdo de uma página. O HTML possui seis níveis, do H1 ao H6. O H1 representa o nível mais alto da hierarquia; depois vêm H2, H3, H4, H5 e H6.

Uma forma simples de entender é imaginar um livro: o H1 funciona como o título principal, os H2 como os capítulos e os H3 como assuntos internos de cada capítulo. Essa lógica cria uma estrutura que mostra quais informações são principais e quais estão subordinadas a outras.

O mais importante é entender que H1, H2 e H3 não devem ser escolhidos apenas pelo tamanho visual da fonte. O tamanho pode ser alterado com CSS ou pelo próprio construtor do site. A tag deve representar a função daquele título dentro da estrutura do conteúdo.

O H1 é o título principal da página. Ele deve resumir com clareza o assunto central que o visitante encontrará naquele endereço.

Em uma página de serviço sobre criação de sites, por exemplo, o H1 poderia ser “Criação de sites profissionais para empresas”. Em um artigo como este, o H1 é o próprio título que apresenta o tema principal.

Como boa prática, prefiro trabalhar com um único H1 principal por página. Isso torna a hierarquia mais simples de interpretar e evita que diferentes títulos disputem a função de assunto central.

Quando fizer sentido, sim. Se a página foi criada para responder a uma intenção de busca específica, é natural que a palavra-chave principal ou uma variação próxima apareça no H1. Mas isso não significa repetir palavras de maneira artificial.

Adicione a 9Seis como fonte preferida

Este conteúdo está te ajudando? Ao adicionar a 9Seis como fonte preferida, você aumenta as chances de encontrar nossos artigos em destaque nas suas pesquisas no Google

Adicionar como fonte preferida

O H2 é utilizado para dividir o assunto principal em grandes blocos de conteúdo. Ele funciona como um subtítulo diretamente relacionado ao H1.

Neste próprio artigo, títulos como “O que é H1?”, “O que é H2?” e “O que é H3?” são exemplos de assuntos que podem ser organizados como H2. Todos fazem parte do tema principal, mas cada um abre uma nova seção.

Em páginas maiores, os H2 também ajudam o visitante a escanear o conteúdo. Muitas pessoas não leem uma página do começo ao fim imediatamente: primeiro percorrem os títulos para identificar se encontrarão a informação que procuram.

O H3 cria uma subdivisão dentro de um assunto iniciado por um H2. Ele é útil quando uma seção precisa ser explicada em partes menores sem criar um novo assunto principal.

Por exemplo, dentro de um H2 chamado “Como otimizar uma página para SEO”, poderiam existir H3 como “Título SEO”, “Meta description”, “Links internos” e “Imagens”. Todos pertencem ao mesmo bloco, mas tratam de pontos específicos.

Essa organização evita textos extensos sem pausas e permite aprofundar o conteúdo sem perder a lógica da página.

A diferença está principalmente no nível hierárquico que cada heading representa, e não simplesmente na aparência.

H1
TEMA PRINCIPAL Apresenta o tema principal da página
H2
SEÇÃO Divide o tema principal em seções importantes
H3
SUBSEÇÃO Divide uma seção H2 em assuntos mais específicos

Se fosse necessário continuar aprofundando a estrutura, ainda seria possível utilizar H4, H5 e H6. Na maioria das páginas institucionais e artigos de blog, entretanto, H1, H2 e H3 já são suficientes para organizar grande parte do conteúdo de maneira clara.

H1 Cardiologia pediátrica em São Paulo
H2 Quando procurar um cardiologista pediátrico
H2 Exames realizados
H3 Ecocardiograma infantil
H3 Eletrocardiograma
H3 Holter
H2 Como funciona a consulta
H2 Agende uma avaliação

Perceba que os H3 estão relacionados ao H2 “Exames realizados”. Eles não aparecem soltos na estrutura. Essa relação entre os níveis é justamente o que cria uma hierarquia compreensível.

Sim, mas é importante entender o papel deles sem tratar headings como um truque isolado de posicionamento. Os títulos ajudam a organizar semanticamente a página e tornam mais claro o relacionamento entre os assuntos. Também facilitam a leitura e permitem que mecanismos de busca interpretem melhor a estrutura do conteúdo.

A própria documentação de desenvolvimento web recomenda utilizar os níveis de heading de maneira lógica, sem escolher H2 ou H3 apenas para alterar o tamanho da fonte. Para SEO, isso significa construir páginas em que o assunto principal e seus subtópicos estejam organizados de forma coerente.

Além dos headings, o desempenho orgânico depende de vários outros fatores: qualidade e utilidade do conteúdo, intenção de busca, links internos, velocidade, responsividade, indexação, autoridade, experiência do usuário e uma estrutura técnica adequada.

Por isso, quando desenvolvo um site, não olho apenas para o visual. Também organizo títulos, páginas, URLs e conteúdos pensando em como o usuário e os mecanismos de busca vão compreender cada informação.

Não. Essa confusão é bastante comum.

O H1 aparece dentro da página e apresenta o conteúdo ao visitante. Já o título SEO, normalmente configurado em um plugin como o Yoast SEO no WordPress, é o título utilizado pelos mecanismos de busca para representar aquela URL nos resultados, embora o Google possa escolher exibir outro texto dependendo da consulta e do contexto.

Os dois podem ser parecidos, mas não precisam ser exatamente iguais. O H1 pode ser escrito pensando principalmente na leitura da página, enquanto o título SEO também precisa considerar espaço, intenção de busca e atratividade no resultado de pesquisa.

O HTML permite situações em que mais de um H1 pode existir, mas, para sites institucionais e conteúdos de blog, trabalhar com um único H1 principal continua sendo uma prática simples e segura. Ele deixa evidente qual é o assunto central da página e facilita a manutenção da hierarquia.

Depois dele, os assuntos principais podem ser organizados em H2 e suas subdivisões em H3.

O ideal é não pular níveis sem uma razão estrutural. Se existe um H3, ele deve representar uma subdivisão de uma seção anterior. Assim, a sequência normalmente parte do H1 para H2 e, quando necessário, H3.

Essa lógica também é importante para acessibilidade. Leitores de tela podem utilizar os headings como pontos de navegação, permitindo que uma pessoa percorra rapidamente a estrutura da página. Uma hierarquia confusa pode tornar essa navegação menos intuitiva.

Alguns erros aparecem com frequência em sites criados sem planejamento de conteúdo ou quando os headings são escolhidos apenas pela aparência:

×
ERRO 01

Usar H1 em vários textos apenas porque ele está configurado com uma fonte grande

H1 H1 H1
×
ERRO 02

Utilizar H2 somente para mudar o tamanho visual de um título

H2
×
ERRO 03

Pular níveis sem respeitar a hierarquia do conteúdo

H1 → H3
×
ERRO 04

Criar títulos genéricos que não explicam o assunto da seção

Saiba mais
×
ERRO 05

Repetir a mesma palavra-chave em todos os headings de maneira forçada

SEO SEO SEO
×
ERRO 06

Deixar páginas importantes sem um H1 claro

H1 ?
×
ERRO 07

Usar textos visualmente como títulos, mas sem a marcação semântica correta no HTML

<p> ≠ <h2>

No WordPress e no Elementor, por exemplo, é possível definir visualmente um texto grande e ainda assim escolher qual tag HTML aquele título utilizará. É importante configurar as duas coisas corretamente: aparência e hierarquia.

Faça uma pergunta simples: este título inicia um novo assunto importante dentro da página ou apenas aprofunda o assunto anterior?

Se inicia uma nova seção diretamente ligada ao tema principal, normalmente será um H2. Se explica uma parte específica daquela seção, tende a ser um H3.

Essa regra ajuda a estruturar conteúdos longos sem precisar decorar conceitos técnicos. A hierarquia deve refletir a relação real entre os assuntos.

A organização dos headings não serve apenas para SEO. Ela melhora a experiência de quem acessa a página, principalmente em conteúdos longos.

Títulos claros criam pontos de referência, reduzem grandes blocos de texto e permitem que o visitante encontre rapidamente a informação desejada. No celular, onde a leitura acontece em uma área menor, essa divisão se torna ainda mais importante.

Por isso, a estrutura de H1, H2 e H3 deve fazer parte do planejamento do conteúdo desde o início, e não ser corrigida somente depois que o site estiver pronto.

Isso evita um problema comum: ter um site visualmente bonito, mas com páginas desorganizadas para o usuário e para os mecanismos de busca.

H1, H2 e H3 são elementos simples, mas fundamentais para organizar uma página. O H1 apresenta o assunto principal, o H2 divide esse assunto em grandes seções e o H3 aprofunda pontos específicos dentro dessas seções.

Quando essa hierarquia é bem planejada, o conteúdo fica mais fácil de ler, mais acessível e com uma estrutura semântica mais clara para mecanismos de busca. O objetivo não é preencher a página com palavras-chave, mas organizar as informações de forma lógica e útil.

Se você quer criar ou reformular um site com uma estrutura planejada desde o desenvolvimento, entre em contato comigo. Vou analisar sua empresa e posso preparar uma proposta para um site profissional, responsivo e otimizado para SEO.

Transforme visitantes em clientes com um site criado para gerar mais orçamentos
Picture of Lucas Felipe

Lucas Felipe

Eu sou Lucas Felipe, fundador da 9Seis Comunicação. Há anos ajudo empresas a fortalecerem sua presença digital por meio de sites profissionais, landing pages e estratégias de SEO que geram resultados reais. Aqui no blog, compartilho conteúdos práticos sobre criação de sites, WordPress, Elementor, Google, conversão e marketing digital, com o objetivo de ajudar empreendedores a atrair mais clientes, aumentar sua credibilidade e aproveitar ao máximo o potencial da internet para fazer seus negócios crescerem.

Picture of Lucas Felipe

Lucas Felipe

Eu sou Lucas Felipe, fundador da 9Seis Comunicação. Há anos ajudo empresas a fortalecerem sua presença digital por meio de sites profissionais, landing pages e estratégias de SEO que geram resultados reais. Aqui no blog, compartilho conteúdos práticos sobre criação de sites, WordPress, Elementor, Google, conversão e marketing digital, com o objetivo de ajudar empreendedores a atrair mais clientes, aumentar sua credibilidade e aproveitar ao máximo o potencial da internet para fazer seus negócios crescerem.

Compartilhe nas mídias:

Continue aprendendo

O QUE OFERECEMOS NA PRÁTICA

Desenvolvimento e Redesign de Sites

Entregamos um projeto completo, pronto para gerar resultados desde o primeiro acesso

Receba um orçamento personalizado

Vamos começar

Está dando só uma olhadinha?

Não perca tempo, agende uma call e vamos modernizar a sua empresa!