O que é tags H1 H2 H3? E como são usadas?

Mas esses rótulos não são usados ​​apenas para fornecer uma melhor experiência ao usuário. Eles também ajudam do ponto de vista do posicionamento de SEO, porque os mecanismos de pesquisa entenderão melhor a estrutura da web, o que pode ajudar a melhorar sua posição nos resultados de pesquisa.

Ao ler este artigo do Livre de Crachá você aprenderá como usar as tags H1, H2 e H3 e porque são importantes para a estrutura e SEO On Page de uma página web.

O que é tags H1 H2 H3? (O que é tags H1?)

As tags H1 H2 H3 são Elementos HTML usados ​​para estruturar e priorizar o conteúdo de um site.

Cada uma dessas tags tem seu nível de importância, que é determinado pelo número: quanto menor, mais importante é.

Portanto, a tag H1 é mais relevante que a tag H2 e assim por diante.

Ao usar esses cabeçalhos, você deve seguir uma ordem sequencial. Ou seja, depois de H1 (título do post) deve haver um H2 (cada uma das seções principais), e depois deste um H3 (subseções).

Pessoalmente, recomendo não ir além de H4, com algumas exceções. Muitas subseções podem fazer com que o usuário se perca.

Para que servem as tags H1 H2 H3 e por que é essencial usá-las corretamente?

O objetivo principal dessas tags HTML é dividir o conteúdo da web em seções de maior ou menor importância.

A primeira tag, H1, deve ser usada para o título principal e H2 e H3 para subtítulos e subseções.

Mas por que eles são importantes?

1. Eles melhoram a experiência do usuário 

Se o conteúdo da web estiver estruturado de forma adequada, facilita a leitura. Portanto, melhora a experiência do usuário.

2. Favorecem seu posicionamento orgânico

Além disso, o H1 H2 H3 ajuda os bots a entender melhor o conteúdo da web, o que é melhor do ponto de vista de SEO:

• O Google e outros mecanismos de pesquisa usam tags H para entender a estrutura e o conteúdo da web. Por isso, é relevante utilizá-los para ajudar os buscadores a entender do que se trata a web.
• Os títulos são uma ótima oportunidade para incluir palavras-chave de campo semântico e de destino.
• Você pode aspirar a aparecer nos Snippets em destaque, como o primeiro resultado notável. Dê uma olhada neste exemplo que combina um H2 com uma lista de benefícios.

3. Facilita a acessibilidade na web

Na mesma linha da experiência do usuário, os cabeçalhos H1 H2 H3 melhoram a leitura do conteúdo e facilitam a compreensão do texto por pessoas com deficiência visual, auditiva ou cognitiva. Por exemplo, se houver rótulos, os usuários que usam leitores de tela poderão se mover pelo texto com mais facilidade.

O que é a etiqueta H1? (O que é tags H1?)

A mais importante das tags H é H1, que é usada para indicar o título principal de uma página da web ou entrada. É então o cabeçalho principal e, quando aplicado a um texto, será o maior e mais destacado da página.

Como a tag H1 é usada? (O que é tags h1)

Para usar corretamente a tag H1, aconselho o seguinte:

• Você deve usá-lo exclusivamente para o título principal da página ou post.
• Use apenas uma tag H1 para evitar confusão.
• Ele deve aparecer no início do conteúdo da página. Desta forma, será mais fácil de ver tanto para os usuários quanto para os mecanismos de busca.
• Palavras-chave que ajudam a melhorar o posicionamento devem aparecer nesta tag.
• Não deve corresponder ao título ou título SEO, que é o título que aparece nas SERPs. Para que você entenda a diferença entre tag e título de SEO, vou te dar um exemplo:

Como você vê, eles são diferentes. Na verdade, o título de SEO não deve exceder 60 caracteres. No H1 você pode estender um pouco mais, em torno de 70 caracteres.

O que é a etiqueta H2? (O que é tags H1?)

A etiqueta H2 é usada para indicar um subtítulo ou título secundário relevantes para o conteúdo da página e divida o conteúdo da web em pequenas seções.

Deve ser usado apenas para esse fim, não como uma tag de estilo para aumentar o tamanho do texto.

Como você usa a tag H2?

Dou-te uma série de recomendações para que possas utilizar a tag H2 da melhor forma:

• Use-o apenas para dividir o conteúdo em subtítulos.
• As tags H2 vêm depois de H1 e são menos importantes que H1, mas marcam a estrutura principal ou o esqueleto do texto.
• Você pode usá-los para facilitar a leitura do texto, já que divide o conteúdo em seções menores.
• Em seu H2, é recomendável que você incorpore suas palavras-chave de destino e semanticamente relacionadas.

O que é a etiqueta H3? (O que é tags H1?)

A tag H3 é usada para marcar um subtítulo ou título terciárioque será de menor importância que o H2 do qual depende.

Em palavras simples, o H3 é uma seção de cabeçalho secundária usada para subdividir ainda mais o conteúdo de uma página.

Como você usa a tag H3?

Estas são boas práticas para usar o H3:

• Eles são usados ​​para identificar legendas de menor importância do que as que aparecem no H2. Na verdade, eles dependem disso.
• Eles vão atrás de H2.
• A sua utilização não é obrigatória, apenas são utilizadas quando é necessário dividir o conteúdo numa secção mais pequena.

O que são tags H4 H5 H6…?

Os rótulos H4 H5 H6 e assim por diante, são usados ​​para indicar subtítulos menores em uma página da web.

Essas tags são subcabeçalhos e são usados ​​para subdividir ainda mais o conteúdo de uma página em seções de importância decrescente.

Usando essas tags de forma eficaz, você pode organizar o conteúdo de uma página em seções claras e fáceis de ler, ajudando a melhorar a usabilidade, a acessibilidade e a otimização do mecanismo de pesquisa.

Claro, essas tags devem ser usadas de forma consistente e seguindo uma hierarquia de títulos e subtítulos. Mas, como eu disse antes, muitas subseções já podem ser confusas e perder sua funcionalidade original.

Extensões para ver o etiquetas H1 H2 H3 de seus itens ou da concorrência

Existem extensões no Chrome que mostram como um artigo é marcado:

• Se a postagem ou página for sua, ela permitirá que você revise a estrutura e corrija um rótulo mal colocado que você perdeu. Um H2 que é um H3, por exemplo.
• Você também poderá “espiar sua concorrência” e ver como os principais URLs da SERP são estruturados.

Além das tags HTML, você também pode ver outros campos, como título de SEO, meta descrição, extensão, etc.

Conclusão

As tags H1 H2 H3 são importantes para facilitar o entendimento de uma página web para o usuário e para os buscadores, pois ajudam a organizar e estruturar seu conteúdo de forma lógica e coerente.

O uso correto dessas tags HTML impactará na experiência proporcionada ao usuário, que poderá entender melhor o conteúdo, além de servir para melhorar o posicionamento de um site, pois você também facilita o entendimento do grande buscador .

Você usa as tags H1 H2 H3 corretamente em seu site?