Quem trabalha com SEO já ouviu falar muito da tag HTML H1. A crença comum é que, se usada corretamente, ela pode aumentar a força de determinadas palavras-chave em um documento, fazendo com que ele alcance uma posição melhor nas buscas por esses termos.
Como mostra o Google Search Engine Ranking Factors, da SEOmoz, os Gurus do SEO não entram em um consenso sobre a utilidade dessa tag. Gente como Russ Jones e Thomas Bindl a consideram como o segundo mais importante critério on-page. Outros como Aaron Wall e Caveman alertam para o fato de que não se deve replicar o conteúdo do title e da meta description no H1. Já Ben Pfeiffer e Todd Malicoat acham que ela já não tem tanta importância quanto antes e caras como Jill Whalen acreditam que ela não tem utilidade nenhuma.
As outras heading tags (H2, H3, H4, H5 e H6), aliás, também têm valor. Elas devem ser usadas nos subtopicos das páginas. O Thomas Bindl diz, inclusive, que pode acontecer até de tags H2 e H3 terem o mesmo peso da H1.
Como usar a H1
A posição mais comum da tag H1 é o título da página (não confunda com o título do documento, que aparece na barra do navegador e é exibido nas SERP). Posts de blog e notícias geralmente usam a tag nessa posição. Quando se está em um canal ou subcanal, a melhor posição para a tag é o nome da seção, que normalmente inclui as palavras-chave mais importantes. Como escrevi antes, é legal tomar cuidado para não replicar exatamente o que está no title no H1, o que pode ser interpretado como spam pelo algoritmo dos buscadores.
Eu sempre incluo apenas uma H1 por documento, para aumentar a força dos termos mais importantes. Mas o Matt Cutts, neste vídeo aqui, diz que, em determinadas situações, pode-se usar esse elemento várias vezes na página. Pessoalmente, nunca encontrei uma situação em que isso valesse a pena.
Alguns designers menos experientes podem hesitar em incluir a H1 em seus layouts por acreditarem que ela irá arruinar o visual das páginas que estão criando. Isso porque elas apresentam um tamanho de fonte muito grande e geram quebras de linha indesejadas. Essas questões podem ser facilmente resolvidas via CSS. Para eliminar os line breaks, por exemplo, basta usar o código:
h1 {
display: inline;
}
Apesar de ser um recurso simples de implementar e de ter potencial para melhorar o rankeamento de uma página, muitos sites ainda não usam a H1 de forma correta ou a ignoram completamente. Talvez o seu site esteja perdendo muitos acessos provenientes dos buscadores por não utilizar um elemento que pode ser incorporado com rapidez e facilidade.