John Mueller, do Google, discutiu os elementos de título com um membro da comunidade de SEO, onde afirmou a utilidade de usar a estrutura hierárquica ao usar elementos de título.
Contexto de fundo para o que Mueller disse
Elementos de título <H1> – <H6> devem ser usados para indicar sobre o que é uma seção de uma página da web.
Além disso, os elementos do cabeçalho têm uma ordem de classificação, sendo <H1> o nível mais alto de importância e <H6> o nível mais baixo de importância.
O objetivo do elemento de título é rotular sobre o que é uma seção de conteúdo.
As especificações HTML permitem o uso de vários elementos <H1>. Então, tecnicamente, usar mais de um <H1> é perfeitamente válido.
A seção 4.3.11 das especificações oficiais do HTML afirma:
“Os elementos h1–h6 têm um nível de título, que é dado pelo número no nome do elemento. Se um documento tiver um ou mais títulos, pelo menos um único título dentro do esboço deve ter um nível de título 1.”
No entanto, usar mais de um <H1> não é considerado uma boa prática.
A página de referência do desenvolvedor Mozilla sobre o uso de cabeçalhos recomenda:
“Os elementos HTML <h1> a <h6> representam seis níveis de cabeçalhos de seção. <h1> é o nível de seção mais alto e <h6> é o mais baixo.
…Evite usar vários elementos <h1> em uma página
Embora o uso de vários elementos <h1> em uma página seja permitido pelo padrão HTML (desde que não sejam aninhados), isso não é considerado uma prática recomendada. Uma página geralmente deve ter um único elemento <h1> que descreve o conteúdo da página (semelhante ao elemento <title> do documento).”
John Mueller disse anteriormente que não importa se uma página da Web usa um cabeçalho <H1> ou cinco <H1>.
O ponto de sua declaração é que o nível do título não é tão importante quanto a forma como eles são usados, com a melhor prática sendo o uso de títulos para indicar sobre o que é uma seção de conteúdo.
O que Mueller disse no Twitter
Um membro da comunidade de SEO estava brincando e gentilmente criticou Mueller sobre o uso de mais de um H1.
Ele tuitou:
John Mu: “Your site is going to rank perfectly with no H1 tags or with five H1 tags,”
Me: pic.twitter.com/LEj59KfRBD
— Deji Luminous (@deji_luminous) February 2, 2023
O SEO continuou compartilhando como ele preferia usar as melhores práticas para elementos de cabeçalho usando apenas um <H1>, para denotar sobre o que é a página e, em seguida, usando o restante dos cabeçalhos em ordem de classificação, dando uma página da web uma estrutura hierárquica.
Uma estrutura hierárquica comunica seções de uma página da Web e quaisquer subseções dentro de cada seção.
Ele tuitou :
“Sou muito tradicional com elementos de cabeçalho. (HTML 4 para a vida! lol)
Eu ainda recomendo usar apenas um elemento H1 em uma página.
Eu pacientemente volto às páginas para implementar a hierarquia de cabeçalho por diversão.”
John Mueller twittou sua aprovação em resposta:
“Eu acho que é uma ideia incrível e uma ótima prática.
A hierarquia de cabeçalho não é útil apenas para o Google, mas também é importante para a acessibilidade.
(O Google ainda precisa lidar com as coisas estranhas que as pessoas lançam na web, mas ser cuidadoso em seu trabalho sempre faz sentido.)”
Estrutura hierárquica da página
Nos primórdios do SEO, <H1> costumava ser considerado um importante fator de classificação, mais importante que um <H2>.
Então, naquela época, sempre se colocava suas palavras-chave mais importantes no <H1> para sinalizar ao Google que a página era relevante para aquela palavra-chave.
H1 costumava ter mais poder de classificação, então era essencial usar o <H1> para ajudar nas classificações.
O algoritmo do Google estava usando palavras-chave como uma forma de “adivinhar” sobre o que era uma página da web.
Palavras-chave no texto âncora, palavras-chave na tag de título e palavras-chave no <H1> ajudaram o Google a adivinhar para que uma página era relevante.
Mas hoje em dia, o Google não precisa adivinhar.
Ele é capaz de entender sobre o que são as seções de uma página da Web e, consequentemente, sobre o que é a página inteira.
Apesar desses avanços, muitos SEOs ainda acreditam que usar um <H1> é algum tipo de fator mágico de classificação.
Os títulos não são mais sobre gritar qual palavra-chave você deseja classificar.
O papel dos elementos de título agora é informar aos mecanismos de pesquisa sobre o que é uma seção de conteúdo.
Cada seção de um conteúdo geralmente é sobre algo específico.
As tags de título tornam mais fácil para os mecanismos de pesquisa saber sobre o que é uma página.
E isso os ajuda a classificar a página para o tópico.
E de acordo com as especificações oficiais do HTML, essa é tecnicamente a maneira correta de usar elementos de título.
Por fim, Mueller mencionou uma qualidade do elemento de cabeçalho como forma de comunicar melhor por questões de acessibilidade, como para pessoas que usam leitores de tela.
As especificações oficiais do HTML dizem :
“Títulos descritivos são especialmente úteis para usuários com deficiências que tornam a leitura lenta e para pessoas com memória de curto prazo limitada.
Essas pessoas se beneficiam quando os títulos das seções permitem prever o que cada seção contém.”
Então, obrigado John Mueller por chamar a atenção para os benefícios de usar cabeçalhos com uma estrutura hierárquica, por chamar a atenção para como a estrutura hierárquica é útil para o Google e para a acessibilidade.
Matéria completa: https://l.blackrat.pro/ItKso
