Heading tags, tal como o nome sugere, são utilizadas para diferenciar os cabeçalhos e subcabeçalhos de uma página do restante conteúdo. Os webmasters conhecem essas tags também como header tags HTML, head tags e SEO header tags. A heading tag mais importante é a tag h1 e a menos importante é a tag h6.
Na codificação HTML, as heading tags de h1 a h6 formam uma hierarquia de cima para baixo. Isso significa que se você saltar qualquer dos números das tags, a estrutura de cabeçalhos será quebrada, o que não é desejável para SEO na página.
Por exemplo, se o seu site for introduzido com uma tag h1 seguida de uma tag h3, a hierarquia será quebrada, o que significa que a estrutura de cabeçalhos não é tão intuitiva para SEO. Porém, isso não se aplica à estrutura de baixo para cima, que pode saltar de uma h4 para uma h2 sem qualquer tipo de problema. A codificação deve ser semelhante à apresentada à direita. A tag h1 é a tag mais importante. Cada página deve ter uma única tag h1.
Vantagens em Utilizar Heading Tags
A heading tag é usada para representar diferentes secções de conteúdos de páginas da web. Tem um impacto no SEO e na usabilidade de seu site.
Header tags sob um ponto de vista SEO
- Relevância: De modo a estabelecer a relevância, os motores de busca comparam as palavras na header tag com o conteúdo da secção associada.
- Consistência de Palavras-chave: As aranhas dos motores de busca verificam a consistência das palavras-chave entre as header tags e as outras partes da página.
- A Importância de uma Tag h1: A h1 é a tag mais importante e nunca deve ser omitida numa página. As aranhas de pesquisa prestam atenção às palavras usadas na tag h1, pois ela deve conter uma descrição básica do conteúdo da página, tal como acontece com o título da página.
- Enriquecimento da Experiência do Usuário: As heading tags dão ao usuário uma ideia clara do assunto do conteúdo da página. Os motores de busca dão muita importância à experiência do usuário num site, ou seja, a presença de heading tags se torna um importante componente de SEO.
Header tags sob um ponto de vista de usabilidade
- Para os usuários da web que têm de usar um leitor de tela, é mais fácil navegar em secções de conteúdo tendo como referência cabeçalhos bem estruturados numa página.
- A heading tag h1 (cabeçalho principal) de uma página fornece aos usuários uma visão geral rápida do conteúdo que se seguirá na página.
- Lendo as diferentes heading tags, os usuários podem varrer uma página e ler apenas a secção que lhes interessa.
- A principal utilização das heading tags é para SEO, não para ganhar fontes maiores e mais proeminentes; contudo, a apresentação de uma página da web se torna realmente mais limpa com a presença dessas tags.
Coisas que você não deve fazer com heading tags
- Não encha as suas heading tags de palavras-chave.
- Não use mais do que uma tag h1 numa página. Geralmente, as páginas têm apenas um cabeçalho h1 e incluir dois poderá fazer os motores de busca pensar que se trata de uma tentativa de incluir mais palavras-chave para SEO em múltiplas tags h1. É melhor dividir o conteúdo em dois tópicos separados em páginas individuais com suas próprias tags h1. Isso faz mais sentido para os leitores e para as aranhas dos motores de busca; porém, é permitido usar múltiplas tags h1.
- Não use heading tags como texto oculto. Qualquer texto oculto pode resultar em penalizações para o seu site, especialmente se a parte oculta for um componente que afeta o SEO.
- Não repita heading tags em diferentes páginas de seu site. É uma boa prática ter heading tags exclusivas ao longo do seu site.
- Evite utilizar conteúdo idêntico para a tag h1 e para a meta title tag da sua página.
- Não use heading tags para criar estilos de texto, mas para apresentar conteúdo organizado e estruturado nas páginas. Use folhas de estilos CSS para criar estilos.
