Cada página ou postagem pode ter vários títulos. A tag <h1> em HTML é normalmente usada para o título de uma página ou postagem e é o primeiro título exibido em uma página. A formatação de h1 costuma ser diferente do restante das tags de título encontradas em uma página (h2, h3, h4).
Neste artigo, você aprenderá sobre tags de título em HTML, o que há de especial na tag <h1>, por que ela é importante para SEO e como escrever uma tag de título boa e fácil de usar.
Para facilitar a leitura, incluí um índice para este artigo, incluindo:Detalhes sobre a tag H1 e tags H restantes
1 – O que é uma tag de título HTML?
Em Hyper Text Markup Language (HTML), a linguagem usada para exibir páginas da web em um navegador (não faz parte de uma plataforma CMS), existem várias tags que podem ser usadas para criar títulos em um documento de texto.
É muito semelhante à criação de títulos no Microsoft Word. Quando quiser que um texto ou palavra especial se destaque, você pode definir seu estilo como título 1, título 2,….
Os títulos de um documento do Word podem ser usados para dividir um documento em diferentes seções ou como um guia para a criação de um índice analítico.
A lista de números de telemóvel na Europa é um recurso valioso para campanhas de marketing, mas a sua utilização é fortemente regulada pelo RGPD. As empresas devem obter o consentimento explícito dos utilizadores antes de utilizarem os seus dados. A adesão Lista de números de telefone celular na Europa a regulamentos rigorosos de privacidade é crucial para evitar multas, proteger os direitos dos indivíduos e garantir a transparência e a confiança nas operações.
Em geral, eles criam um documento mais legível dividindo um documento grande em partes menores, cada uma com um título que possui um formato diferente (texto maior, mais em negrito, etc.), do resto do documento.
As tags de título HTML funcionam da mesma maneira.
Ao destacar uma frase no editor WordPress e colocá-la no Título 1, o sistema adiciona o seguinte código ao HTML:
Isso diz ao navegador para formatar aquela frase em um estilo diferente (definido pelas classes CSS) do seu tema.
Veja exemplo abaixo:
Este é o editor WordPress, exibi o conteúdo do editor em formato visual e depois mostrei para você como texto HTML.
Quando você define um título como H2 ou H3, o HTML muda para:
Portanto, tags de título HTML são pedaços de código HTML usados para se referir aos títulos de uma página.
2 – O que é tag H1?
A tag <H1> normalmente é a primeira tag de título exibida em uma página. Está no topo da hierarquia de tags encontradas em uma página.
Para destacar o texto, a tag h1 é formatada de forma diferente das demais tags da página.
Aqui está um exemplo de tag h1:
Uma maneira mais fácil de entender o uso de tags é imaginar que você está escrevendo o esboço de um documento grande.
O título principal do seu documento será <h1>, seus pontos principais <h2> e subpontos <h3>.
Quando se trata de desenvolvimento web e SEO, existem algumas diferenças entre títulos de páginas e tags H1. Vamos dar uma olhada nesses dois abaixo e por que você deve se importar.
Diferença entre tag H1 e título da página em SEO
Uma das tags mais importantes para fins de SEO é a agb directory tag de título (<title> </title>).
As principais diferenças entre eles são:
- As tags de título são exibidas em SERPS (páginas de resultados de pesquisa). É usado como título principal do snippet nos resultados da pesquisa.
- A tag de título não é exibida no corpo da página, mas faz parte do título de toda a página <header></header> e também é exibida no cabeçalho do navegador.
- A tag <H1> é exibida aos usuários enquanto navegam na página.
- As tags de título são um sinal poderoso para os rastreadores dos mecanismos de pesquisa sobre o assunto de uma página.
Então, quando se trata de SEO On-page , o título da página é mais importante que a tag H1, mas para obter melhores resultados, você deve otimizar ambos.
Por que a tag H1 é importante para SEO?
Uma das tarefas mais complexas de um mecanismo de busca é compreender o significado (contexto) de uma página.
Para poder fazer isso da maneira mais eficiente e rápida, eles usam dados de diferentes sinais.
Um dos sinais é o título da página e outro é a tag H1.
Ao rastrear o conteúdo de uma página, os rastreadores dos mecanismos de pesquisa leem o código HTML e tentam determinar quais frases estão contidas nas tags de título (h1, h2, etc.).
Eles consideram isso como indicações do conteúdo da página.
Assim, ao usar palavras-chave na tag H1, você ajuda os mecanismos de pesquisa a entender do que se trata a sua página.
Outra razão pela qual os títulos são importantes para o SEO é porque eles facilitam a navegação dos usuários até o conteúdo da página. Os usuários podem ver do que se trata esta página observando a tag H1. O resto do título dá uma grande dica ao usuário, bem como o que ele deve esperar em cada uma das seções a seguir.
Veja por exemplo o post que você está lendo agora, marquei todos os pontos importantes como h2 e também adicionei um índice no topo que facilita a navegação.
3 – Melhores tags H1 para SEO
Agora que a teoria das tags h1 ficou para trás, vamos ver como escrever bons títulos para o seu artigo ou conteúdo da página em geral.
A tag H1 pode ser diferente ou igual ao título da página (título).
Na maioria dos casos, o título da página e a tag h1 são iguais. Isso ocorre porque o CMS (como o WordPress) está configurado desta forma.
Isso está completamente bem. Não é um erro de SEO ter o mesmo texto para títulos de páginas e cabeçalhos h1.
Como guia geral, use títulos e tags h1 diferentes quando fizer sentido para seus usuários e objetivos de SEO.
Por exemplo, veja o título e h1 que usei em minha página de serviços de SEO .
O título da página é mais descritivo porque é exibido nas SERPS (Search Engine Results Pages), mas para as tags H eu queria algo mais simples, então mudei para apenas ‘Serviços de SEO’.
Como diferenciar uma tag h1 e um título de página?
Mencionei acima que a maioria dos temas e plataformas de desenvolvimento web são configurados para usar o mesmo valor para o título da página e a tag h1, e isso geralmente é o que você especifica como o título de uma página ou postagem.
Se quiser alterá-lo e tiver valores diferentes, você pode editar seu código HTML ou, se estiver usando WordPress, usar um plugin como Yoast SEO .
Use palavras-chave em suas tags H
É altamente recomendável usar palavras-chave em seu título. Conforme explicado em meu autoestudo de SEO para iniciantes , as palavras-chave devem ser incluídas no título e na tag H1.
Se você optar por ter um título diferente e uma tag de Título 1 diferente, poderá usar sua palavra-chave principal no título e palavras-chave relacionadas no H1, conforme mostrado no exemplo abaixo.
Claro, isso não significa que você deva exagerar e começar a criar títulos cheios de palavras-chave. Com base nos resultados da sua pesquisa de palavras-chave , você pode escolher quais palavras-chave usar.
Como regra geral, palavras-chave de cauda longa 5 best photo safari spots in ethiopia são ótimas candidatas para uso em tags H1 e outras tags H.
Evite tags H muito longas
Não deixe sua tag H muito longa. Use uma tag H curta, mas tenha uma descrição por trás dela. Use as mesmas diretrizes de comprimento do nome da página, como menos de 65 caracteres.
Se precisar fornecer uma descrição mais longa, você pode usar uma tag H curta e um texto em negrito para fornecer mais informações, como no exemplo abaixo do Google AdSense .
Sua tag H1 está visível e não oculta para os usuários
Muitos temas WordPress possuem uma tag h1 no html da página, mas usam CSS para ocultá-la dos usuários. Esta não é uma boa prática para SEO.
Verifique se sua interface web exibe a tag H1 corretamente e está visível na página.
A maneira mais fácil de fazer isso é visualizar a fonte de uma página (clique com o botão direito e selecione VER FONTE) e procurar o H1.
O que você vê em <h1></h1> também deve estar visível na página.
Use tags H hierarquicamente
Mencionei acima que você deve abordar as tags de título da mesma forma que escreveria o esboço de um livro ou documento longo.
É importante para o SEO ter suas tags de forma hierárquica, caso contrário você pode confundir os mecanismos de busca e os usuários.
Ou seja, seu <h1> deve estar no topo do código HTML e o restante (h2, h3, etc.) deve seguir essa ordem.
Observe que o exemplo acima deseja apenas que você veja a mudança no tamanho da fonte à medida que desce na hierarquia.
Use apenas uma tag h1 por página
As melhores práticas de SEO sugerem que deve haver apenas uma tag h1 por página. Isso ocorre porque faz mais sentido e é isso que você deve buscar.
Nos casos em que você acaba com conteúdo que possui várias tags h1 em uma página, isso não é tão ruim. Se você pode editá-lo, então você deve fazê-lo, caso contrário, deixe-o como está se os outros H1s forem necessários e apropriados ao conteúdo do seu subtítulo.
Aqui está um vídeo do Google sobre o uso de várias tags h1 por página.
A tag H1 deve corresponder à intenção do usuário
Não esqueça a intenção do usuário ao escrever h1. Se isso não corresponder às expectativas do usuário, ele poderá sair do site sem ler o conteúdo.
Se isso acontecer, você não apenas perderá clientes ou leitores em potencial, mas também terá um impacto muito negativo no seu SEO.
Esse comportamento dos usuários que visitam um site e depois retornam aos resultados de pesquisa porque estão insatisfeitos é conhecido como resultados irrelevantes e pode afetar negativamente sua classificação no longo prazo.
Certifique-se de que seu h1 informe aos usuários o que eles esperam ver na página.
4 – Exemplo de otimização de tags H1
Vejamos alguns ótimos exemplos de sites com tags H1 ideais para ajudá-lo a entender como os princípios acima se aplicam na prática.
Exemplo 1: A tag H1 é otimizada para usuários, enquanto o título da página é curto e amigável para SEO.