O que são tags de cabeçalho?
As tags de cabeçalho são tags HTML usadas para separar os títulos e subtítulos do restante do conteúdo de uma página da Web, em ordem decrescente de importância, de H1 a H6.
Na maioria das vezes, você só precisará de H1 a H4, onde:
- H1 é o cabeçalho e o título principal da página
- H2 é um subtítulo e um ponto de apoio
- H3 é uma subseção ou item de lista em um H2
- H4 é uma subseção ou item de lista em um H3
Você também deve observar que uma tag H1 e uma tag de título não são os mesmos elementos em HTML. Todas as tags de cabeçalho descrevem o que aparece na própria página, mas a tag de título comunica o título da página para a janela do navegador e para o snippet da página de resultados do mecanismo de pesquisa.
Portanto, ao visualizar uma determinada página da Web, você encontrará o H1 próximo à parte superior da própria página, enquanto o "título" fica visível na janela ou na guia do navegador.
Por que as tags de cabeçalho são importantes para SEO?
As tags de cabeçalho ajudam os usuários a navegar e percorrer a página. Elas dividem as informações para que os leitores possam examiná-las e encontrar rapidamente o que estão procurando.
No entanto, o uso de cabeçalhos também é útil para ajudar a tornar seu site mais fácil de pesquisar. Os mecanismos de pesquisa dependem dos cabeçalhos para entender melhor as seções de uma página.
Em geral, as tags de cabeçalho ajudam a manter o conteúdo estruturado e fácil de ser consumido pelos mecanismos de pesquisa e pelos leitores.
Práticas recomendadas para tags de cabeçalho
1. Não sobrecarregue suas tags de cabeçalho com palavras-chave
Se você segue as práticas recomendadas de SEO há mais de alguns anos, provavelmente está acostumado a incluir palavras-chave alvo nas tags H1, H2 e H3.
Esses cabeçalhos costumavam ser importantes fatores de classificação, mas agora o algoritmo do Google ficou mais inteligente. Como resultado, as palavras-chave nos cabeçalhos não têm o mesmo impacto que costumavam ter.
Dito isso, ainda é uma boa ideia incluir palavras-chave em suas tags de cabeçalho. Atualmente, no entanto, você deve se concentrar em adicioná-las de forma mais sábia e natural. A última coisa que você quer é exagerar nas tags de cabeçalho a ponto de o Google considerar sua página como spam.
Mais recentemente, vimos um motivo adicional para ser criterioso com as palavras-chave em suas tags de cabeçalho: bons subtítulos autoexplicativos podem lhe render um snippet em destaque, especialmente em guias de instruções ou listas.
2. Mantenha os cabeçalhos curtos e consistentes
Outro hábito importante com relação aos cabeçalhos é mantê-los curtos e consistentes, sempre que possível. Tente limitar o tamanho dos cabeçalhos a 3 a 5 palavras e estruture-os com consistência para facilitar a leitura pelos leitores.
Lembre-se de que os cabeçalhos são projetados para dividir uma grande quantidade de texto em seções organizadas e organizadas, portanto, faz sentido que cabeçalhos e subcabeçalhos muito longos simplesmente não tenham boa aparência nas páginas.
Além de facilitar para seus leitores, esses cabeçalhos rápidos também ajudam o Google a entender melhor o conteúdo de suas páginas.
3. Use as tags de cabeçalho para obter uma hierarquia de conteúdo adequada
Você sabe por que as tags de cabeçalho existem em primeiro lugar? A finalidade original das tags de cabeçalho é manter uma hierarquia de conteúdo adequada em uma página HTML.
Novamente, o H1 é o cabeçalho principal, os H2s são subcabeçalhos, os H3s dentro dos H2s são subcabeçalhos para aquela seção e assim por diante. Dentro de cada seção, em ordem decrescente, você deve começar com as informações mais importantes e relevantes e prosseguir a partir daí.
4. Verifique se o design do cabeçalho em CSS é consistente
Por padrão, o HTML faz um bom trabalho ao estabelecer uma hierarquia visual para uma página da Web.
Normalmente, você verá tamanhos de fonte maiores e pesos mais pesados para as tags H1 e H2 (pense em aproximadamente 32px e 24px, respectivamente), com fontes menores para as tags H3 e H4 (pense em 18px e 16px, respectivamente).
Embora não exista uma regra rígida sobre isso, algumas vezes vimos temas de sites que tornam seus H3s e H4s maiores que seus H2s.
Em seu site, você pode fazer alterações na folha de estilo CSS para configurar um design de cabeçalho consistente com o código de formatação de fonte adequado ou adicionar seletores a um campo CSS personalizado como uma folha de estilo adicional.
Há também ocasiões em que H3s podem ser usados onde H2s deveriam ser usados. Isso é comum se o design do cabeçalho não estiver configurado corretamente. Embora não seja uma etapa crucial, isso garantirá que você ofereça a melhor experiência possível ao usuário e obtenha o máximo valor de SEO no Google.
Perguntas frequentes
Posso usar várias tags H1?
Sim, você pode. O Google diz que não tem problemas com isso. Ainda assim, a melhor prática de SEO é ter um H1 por página.
Mesmo que não seja para o benefício do Google, manter apenas uma tag H1 por página ajuda a manter suas páginas consistentes e fáceis de entender se algum outro usuário precisar fazer alterações.
H1 e Title Tags - elas podem ser diferentes?
Por padrão, o H1 e o título serão idênticos quando você publicar um novo post. Mas você pode escrever títulos e H1s diferentes, se desejar.
Por exemplo, você pode querer que o título seja mais curto para ter uma boa aparência na SERP, enquanto o H1 pode ser um pouco mais longo para os visitantes da página - ou você pode optar por incluir o ano no título e deixá-lo de fora do H1.
Seja qual for o motivo, é totalmente aceitável, para fins de SEO, que o H1 e a tag de título sejam diferentes.
Quantos níveis de tags de cabeçalho existem?
O HTML suporta seis cabeçalhos no total: H1-H6. Isso significa que você não pode ter um H7, H8 e assim por diante.
No entanto, é raro que você precise de mais subseções além da H4. Se você achar que precisa de H5s e H6s em uma página, vale a pena considerar se não está amontoando informações demais em uma única página.
Em vez disso, você pode criar uma página separada para o conteúdo para facilitar a leitura.
