O que são Tags de Cabeçalho?
As tags de cabeçalho HTML são usadas para diferenciar diferentes níveis de títulos e subtítulos dentro de uma página.
Você pode pensar nas tags de cabeçalho como o índice de um livro, elas ajudam a definir sobre o que cada seção ou capítulo específico trata. As tags de cabeçalho são semelhantes, pois são usadas para fornecer organização, como navegação, contexto e estrutura dentro das páginas de resultados de busca tanto para usuários quanto para motores de busca.
Eles também identificam conteúdo que precede o conteúdo anterior, criando estruturas hierárquicas.
Níveis de Tags de Cabeçalho
h1 Cabeçalho 1 /h1
h2 Cabeçalho 2 /h2
h3 Cabeçalho 3 /h3
h4 Cabeçalho 4 /h4
h5 Cabeçalho 5 /h5
Com base no template do seu site ou no web designer, suas tags de cabeçalho podem variar em localização, fonte e tamanho.
Diferença entre as tags H1 e title
As tags de título são o que os motores de busca veem e exibem nas páginas de resultados dos motores de busca.
A tag H1, no entanto, é o elemento HTML para o título de primeiro nível dentro do texto do corpo da página da web.
As tags H1 são, na maioria dos casos, consideradas a segunda "tag de título". Muitas pessoas ficam confusas ao usar um CMS como o WordPress, no qual o título da postagem é usado tanto na tag <title> quanto na tag <h1>.
Entretanto, os mecanismos de busca dão mais peso às tags de título; portanto, você vai querer usar uma tag de título e um cabeçalho H1 por página da web.
Usos de Diferentes Tags de Cabeçalho
H1 tags: Essas são principalmente associadas ao título do seu post. De acordo com John Mueller, do Google, usar mais de uma tag H1 por página não terá um impacto negativo no SEO do seu site.
H2 tags: Você pode usar tags H2 para subtítulos do título, e também pode ter mais de uma tag H2.
Tags H3: São usadas quando você tem subtemas dentro do tópico H2.
H4, H5 e H6 tags: Essas são raramente usadas, mas são fornecidas se necessárias.
Quanto mais semânticos e estruturados forem os dados para seus leitores, melhores essas tags de cabeçalho podem ser para os motores de busca.
Por que as Tags de Cabeçalho são Importantes?
Se você passar por vários livros e encontrar o índice deles, você notará que alguns são mais descritivos do que outros. Para a maioria dos livros, o índice é usado para descrever o fluxo do livro, guiando os leitores da introdução à conclusão.
Todo conteúdo que é escrito online deve ter um começo, meio e fim. Por exemplo, se você escreveu um artigo sobre os “10 principais ferramentas de SEO que você precisa para o seu negócio de eCommerce”, você pode ter as seguintes seções:
- Uma introdução
- Por que você pode precisar de ferramentas para o seu negócio
- As 10 principais ferramentas de SEO para lojas de comércio eletrônico
- Avaliações ou descrições para cada uma dessas 10 ferramentas
- Um resumo, conclusão e um CTA (chamada para ação)
As tags de cabeçalho podem ajudar a distinguir cada seção para que os leitores possam entender facilmente o escopo do conteúdo, ao invés de ler cada parágrafo e tentar descobrir quando tudo começa ou termina.
Como as tags de cabeçalho podem ser usadas para avaliar o conteúdo de vídeo
Assistir a um vídeo do YouTube de 10 a 40 minutos pode ser divertido ou uma completa perda de tempo. Em vez de assistir ao vídeo inteiro, você vai querer dar uma olhada na descrição dele, e ler alguns parágrafos, pontos de quebra de conteúdo e carimbos de tempo, para que você possa saber mais sobre o vídeo antes de desperdiçar seu valioso tempo.
Os Tags de Cabeçalho Influenciam o SEO?
De volta ao ano 2000, as tags de cabeçalho eram realmente um fator importante de classificação. Se os webmasters quisessem posicionar seus sites no topo dos SERPs do Google, então era necessário adicionar palavras-chave alvo aos cabeçalhos.
Avance rápido para o ano de 2022, as tags de cabeçalho não fazem mais parte da lista de fatores de ranqueamento do Google.
Google e outros motores de busca querem ver sua página da mesma forma que um usuário, para que possam fornecer uma melhor experiência ao usuário. Marcar e dividir seu conteúdo com tags de cabeçalho tornará mais facilmente digerível e legível para os visitantes do site.
Aqui estão algumas informações que reunimos sobre tags de cabeçalho dos Hangouts do Google Webmasters acima:
“Eu acho que faz sentido usar marcação semântica, então diferentes níveis de cabeçalho para dividir melhor o seu conteúdo e torná-lo um pouco mais fácil de entender. Às vezes isso ajuda os motores de busca a entender melhor quais pedaços de texto pertencem juntos, às vezes também ajuda os usuários a entender isso um pouco melhor.” — John Mueller 2018
Embora as tags de cabeçalho não tenham um impacto direto no SEO, o abuso dessas tags terá um impacto negativo nos rankings de busca. Os motores de busca saberão se você está abusando das suas tags de cabeçalho com enchimento de palavras-chave, o que afetará o ranking do seu conteúdo.
As tags de cabeçalho podem ter um impacto positivo no SEO quando trechos em destaque, como palavras-chave de pesquisa por voz e títulos, definem claramente diferentes itens de lista, como receitas e guias de como fazer.
Como Escrever as Tags de Título Perfeitas
Se você leu o nosso guia “Como Criar uma Tag de Título Amigável para SEO”, é provável que adapte as melhores práticas mencionadas lá para escrever títulos para postagens.
A regra mais importante para escrever tags de cabeçalho perfeitas é criar uma estrutura semântica para o seu site. John Mueller, do Google, disse:
...então essas tags de cabeçalho em HTML nos ajudam a entender a estrutura da página, mas não é que você tenha algum tipo de bônus fantástico de classificação por ter texto em uma tag h2... não é o caso de você automaticamente subir um ou dois lugares apenas por usar um cabeçalho, então eu recomendaria usá-lo para dar uma estrutura semântica à página, mas eu não diria que isso é um requisito para se classificar adequadamente na busca." —John Mueller, Google
Portanto, criar as tags de cabeçalho perfeitas para cada página/post pode ser simplificado em dois motivos:
- Estrutura da página para legibilidade
- Relevância para palavras-chave
Para evitar quaisquer problemas com motores de busca e experiência do usuário, aqui estão algumas coisas a fazer e a não fazer.
Melhores Práticas para Escrever Tags de Título
Imagine escrever um esboço para o seu conteúdo, os pontos de discussão que você lista no seu esboço de conteúdo podem ser usados como tags de cabeçalho. Onde estão os pontos de quebra? Pode ser útil definir cada subponto usando <em> e <strong>.
Embora seja permitido usar múltiplas tags h1, tente se ater a apenas uma tag <h1> por página. Você pode usar várias tags H1 para definir características-chave em páginas, mas use apenas uma tag H1 em postagens e artigos.
Considere mover todas as características principais para títulos H2 em vez de associá-las com H1. Se H1 e H2 não têm um fator de classificação real, estrutura e semântica são mais importantes.
Não use o mesmo <h1> cabeçalho em todo o conteúdo. Cada tag de cabeçalho deve conter texto único e descritivo. Se o <title> e <h1> do seu post são “O que é uma Tag de Cabeçalho”, evite usar o mesmo texto em outra tag.
Mantenha os cabeçalhos curtos e diretos. Embora não haja limites de comprimento, recomendamos manter entre 10–70 caracteres ao criar cabeçalhos.
Lembre-se, as tags de cabeçalho não devem ser usadas para estilização, então evite criar cabeçalhos apenas porque eles parecem bons.
Sempre lembre de seguir as diretrizes de H1–H6. W3C afirma, “Os seis elementos de cabeçalho, H1 até H6, denotam cabeçalhos de seções. Embora a ordem e a ocorrência de cabeçalhos não sejam restringidas pelo DTD do HTML, os documentos não devem pular níveis (por exemplo, de H1 para H3), pois converter tais documentos para outras representações é frequentemente problemático.”
Por último, mantenha a estrutura de cabeçalhos consistente em todo o seu site para proporcionar uma melhor usabilidade para os motores de busca e ajudar os usuários a identificar e navegar pelo seu conteúdo.
Quantas Tags de Título são Consideradas Excessivas?
Seja o seu conteúdo curto e conciso ou em formato longo, criar um equilíbrio de tags de cabeçalho é essencial.
Para conteúdo curto:
- Um H1 por página/postagem
- Dois ou Três H2
- Use H3 para agrupar links dentro do H2 ou fontes e referências relacionadas
Com conteúdo de longa forma, você pode adicionar mais tags H2 e tags H3–H6 com base na estrutura que deseja fornecer ao seu usuário.
Fonte da imagem: Diggity Marketing
Incluindo Palavras-chave em suas Tags de Título
Não se torne repetitivo, mas use tags de cabeçalho para descrever o conteúdo sendo discutido em cada seção.
Se você está escrevendo sobre “Melhores Práticas de Escrita de Tags de Título”, você não quer começar com “O que é SEO”,
Ou
Passo 1
Passo 2
Etapa 3
Abaixo está um exemplo de boas tags de cabeçalho:
Título: “Melhores Práticas de Escrita de Tags de Cabeçalho”
H1: “Seu guia de tags de cabeçalho para SEO” (Isso explica qual o propósito deste artigo. É para SEO e não um guia para click baits ou conversão.)
H2: “O que é a tag de cabeçalho” (Dependendo da persona dos seus leitores, você pode adicionar ou remover isso e prosseguir.)
H2: “Por que as tags de cabeçalho são importantes” ou “Por que é importante” (É importante agregar valor e fornecer motivos para ajudar a convencer seus leitores, a menos que seu público-alvo seja avançado, caso em que você pode referenciar estudos de caso de como o algoritmo do Google mudou e o que eles precisam fazer agora.)
H3: “O que os especialistas têm a dizer ” ou “Especialistas opinam sobre tags de cabeçalho” ou “O que os especialistas têm a dizer”.
H2: “Diretrizes de melhores práticas para tags de cabeçalho” (Referência sobre por que e como ter uma lista de verificação ou guia pode ajudá-lo a evitar quaisquer erros de SEO.)
H3: “Como criar tags de cabeçalho perfeitas”, “Exemplos excelentes de cabeçalhos”, “Coisas a evitar ao criar tags de cabeçalho” ou “Exemplos de tags de cabeçalho ruins” (Se você adicionar palavras-chave ou não, a estrutura deve fornecer uma intenção clara.)
H2: "Como adicionar tags de cabeçalho ao WordPress"
H2: "Resumo" ou "Em conclusão".
Dê Estrutura e Seja Consistente
Se você passou pelas suas tags de cabeçalho e há muitas das mesmas palavras-chave mencionadas, isso parecerá repetitivo e como se elas tivessem sido escritas apenas para os motores de busca.
Não é um problema expressar e explicar seu artigo sem usar as palavras-chave alvo que ajudam os mecanismos de busca e os leitores a entender sobre o que é o título.
O primeiro exemplo H3, “What experts have to say”, pode ser claramente entendido se estiverem no H2, “Why are heading tags important”.
Se, em vez disso, você adicionou “Por que é importante”, você está fazendo referência ao título real, portanto, você pode reiterar e ajudar usuários e motores de busca a entenderem e referenciarem coletivamente o que vai acontecer em seguida, e escrever “O que os especialistas têm a dizer sobre as tags de cabeçalho”.
Mantenha uma estrutura consistente em todas as suas páginas. Os cabeçalhos estão lá para criar um certo tipo de fluxo para seus leitores. Os cabeçalhos também são indicadores que ajudam os leitores a decidir se querem continuar lendo ou procurar outra solução em outro site.
Como Adicionar Tag de Título com o WordPress
Existem duas maneiras de alterar as tags de cabeçalho no WordPress. Você pode destacar as palavras que deseja alterar e usar atalhos de teclado:
Em um Mac:
CTRL + ALT + 2/3/4/5/6 – Aplica a tag de cabeçalho apropriada (<h2>, <h3>, etc.)
No PC:
SHIFT + ALT + 2/3/4/5/6 – Aplica a tag de cabeçalho apropriada (<h2>, <h3>, etc.)
Ou selecione o menu suspenso e escolha o título que atenda às suas necessidades:
Como Adicionar Tags de Título com Wix
Para fazer alterações na sua página do Wix, você pode simplesmente destacar as palavras ou frases e selecionar o menu suspenso em Temas.
Se você quiser alterar as tags de cabeçalho em uma postagem de blog, navegue até o editor de postagens do blog Wix. Em seguida, simplesmente destaque o cabeçalho que deseja editar e escolha a opção apropriada clicando em Parágrafo.
Como Adicionar Tags de Cabeçalho com o Shopify
Alterar a tag de cabeçalho no Shopify é simples como destacar sua palavra ou frase e clicar no botão "A" para selecionar qual tag de cabeçalho você deseja atribuir.
Alterar as tags de cabeçalho na sua página inicial é um pouco difícil. Fazer alterações pode ser alcançado editando o código no arquivo theme.liquid ou dependendo de qual arquivo você está puxando os dados.
Se uma seção da sua página inicial tiver uma lista de coleção adicionada como a captura de tela abaixo:
Você está extraindo dados do arquivo collection.liquid que classificará o nome da coleção como H1.
Se você adicionou uma lista de múltiplas coleções à página inicial, você terá múltiplos H1. Recomendamos pedir ao desenvolvedor do seu tema para fazer as alterações para você.
Conclusão
As tags de cabeçalho devem ser usadas em todas as páginas do seu site, especialmente na página inicial e em todos os artigos do blog do seu site. Essas tags HTML ajudam a dividir longos trechos de texto e elas "dividem" seu conteúdo em seções temáticas.
Ao seguir as melhores práticas que destacamos neste artigo, você será capaz de criar tags de cabeçalho que podem ser compreendidas por humanos e rastreadores de motores de busca.