Tags de cabeçalho: um guia simples (mas completo) para tags de cabeçalho HTML H1, H2 e H3 para SEO

Publicados: 2020-08-25
Guia de tags de cabeçalho

Este é um guia completo para tags de cabeçalho em 2021.

Neste novo guia, você aprenderá exatamente como usar as tags H1 a H6 para obter classificações mais altas nos mecanismos de pesquisa, mesmo que você seja novo em tags de cabeçalho de SEO ou tenha sido enganado (pelo Google) pensando que as tags de cabeçalho não trabalhar.

Você está prestes a aprender tudo o que precisa saber sobre elementos de título HTML, desde o que eles são (em linguagem simples) até estratégias avançadas de título comprovadas para aumentar o alcance e o engajamento do seu conteúdo.

Aqui está uma visão geral rápida do que é coberto:

  • O que são tags de cabeçalho e exatamente como usá-las
  • A diferença entre as tags H1, H2 e H3 e quando é certo usar cada tipo
  • Cinco razões pelas quais as tags de cabeçalho são essenciais agora
  • A anatomia de uma hierarquia de tags de cabeçalho perfeitamente estruturada
  • Como criar tags H1 a H6 que oferecem classificações (e vendas) mais altas
  • Muito mais

Vamos começar.

DOWNLOAD: Uma lista de verificação gratuita que mostrará exatamente como implementar as dicas de otimização de tags de cabeçalho contidas neste post.

O que são tags de cabeçalho? Uma definição livre de jargão

Em termos simples:

As tags de título são elementos HTML usados ​​para definir os títulos de uma página.

Eles diferenciam o título <h1> e os subtítulos <h2> a <h6> do restante do conteúdo.

O número de 1 a 6 determina a importância e a posição que um título tem na hierarquia geral da estrutura de títulos.

H1, H2, H3 Header Tags

Tal como acontece com a maioria dos termos de SEO, existem todos os tipos de sinônimos que são usados ​​​​de forma intercambiável para descrever títulos:

Tags de cabeçalho, cabeçalhos HTML e tags H são algumas outras maneiras de descrever a mesma coisa.

Então, se você já ouviu esses termos de SEO antes, agora você sabe o que eles significam.

Eles são apenas tags de cabeçalho, com nomes diferentes.

Por outro lado, um “ cabeçalho HTML ” é a seção de código entre o elemento <header> em uma página web.

É um contêiner para conteúdo introdutório, como navegação, logotipo, informações do autor e detalhes do título.

Em outras palavras, é um contêiner que pode incluir suas tags de cabeçalho (entre outras coisas).

Headers Tags Vs Header HTML

Você também NÃO deve confundir as tags de cabeçalho com o elemento < head > do código HTML.

O < head > é um contêiner para metadados (dados sobre dados) e é colocado entre a tag < html > e a tag <body> em sua página da web. Seu conteúdo não é renderizado na página, mas é crítico para SEO.

É o local em seu código onde o título da página, a meta descrição e os scripts como o Google Analytics ficam hospedados.

Head Tags Vs Head Element

Ainda comigo?

Ótimo, vamos continuar.

O que é uma etiqueta H1?

Vamos supor que você não saiba nada sobre H1s.

Vou compartilhar uma definição muito simples com você:

O H1 é uma tag HTML que indica o título principal em uma página da web.

Vamos descompactar isso.

  • É um elemento HTML, o que significa que a tag H1 está dentro do código do seu site.
  • Ele é usado para marcar o título principal, normalmente o primeiro cabeçalho visível em uma página.

Para destacar o texto, a tag H1 geralmente é exibida maior e com mais destaque do que o restante do texto em sua página ou postagem.

H1 Header Tag Blog

A maneira mais fácil de entender como você usaria a tag Heading 1 é imaginar que está escrevendo o esboço de um documento.

O título principal do seu documento deve ser seu <h1>.

Deve representar o tópico geral do documento e ser exibido no início como uma fonte grande.

SPI H1 Heading

Exemplo de Tag H1:

Usando o exemplo acima do Smart Passive Income, a tag H1 tem o valor de “Aprenda Marketing Ético de Afiliados”.

Quando visualizada em HTML, a tag H1 aparece da seguinte forma:

 <h1>Learn Ethical Affiliate Marketing</h1>

Claro, as páginas do seu site podem precisar de mais de um título.

É aqui que entram as outras tags de cabeçalho.

O que é uma etiqueta H2?

Considerando que sua tag H1 é usada para o cabeçalho principal do seu documento ;

Seus pontos principais são agrupados em subtítulos conhecidos como H2s.

Em outras palavras:

Uma tag <h2> define os títulos de segundo nível em sua página da web.

Mas, as tags de cabeçalho não param em H2s.

Os subpontos abaixo de suas tags <h2> usam tags de cabeçalho <h3>:

H1, H2, H3 Heading Structure

E os subpontos abaixo das tags <h3> usam tags de cabeçalho <h4>.

H1 to H6 Heading Structure

Essa sequência pode continuar até as tags <h6>, que são as menos importantes na hierarquia de tags de cabeçalho.

No entanto:

É muito raro você escrever conteúdo profundo o suficiente para precisar de tags H4, H5 e H6.

(A menos que seu conteúdo seja muito longo e técnico).

Como este sobre SEO de imagem, a maioria dos meus posts de blog tem mais de 5.000 palavras.

Contagem de palavras da postagem do blog

E mesmo assim, meus subtítulos são compostos de meros H2s e H3s:

H2, H3 Tag Structure

Então, vamos encerrar as tags H2:

As tags de subtítulo H2 são usadas para dividir o conteúdo e torná-lo digitalizável e fácil de ler.

Etiquetas H2

H2s são usados ​​para destacar informações importantes e encabeçar subseções em sua página.

Quando necessário, você pode usar tags H3 como títulos para subpontos abaixo de seus H2s.

Usando o exemplo acima, é assim que uma tag H2 se parece no código HTML:

 <h2>How To Claim Your Business On Google</h2>

Entendi? Boa.

Em seguida, vamos nos aprofundar nas tags de cabeçalho e como codificá-las em HTML.

Tags de título em HTML: e a importância do H1

As tags de cabeçalho e, em particular, a tag H1, têm uma função essencial dentro de uma estrutura HTML.

Deixe-me explicar:

Um arquivo HTML pode ser definido como uma combinação de nós, em que a tag de cabeçalho é o ponto de partida a partir do qual outros nós se ramificam.

Um arquivo HTML deve, portanto, (em teoria) ter apenas um cabeçalho H1.

Por quê? Porque a tag H1 é a raiz a partir da qual todos os outros nós começam.

Em contraste, os cabeçalhos inferiores na ordem (H2 a H6) podem ser usados ​​com a frequência desejada.

Eles devem, no entanto, manter uma hierarquia lógica – mais sobre isso mais tarde.

Do ponto de vista do código, as tags de cabeçalho são usadas para exibir apenas texto.

Como tal, a formatação dos títulos deve ser especificada nos arquivos CSS para separar formato e conteúdo.

Exemplos de tags de cabeçalho e como codificá-las em HTML

O que torna uma tag de cabeçalho um cabeçalho no código do seu site são duas tags HTML simples:

Uma tag de abertura <h> e uma tag de fechamento </h>.

Dentro dessas duas tags está o texto do cabeçalho que você deseja exibir:

H1 Tag Exampe

As linhas de código para um título com dois subtítulos são assim:

 <h1>This is a heading</h2> <h2>This is a sub-heading</h2> <h3>This is a third sub-heading</h3>

É claro que o código do seu site não exibirá apenas títulos.

Ele conterá cópia do corpo e outros elementos também.

Aqui está a aparência do código HTML com uma série de títulos E uma cópia do corpo incluída:

 <h1>This is a heading</h1> <h2>Summary</h2> <p>Some text here...</p> <h2>Examples</h2> <h3>Example 1</h3> <p>Some text here...</p> <h3>Example 2</h3> <p>Some text here...</p> <h2>See also</h2> <p>Some text here...</p>

Não há muito mais nos elementos de código do que isso.

Apenas lembra-te:

Cada tag de cabeçalho começa com uma tag <h> de abertura e deve ser fechada com uma tag final </h>.

A hierarquia de tags (1-6) é especificada imediatamente após o “h” e deve ser definida tanto nas tags de abertura quanto nas de fechamento.

Seu conteúdo de texto é escrito entre os dois elementos de tag.

Com tudo o que disse:

A menos que você esteja codificando uma página da Web (NÃO é algo que eu geralmente recomendo), o código HTML de suas tags de cabeçalho será tratado pelo seu sistema de gerenciamento de conteúdo.

Como adicionar tags H1 a H6 no WordPress

WordPress é o sistema de gerenciamento de conteúdo mais popular da web.

De acordo com o WordCamp, atualmente existem mais de 75 milhões de sites que usam o WordPress .

Isso é cerca de 30% de todos os sites na rede mundial.

O que torna o WordPress tão popular é sua facilidade de uso e facilidade de uso.

Adicionar funcionalidades de SEO, como títulos de página personalizados e links permanentes, hiperlinks e imagens otimizadas, é muito fácil no WordPress.

Assim também é adicionar tags de cabeçalho a uma página ou postagem.

Existem duas maneiras principais de adicionar tags de cabeçalho no WordPress; Vou mostrar a vocês dois:

(uma). Adicionando Tags H1 no WordPress através do Editor

A maneira mais fácil de adicionar títulos é através do editor. Se você já estiver usando o editor de blocos Gutenberg, clique no botão '+' e selecione 'Título';

Adding Header Tags WordPress Block Editor

A partir daí, você pode escolher qual título deseja adicionar.

Heading Tag Selector WordPress

Se você ainda estiver usando o editor clássico, também é simples.

Apenas certifique-se de estar na guia visual do editor e navegue até o menu suspenso de estilo de texto.

Em seguida, basta selecionar 'Título 1' ou 'Título 2' ... ou qualquer outro título que você quiser no menu suspenso.

H1 Tags WordPress

Fácil, hein?

A próxima opção para adicionar tags H1 a H6 no WordPress é usar HTML.

(b). Adicionando Tags H1 no WordPress através do Editor

Se você quiser, também é possível adicionar títulos no WordPress usando HTML.

Tenho certeza de que você está acompanhando, então já conhece o código HTML para <h1>, <h2>, <h3> etc.

Ele começa com um <h> de abertura e termina com uma tag de fechamento </h> com o texto do título entre:

Para adicionar tags <h1> a <h6> no WordPress usando o editor clássico, você precisará estar na guia de texto:

Adding H1 Tags WordPress HTML Block

No editor de blocos, você deve alternar para editar como HTML.

Para fazer isso, clique nos três pontos verticais na barra de ferramentas do bloco. Em seguida, selecione a opção Editar como HTML.

Igual a:

H1 Tags WordPress HTML Classic

Em qualquer um dos editores, basta copiar/colar a tag de título que você deseja usar a partir daquelas abaixo , atualizar o texto do título e pronto.

 <h1>This is an H1 heading</h1> <h2>This is an H2 sub-heading</h2> <h3>This is an H3 sub-heading</h3> <h4>This is an H4 sub-heading</h4> <h5>This is an H5 sub-heading</h5> <h6>This is an H6 sub-heading</h6>

Vamos voltar nossa atenção para Shopify.

Como adicionar (ou alterar) tags H1 a H6 na Shopify

Desde que entrou em cena, Shopify rapidamente se tornou a plataforma de comércio eletrônico preferida.

De acordo com o Hosting Tribunal, quase meio milhão de sites estão usando Shopify.

Assim como o WordPress, o que torna o Shopify mais atraente é o foco no usuário.

Gerenciar produtos, adicionar e remover páginas e postagens são incrivelmente fáceis.

O mesmo acontece com a adição de tags de cabeçalho <H2> a <H6>.

Dentro do Editor de Páginas ou Postagens, basta clicar na aba de formatação:

Adding Heading Tags Shopify

Em seguida, selecione a tag de título desejada:

Shopify Heading Tags Formatting

Assim como o WordPress e outros sistemas de gerenciamento de conteúdo, Shopify também fornece um editor de código.

Para adicionar títulos à Shopify usando o editor de código, clique no botão <> da janela do editor e adicione seu código de título:

Shopify Text Editor

Bem simples!

Por outro lado, se você deseja adicionar e otimizar as tags <H1> e <H2> nas outras páginas da sua loja da Shopify, como sua página inicial ou de produtos…

Você precisará editar seus arquivos de tema da Shopify.

Felizmente, Daniel Sim do Plugin Useful montou um guia prático sobre isso aqui.

Por que usar títulos?

Então, abordamos “como” adicionar tags de cabeçalho.

Mas, ainda assim, você pode estar se perguntando “por que” usar títulos em primeiro lugar?

Especialmente quando o Google descreveu o uso de títulos para SEO como superestimado:

John Mueller Heading Tags Quote

Apesar do que o Google diz, existem (de fato) várias razões importantes pelas quais você deve usar tags de cabeçalho:

1. Heading Tags Melhoram a Acessibilidade – O que Dá ao Seu Conteúdo Maior Alcance

Se você deseja que seu conteúdo seja acessível a todos, incluindo leitores com deficiência visual, as tags de cabeçalho são incrivelmente úteis.

A tecnologia de leitura de tela usa H1s e outras tags de cabeçalho para ajudar os usuários a navegar pelo conteúdo, digitalizar e pesquisar uma página.

Fonte da imagem: Jackie Tidwell

Como você já aprendeu, os títulos são incorporados em HTML, o que significa:

Um leitor de tela pode usar o HTML para identificar a estrutura do conteúdo e ler os títulos em voz alta.

Por sua vez, isso ajuda deficientes visuais e usuários cegos a obter uma visão geral do que é um artigo (sem precisar ouvir palavra por palavra).

Eles podem então decidir se querem ou não ler o artigo na íntegra.

O que mais:

Os leitores de tela oferecerão atalhos para pular de um título para o próximo.

Em outras palavras, as tags de cabeçalho também são usadas por deficientes visuais para navegação .

2. O Google usa H1s no lugar de tags de título (quando relevante)

Em alguns casos (não tão) raros;

Como quando o Google não consegue encontrar ou processar sua tag de título.

O Google pode optar por extrair um título da próxima parte mais relevante de sua página.

Na maioria dos casos, essa será a tag Título 1, pois é o elemento de texto mais proeminente disponível.

Tag de título vs tag de cabeçalho

De certa forma, a tag H1 de uma página serve a um propósito semelhante à sua tag de título.

Ele deve atender à intenção de pesquisa, informar aos leitores o que eles podem esperar da página e deixar os usuários animados para ler mais.

Agora você sabe que o Google pode optar por exibir seu H1 em SERPs; certifique-se de criar um título atraente e digno de clique.

Vou compartilhar dicas sobre como fazer isso mais tarde.

3. Os títulos são usados ​​em trechos em destaque

Confira este trecho em destaque.

Featured Snippet List Snippet

É um snippet de lista que apresenta os principais blogs de mídia social para 2020.

E, de onde você acha que esse texto é puxado?

Você adivinhou. Os títulos da página de classificação:

Header Tags Top Social Media Sites

Se você deseja aparecer no número crescente de snippets em destaque, incorporar títulos em sua página é crucial.

O que me leva ao meu próximo motivo:

4. O Google usa títulos para interpretar seu conteúdo (e aumentar a classificação).

Farei este ponto com duas declarações do Google.

Primeiro, de John Mueller, analista sênior de tendências para webmasters do Google, que diz:

“Nós usamos tags H para entender melhor a estrutura do texto em uma página.”

E segundo, de Matt Cutts, ex-integrante da equipe de qualidade de pesquisa do Google.

“O Google analisa muitas coisas diferentes. Analisamos mais de 200 coisas, o PageRank é apenas uma delas. Sempre que classificamos as coisas, usamos coisas no título, na URL, até você sabe coisas que são destacadas como tags h1 e coisas assim.”

Matt Cutts, Google

Para expandir ainda mais:

O Google usa os títulos de uma página para (melhor) interpretar sobre o que é o conteúdo.

Como um título geralmente deve preceder um bloco de conteúdo:

O Google visualizará um título para saber mais sobre o conteúdo a seguir: texto, imagem ou vídeo.

Se o título e a cópia do corpo estiverem alinhados, o Google pode ter mais certeza de que seu conteúdo fornecerá respostas relevantes às consultas (relacionadas ao conteúdo).

E, por sua vez, você receberá um leve aumento de classificação.

John Mueller Header Tags Quote

Com isso, vamos ao meu quinto motivo para usar títulos.

5. O uso do título está correlacionado com classificações mais altas

Quase todos os estudos de correlação de SEO que eu já vi mostraram uma correlação pequena, mas positiva, entre classificações mais altas e títulos em uma página.

Pegue este do SEM Rush:

SEMrush Header Tag Study

Descobriu-se que ter artigos bem estruturados (usando tags H2 e H3) tem maior probabilidade de ter alto desempenho.

E este do Moz:

Header Tags in Moz Ranking Factors Study

O estudo de fatores de classificação da Moz descobriu que as páginas com a palavra-chave incluída na tag de cabeçalho H1 são mais propensas a ter uma classificação mais alta.

Embora o peso dado às tags de cabeçalho por esses estudos seja apenas moderado, e;

Alguns SEOs argumentarão (com razão) que a correlação da tag de cabeçalho com classificações mais altas não prova que elas causam mais classificações de topo , tenho certeza que você concordará comigo:

Vale a pena usar tags de cabeçalho bem otimizadas.

Ou é?

As tags H1 realmente funcionam (uma experiência de SEO)?

Todo guia de SEO oferece o mesmo conselho:

Aconselhamento de Tag H1
Fonte: Backlink

Mas nem todos os blogs seguem essas práticas recomendadas de SEO, sendo a Moz uma delas.

O Moz.com é um dos sites mais confiáveis ​​(e altamente trafegados) no tópico de SEO, e ainda:

O blog da Moz não tem tag H1 e usa uma tag H2 como título principal.

Depois de perceber que o blog da Moz usava tags H2 para manchetes (em vez de H1s), Craig Bradford da Distilled entrou em contato com Cyrus Shepard na Moz.

Juntos, Craig e Cyrus decidiram realizar um experimento que, esperançosamente, determinaria de uma vez por todas se as tags H1 impactam os rankings dos mecanismos de busca.

Para fazer isso, eles criaram um teste de divisão 50/50 das manchetes do blog da Moz usando o SearchPilot; uma ferramenta de teste A/B de SEO.

Moz H2 Tags

No experimento, metade das manchetes do Moz foi alterada para H1s e a outra metade mantida como H2s.

Eles então mediram qualquer diferença no tráfego orgânico entre os dois grupos.

O que você acha que aconteceu quando os títulos principais foram alterados da tag de título incorreta (H2) para o título correto (H1)?

A resposta:

Não muito!

Após oito semanas de coleta de dados, eles determinaram:

Alterar os títulos das postagens do blog de H2s para H1s não fez diferença estatisticamente significativa.

O que podemos deduzir disso?

Apenas que o Google é igualmente capaz de determinar o contexto da página se seu título principal estiver envolvido em um H1 ou um H2.

Isso significa que você deve abandonar a melhor prática e acabar com os H1s?

De jeito nenhum.

Estrutura de cabeçalho: anatomia de uma hierarquia de tags de cabeçalho perfeitamente estruturada

Como já indiquei:

Os títulos comunicam a organização do conteúdo em sua página.

E torne seu conteúdo mais consumível para os leitores.

Portanto, embora o Google tenha declarado que, mesmo sem “tags de cabeçalho”, eles podem determinar o que é notável em uma página…

O benefício de SEO de usar tags de cabeçalho e estruturá-las corretamente faz com que qualquer esforço extra necessário supere não usá-las…

A questão então passa a ser:

Como estruturar tags de cabeçalho: uma hierarquia simples (lógica) para uma página da Web

Quando se trata de estruturar seus títulos, existem algumas regras simples a serem seguidas:

  • Aninhar títulos por sua classificação (ou nível)
  • O título mais importante tem a classificação mais alta (<h1>)
  • O título menos importante tem a classificação mais baixa (<h6>)
  • Títulos com uma classificação igual ou superior iniciam uma nova seção
  • Títulos com uma classificação mais baixa iniciam novas subseções que fazem parte da seção de classificação mais alta

Ao aplicar essas regras, lembre-se do usuário.

Primeiro, o usuário visual que escaneará sua página;

Sua hierarquia de tags torna a estrutura da página mais proeminente e mais fácil de verificar?

Segundo o usuário com deficiência visual;

Sua hierarquia de tags descreve cada seção (e a página como um todo), permitindo que usuários cegos acessem diretamente a parte que mais lhes interessa?

Se você lesse suas tags de cabeçalho em voz alta, um usuário saberia (com precisão) quais informações sua página contém e como ela está organizada?

Se você responder “não” a qualquer uma dessas perguntas, sua estrutura precisa ser repensada.

Vamos usar um exemplo:

 <h3>Quick Links</h3> <h3>Photography Tutorials</h3> <h1>Setting the Exposure Manually on a Camera</h1> <h3>Set the ISO</h3> <h4>The effect of ISO on image quality</h4> <h4>High ISO cameras</h4> <h3>Choose an aperture</h3> <h4>The effect of aperture on depth of focus</h4> <h4>Vignetting</h4> <h4>Diffraction</h4> <h3>Choose a shutter speed</h3> <h4>Shutter speed limitations for hand-holding a camera</h4> <h4>Long exposures</h4>

Na estrutura acima:

O esboço começa com dois títulos <h3>, em vez de <h1>, e nenhum desses títulos é o título principal da página da web.

Em vez disso, eles fazem parte da estrutura de navegação em torno do título do modelo.

Além disso, uma vez que o conteúdo é iniciado, o contorno salta do nível 1 para o nível 3, sem um título de nível 2 intermediário.

Como você pode imaginar;

Um usuário digitalizando esses títulos (como aqueles em um dispositivo de leitura de tela) ficaria um pouco confuso.

Suponha que o conteúdo não seja o que eles estão procurando;

Clique no botão Voltar e vá para outro lugar.

Visitante perdido!

Tenho certeza de que agora você entende por que é essencial acertar a estrutura do título.

Seguindo o mesmo exemplo…

Veja como deve ser a estrutura do título na ordem apropriada:

 <h1>Setting the Exposure Manually on a Camera</h1> <h2>Set the ISO</h2> <h3>The effect of ISO on image quality</h3> <h3>High ISO cameras</h3> <h2>Choose an aperture</h2> <h3>The effect of aperture on depth of focus</h3> <h3>Vignetting</h3> <h3>Diffraction</h3> <h2>Choose a shutter speed</h2> <h3>Shutter speed limitations for hand-holding a camera</h3> <h3>Long exposures</h3>

Cada nível de cabeçalho, <h1> a <h3>, indica a relação de uma parte do conteúdo com as outras partes.

O conteúdo sob um título relaciona-se logicamente a um título acima dele.

Da mesma forma, o conteúdo dentro de um bloco de conteúdo <h2> fica logicamente sob o <h1> que o precede.

Desta forma, a estrutura de cabeçalhos organiza hierarquicamente o conteúdo do documento.

E deixa bem claro o que é importante.

Bingo!

Verificação de Tag H1: Como Realizar uma Auditoria de Título

Então agora você já sabe como estruturar as novas páginas do seu site, certo!

Mas, e as suas páginas existentes?

Como você pode verificar se eles estão usando as tags de cabeçalho corretas?

Bem, existem algumas maneiras:

Primeiro, você pode verificar o código-fonte do seu site .

Para fazer isso, navegue até a página da Web que você deseja verificar usando o Google Chrome.

Em seguida, clique em 'Visualizar', depois em 'Desenvolvedor' e depois em 'Visualizar código-fonte'.

Origem da visualização de auditoria de tag H1

Em seguida, 'Control F' para iniciar a função de pesquisa na página seguido de '<h1' para encontrar a tag HTML H1 de abertura:

Este processo pode ser repetido para H2s usando uma busca por '<h2' e assim por diante.

Tags H2 Visualizar Pesquisa de Origem

Você também pode visualizar suas tags de cabeçalho usando uma extensão do navegador como SEO Quake.

SEO Quake

Com o SEO Quake instalado, abra a página que deseja verificar, navegue até a guia 'Diagnóstico' dentro do SEO Quake e role para baixo até a seção Títulos.

Ele mostrará o número total de tags de título em cada nível e, em seguida, listará as tags de título na hierarquia em que são exibidas.

Tags de cabeçalho SEO Quake

Uma rápida revisão da página acima mostra que ela usa tags H1, H2 e H3, e as tags são estruturadas em uma hierarquia lógica.

Mas pode haver um problema.

A página contém dois títulos H1.

Tags H1: quantos elementos H1 são recomendados em uma única página

Como apontei anteriormente, uma página deve ter apenas uma tag H1 .

Isso porque a tag H1 é o nó raiz do qual todos os outros títulos se originam.

E, por ter apenas uma tag H1, seus esforços de SEO são focados em um tópico principal – com vários subtópicos (abrangentes) sob títulos que usam H2s e H3s.

Essa é a estrutura ideal para classificação nos dias de hoje.

Mas e os casos em que sua página tem mais de um H1?

Ou mesmo sem H1?

De acordo com um estudo feito pela SEMRush, uma grande porcentagem de sites contém problemas de tag H1:

Estudo de tags de cabeçalho da SEMrush

Mas, de acordo com o Google, isso não é motivo de preocupação:

Especialmente, já que o HTML5 pode usar H1s para liderar várias seções na mesma página.

Então o que eu recomendo?

Se você já estiver usando HTML5, que pode ter seções distintas na mesma página, usar tags H1 para cada seção está perfeitamente bem.

Se, no entanto, você estiver usando código pré-HTML5, onde uma página geralmente significa um tópico central – então atenha-se à regra de um h1/uma página!

Como criar tags Killer H1 a H6. Cinco dicas de escrita de cabeçalho

Em seguida, vou compartilhar exatamente como escrever um título que reduza a taxa de rejeição, aumente o tempo na página e, por fim, gere classificações e conversões mais altas nos mecanismos de pesquisa para o seu site.

Vamos pular:

1. Dê a eles o que eles vieram buscar – Dominando a intenção de pesquisa com H1s

O Google diz que usar palavras-chave em seus títulos não ajudará você a ter uma classificação melhor.

Eles estão errados!

Concordo que as palavras-chave dentro dos títulos podem não ser um fator de classificação direto , mas ainda ajudam você a ter uma classificação mais alta ao longo do tempo.

Por quê?

Duas palavrinhas; intenção de pesquisa.

Imagine por um momento que você pesquisou algo no Google, clicou em um resultado relevante e terminou em uma página de destino.

No cenário A, a página que você acessa tem um título claramente articulado que corresponde perfeitamente ao seu termo de pesquisa.

Boa intenção de pesquisa

No cenário B, o título da página não corresponde ao seu termo de pesquisa.

Intenção de pesquisa incorreta

Em qual página você permanece?

Página A, é claro.

O algoritmo de aprendizado de máquina do Google, conhecido como RankBrain, usa esse conceito como um fator de classificação ao medir o tempo de permanência dos usuários.

Longo tempo de permanência (também conhecido como tempo na página) é uma medida da satisfação do pesquisador.

Se um usuário passar um longo período em uma página da web – em vez de voltar aos resultados da pesquisa imediatamente – o Google assumirá que o usuário encontrou o que estava procurando.

E, por sua vez, dê à página um impulso de classificação.

Simplificando:

Maximizar o tempo de permanência e minimizar o pula-pula é essencial para classificações mais altas nos dias de hoje.

Um dos fatores mais significativos que influenciam o tempo de permanência é o que os usuários veem quando acessam uma página pela primeira vez. Em outras palavras, o título.

Como todos os especialistas em pesquisa paga dirão se você está segmentando a palavra-chave “tacos de hóquei”, sua página de destino deve incluir esse termo (ou uma variação muito próxima) no título. O mesmo vale para a busca orgânica.

A chave aqui é; a palavra-chave de destino ou uma variação aproximada .

Claro, você pode incluir a palavra-chave exata, se quiser, mas não é essencial.

O principal é corresponder à intenção por trás da pesquisa dos usuários, o que permite usar variações e sinônimos para tornar seu título mais natural e atraente.

De qualquer forma, refletir o termo de pesquisa no título dirá ao usuário: “você encontrou o que está procurando”, o que aumenta as chances de ele permanecer.

Vamos ilustrar isso com um exemplo:

Glen Allsopp em Detailed.com escreveu este post sobre link building.

Ele tem como alvo a palavra-chave “construção avançada de links”.

Criação de links avançada

Para ajudar a postagem a satisfazer a intenção de pesquisa, Glen inclui sua palavra-chave no título da página da postagem:

Palavra-chave na etiqueta de título

E novamente no cabeçalho da página.

Palavra-chave no título

É claro para quem procura por “construção avançada de links” o post de Glen terá o que eles estão procurando.

Isso só pode ajudar a melhorar o tempo de permanência da postagem de Glen e apaziguar o algoritmo RankBrain do Google.

2. Use a técnica "So What" e transforme seus cabeçalhos focados em recursos chatos em ganchos direcionados a benefícios

Em vez de escrever apenas subtítulos curtos e focados em recursos.

Eu incorporo benefícios em pelo menos 50% dos meus H2s:

Subtítulos Orientados por Benefícios

Por que eu faço isso?

Ao usar os benefícios, sugiro como minhas informações ajudarão meus leitores em seu papel como SEOs.

Por exemplo:

Neste post sobre experimentos de SEO eu poderia ter escrito “Use Outbound Links” como o H2.

Mas, em vez disso, incluí um benefício impactante mostrando o problema que a informação resolveria.

Use os benefícios em tags H2

Se você é um SEO e tem o mesmo problema, é quase certo que vai continuar lendo.

Então, como você cria seus títulos direcionados a benefícios?

Pergunte: “e daí?” várias vezes.

Deixe-me mostrar um exemplo que peguei do Enchanting Marketing:

Característica: O forno pré-aquece rapidamente.

E daí?

Está rapidamente pronto para começar a cozinhar sua lasanha.

E daí?

Sua comida está na mesa mais cedo.

E daí?

A vida é menos estressante. Há menos vagando pela cozinha esperando o forno ficar pronto. E você não precisa se preocupar; você pode esquecer de pré-aquecer o forno.

Seu título que começou como “Função de pré-aquecimento”

Agora poderia se tornar:

“Economize tempo e reduza o estresse com esta função exclusiva de pré-aquecimento”

Qual é mais provável para mantê- lo colado à página?

3. Faça seus títulos se destacarem com fontes destacadas e cores contrastantes

Você acertou sua cópia e seus títulos cumprem perfeitamente a intenção de pesquisa, e agora?

Para ajudar os leitores a navegar melhor pelo seu conteúdo, você deve diferenciar seus títulos e subtítulos.

Em outras palavras, seus títulos devem “POP” na página.

Ser distinguível pode envolver diferenciação visual em cor, tamanho, fonte ou efeito.

Diferenciação de título

OU uma combinação de tudo isso.

Vejamos alguns exemplos:

O blog do Ahrefs faz um ótimo trabalho ao distinguir seus cabeçalhos:

Cabeçalhos Ahrefs

Eles usam um tamanho de fonte diferente e progridem sutilmente de preto para cinza à medida que descem na hierarquia do cabeçalho.

Para pontos de bônus, eles também usam uma fonte personalizada desenvolvida exclusivamente para sua marca.

Outro bom exemplo é o Single Grain de Eric Siu, que usa um laranja contrastante para os títulos do blog.

Cabeçalhos de grão único

Você quer que seus títulos se destaquem, para que sejam visualmente diferentes de outros elementos na página – especialmente call to actions .

Muita sobreposição visual pode resultar em menos olhos em seus CTAs, levando a conversões mais baixas.

Com isso, na minha quarta dica

4. Aproveite essas técnicas de redação bacanas, reduza sua taxa de rejeição e aumente suas vendas

Se isso não levar você a levar a sério a redação do título, nada o fará:

Citação de manchete de Brian Clarke

Essa declaração destaca a importância do título e por que ele determina a eficácia de todo o seu artigo.

Resumindo, quanto melhor for o título, maiores serão as chances de bater as médias e fazer com que o que você escreveu seja lido.

Isso vale não apenas para o título principal (H1), mas também para os subtítulos (H2 a H6).

Cada vez que há uma interrupção em seu conteúdo, seu leitor tem duas opções;

Ou eles param, ou lêem.

É por isso que é crucial usar uma cópia atraente em todos os seus títulos (H1 a H6).

Não sou especialista em redação, então deixarei para Nevile Medhora KopyWriting Course compartilhar algumas dicas de redação de títulos.

5. PARAR os leitores em suas trilhas ao inserir esses elementos de título em seu conteúdo

Usar gráficos é excelente.

Usar títulos é excelente.

Mas quando você combina os dois, a verdadeira mágica ocorre.

Como já discutimos:

Melhorar o tempo na página do usuário melhora seus resultados de classificação.

Um longo tempo de permanência informa ao Google que seus usuários estão satisfeitos – e, por sua vez, seu conteúdo recebe um aumento de classificação.

Tempo de permanência e RankBrain

Para melhorar o tempo na página, há uma coisa em que você deve se concentrar acima de tudo;

Tornando seu conteúdo mais legível .

Além de;

  • Parágrafos curtos
  • Imagens e multimídia
  • Blocos de cotação
  • Tópicos
  • Testes

Há outro elemento de conteúdo de interrupção que você deve inserir ao lado de seus subtítulos que certamente interromperá os “escumadores de conteúdo” em suas faixas:

Gráficos de cabeçalho personalizados

Dê uma olhada neste resumo sobre SEO local no blog SEO Sherpa.

Juntamente com as tags de cabeçalho H2, adicionei gráficos personalizados que apresentam cada subseção do post.

Gráficos de cabeçalho personalizados

Eles não apenas fazem o post parecer BEM mais impressionante.

Mas eles ajudam a aumentar o tempo na página para uma média decente de 4 minutos:

Tempo na página

O que está bem acima da média do site:

Tempo médio na página

Criar esses gráficos foi fácil, pois tenho a sorte de ter dois designers em tempo integral na equipe.

Mas, se você não está pronto para construir sua própria equipe de design, ainda há muitas opções por aí

  • Canva – ferramenta de edição de imagens (gratuita)
  • PicMonkey – criador de design gráfico (gratuito)
  • 99 Designs – designers freelancers (low-cost)
  • Upwork – plataforma freelancer (baixo custo)

Seja qual for a rota que você escolher.

Da próxima vez que você escrever um longo conteúdo de SEO, adicione alguns gráficos de cabeçalho e veja seu tempo na página (e rankings) subir.

Então, aí está, tudo o que você precisa saber sobre tags de cabeçalho e como usá-las para aprimorar sua otimização de mecanismo de pesquisa.

Agora é com você!

Como colocar essas técnicas em prática em seu site

Fiz um checklist de cabeçalho gratuito que vai te ajudar a aproveitar essas técnicas para melhorar o desempenho do seu site.

Ele descreve – passo a passo – exatamente como usar as estratégias que falei no post.

Depois de baixá-lo abaixo , deixe-me saber nos comentários qual é a sua dica de escrita de cabeçalho favorita. Adoraria saber.

Download de tags de cabeçalho