O uso excessivo de <h1> foi ruim, mas agora, com HTML5?

Sabemos que o uso excessivo de <h1>pode levar a uma penalidade de super otimização, mas agora, no HTML5, é permitido usar vários <h1>na mesma página (dentro das seções aninhadas).

O que o Google fará com páginas que contêm <h1>apenas títulos?

Segundo Matt Cutts, o Google não penaliza sites apenas por terem várias <h1>tags . É possível que seus indexadores sejam programados para detectar o uso excessivo de <h1>- como, por exemplo, ter todo o seu texto dentro de <h1>tags - e penalizar essas páginas, mas não vi nenhuma confirmação direta disso. Ele é muito provável que o seu pessoal humana, se alertado para a página tal, vai vê-lo como o abuso e agir em conformidade.

Eu não trabalho no Google e não tenho idéia de como os algoritmos deles realmente funcionam (além do que pode ser deduzido de observações e postagens de pessoas que sabem), mas se eu escrevesse o código de manipulação de cabeçalho, alocaria uma certa quantidade de "peso do cabeçalho" por página e divida esse peso proporcionalmente em todos os títulos da página. Dessa forma, ter duas <h1>tags teria exatamente o mesmo efeito que ter uma única longa e usar apenas, digamos, <h3>tags em uma página, teria exatamente o mesmo efeito que usar somente <h1>. É uma solução tão óbvia que eu ficaria surpreso se o Google não fizesse algo mais ou menos assim.

Geralmente, é uma prática recomendada aceitar apenas um <h1>em uma página ou apenas 1 <h1>em uma seção para HTML5. O Google não o penalizará por atender aos padrões de HTML, nem por ter vários <h1>'s', mas poderá penalizá-lo por ter SOMENTE <h1> embora.

O ponto importante é que se trata dos requisitos do conteúdo e dos usuários - sejam eles avistados ou não, que devem levar o dia.

Aqui está Johnathan Mueller, do Google, confirmando que o Google pode indexar o HTML 5 e que não faz nada de especial, ou seja, recompensá-lo por usar o HTML 5.

Atualmente, nossos sistemas de rastreamento e indexação não fazem nada de especial para HTML5, portanto, não há "bônus" para usar construções HTML5, mas da mesma forma também geralmente não há desvantagem. Dito isto, a maioria das páginas com marcação HTML5 que eu vi tendem a ser muito limpas - com pouco "cruft" e elementos desnecessários. Embora a marcação limpa não seja algo que nossos algoritmos procuram explicitamente, ocasionalmente vemos páginas quase imperceptíveis. Além disso, a marcação limpa facilita muito a manutenção do site, a adição de novos elementos, como microformatos, e frequentemente torna as páginas mais portáteis em vários navegadores e dispositivos. Portanto, com isso em mente, não há nada que o impede (do ponto de vista da pesquisa) de criar um site incrível em HTML5 :).

Todo mundo sempre aponta para o post de Matt Cutts de 2009. Aqui está um vídeo de 2011 durante um bate-papo ao vivo na web, em que Matt Cutts especifica especificamente sua preferência por uma única <h1>tag por página.

Sempre foi permitido o uso de múltiplos <h1>em um documento e nunca foi arbitrariamente penalizado. Ao fazê-lo, é o que pode se tornar um problema.

No caso do Google, você precisará confiar que os engenheiros estão realizando seu trabalho e, se indexarem o HTML5 corretamente, o Googlebot sabe que os aninhados <h1>são efetivamente "empurrados" para um nível inferior. Se você não confia nisso, não faça e apenas faça manualmente <h2>até obter uma resposta clara e direta. (O link para a postagem de Johnathan Mueller na resposta de @toomanyairmiles é interessante, mas não completo o suficiente para mim.) Ainda não vi isso acontecer.

Suponho que essa pergunta seja baseada na lógica de que uma <h1>tag representa o único título principal da página. Embora isso possa ter acontecido nos dias anteriores, o HTML5 mudou esse tipo de lógica. No HTML5, a <h1>tag é o título principal de uma seção. Pode ser uma página inteira, uma subpágina, um módulo etc. Um bom exemplo de por que essa diferença importa é quando se constrói um sistema modular de seções diferentes dedicadas a atividades diferentes.

Imagine um sistema com várias "páginas" alinhadas uma ao lado da outra. Cada página tem uma finalidade diferente: uma para o clima, outra para organizar tarefas, outra para clientes de exibição etc. Cada uma dessas páginas pode ser aprofundada em (previsão por hora, tarefa única, cliente único) e essas "subpáginas" podem ser visualmente colocadas ao lado das páginas reais.

Antes do HTML5, seria necessário determinar logicamente qual tag de cabeçalho era apropriada e, se você tivesse mais de 6 níveis, ficaria sem tags de cabeçalho. Com o HTML5, você pode configurá-los todos <h1>sem lógica extra ou uma limitação de aninhamento.