Uso de heading tags no Blogger

As “heading tags” fazem parte de um aspecto mais técnico – mas muito importante - para o SEO do seu blog. Elas controlam a estrutura geral do seu blog, mostrando ao Google e aos leitores quais são os títulos mais importantes que suas páginas possuem. Por isso, dominar esse conceito pode ser o diferencial para ganhar importantes posições no Google. Aprenda neste artigo como aplicar corretamente as “heading tags” ao Blogger.

Introdução

Você é novo em SEO? Sugiro então começar lendo os artigos 15 dicas de SEO do Google para iniciantes e Cinquenta tons de SEO. Se você já sabe do que estou falando, vamos aprender a fazer algo novo no Blogger.

As “heading tags” ou (“tags de cabeçalho”) são utilizadas para criar uma estrutura definida e organizada aos artigos que você escreve em seu blog. Um bom exemplo é este artigo que você está lendo agora. Note que ele possui um título (“Uso de heading tags no Blogger”) e um subtítulo da seção que você está lendo (“Introdução”). Mais do que apenas títulos em cores diferentes (que são importantes para o leitor se localizar), essas linhas possuem informações técnicas para mostrar ao Google o que está sendo tratado no artigo.

Usando agora termos técnicos, o Google entende seis níveis de “heading tags” para ler a estrutura de um texto. Essas tags vão da H1 (a mais importante) até a H6. Normalmente, a tag H1 é aplicada ao próprio título do artigo. Por isso, são usadas ao longo do texto as tags H2 em diante. Ainda usando este artigo como exemplo, tenho a seguinte estrutura:

H1 - Uso de heading tags no Blogger

    H2 – Introdução

    H2 – Como aplicar as heading tags ao escrever no Blogger?

        H3 – No editor do Blogger

        H3 – No Windows Live Writer

    H2 - Recomendações do Google para “heading tags”

        H3 – 1. Cada página deve ter uma única heading tag H1

        H3 – 2. A estrutura das “heading tags” deve ficar organizada sem níveis faltantes

    H2 – Como saber se meu blog está correto?

    H2 – Problemas comuns no Blogger

    H2 – Conclusão

Perceba que isso ajuda a separar os tópicos que serão tratados no artigo, tornando-o mais organizado.

Se você desejar, o artigo Saiba como usar as Heading Tags publicado pela SEO Master lhe dará mais informações sobre o assunto.

Como aplicar as heading tags ao escrever no Blogger?

O primeiro e mais importante passo é você ter em mente a estrutura que você dará ao artigo que está escrevendo. Você precisa se perguntar: será necessário dividir a postagem em tópicos? Em textos curtos, dificilmente isso será necessário. Faz sentir dividir textos longos, onde é necessário separar as ideias para facilitar a compreensão do assunto. Nos tutoriais que escrevo aqui no Gerenciando Blog, considero isso indispensável.

Uma vez definida a estrutura que você terá, é simples aplicá-la. Veja abaixo duas situações, dependente de onde você escreve os seus artigos:

1. No editor do Blogger

Se você escreve os seus artigos pelo editor do próprio Blogger, você pode controlar a “heading tag” de um título pela caixa formato. Veja que há 3 opções disponíveis (além do texto “Normal”):

Abaixo está a correspondência de cada formato:

• Título – H2
• Subtítulo – H3
• Título secundário – H4

Assim, para aplicar o estilo desejado, basta posicionar o cursor na linha onde você quer aplicar o estilo e clicar no correspondente. Veja um exemplo de um texto no Blogger com os estilos aplicados:

Se você visualizar o HTML deste texto, verá que ele fica da seguinte forma:

Notou as tags H2, H3 e H4? Assim fica mais simples de entender a estrutura criada no HTML para elas.

2. No Windows Live Writer

Se você prefere escrever as suas postagens pelo Windows Live Writer, o processo é similar. As “heading tags” são aplicadas pelos botões da caixa “Estilos HTML” e vão do Título 1 ao 6. O estilo “normal” é aqui chamado de “Parágrafo”.

Aqui, deve ser tomado um cuidado especial: diferente do Blogger, o WLW permite que seja definida tag H1 dentro de uma postagem se você utilizar o “Título 1”. Como ela deve ser reservada ao título da postagem, o ideal é nunca utilizá-la no texto.

Veja um exemplo de texto com as tags e o HTML correspondente:

Recomendações do Google para “heading tags”

Até aqui, tudo está relativamente simples. Mas, há algumas recomendações do Google para organizar as “heading tags” que não são tão simples de colocar no Blogger.

1. Cada página deve ter uma única heading tag H1

Em uma página de um artigo, isso é simples: somente o título daquele artigo será sua tag H1. Mas, a mesma regra vale para a sua página principal: ela também deve ter uma única H1.

O problema é que, como são mostrados os títulos de diversas postagens na página principal, se nenhuma alteração for feita serão exibidos todos os títulos com a tag H1, fazendo com que haja diversas delas.

2. A estrutura das “heading tags” deve ficar organizada sem níveis faltantes

Outro detalhe importante é que devem ser respeitados os níveis das “heading tags”, sem falhas entre eles. Fica mais fácil entender com um exemplo. A estrutura abaixo seria uma estrutura ruim, por existirem tags H3 sem a H2 correspondente:

H1

    H3

    H3

    H3

        H4

Como saber se meu blog está correto?

Para avaliar de forma simples e rápida a estrutura do seu blog, há uma ferramenta online bastante prática disponibilizada pela Mestre SEO. Trata-se do Document Outline. Seu uso é muito simples: basta acessar a página, digitar a URL de seu blog (é importante verificar a página principal e uma postagem), clicar em “Enviar” e ver o resultado.

Qualquer linha mostrada em vermelho é um mau sinal.

Veja como exemplo a análise de uma postagem minha:

E outra da página principal:

Problemas comuns no Blogger

É estranho dizer isso, mas os templates do Blogger, produto do Google, não vêm com uma boa estrutura de “heading tags”. Por isso, é até esperado que ele falhe nos testes mostrados no item anterior.

Os problemas:

• Na página principal, são exibidas mais de uma tag H1.
• Em alguns templates, o título da postagem não ganha a tag H1.
• Os títulos dos gadgets, que não têm importância nenhuma para o SEO do seu blog, vêm com tag H2 ou H3.
• Outros elementos sem importância para SEO, como a data da postagem, também ganham heading tags.

Os templates customizados que utilizei até hoje também não vinham com as “heading tags” otimizadas. A solução é fazer você mesmo a otimização do seu template atual para se beneficiar dos resultados que terá no posicionamento dos seus artigos no Google.

Corrigir esses problemas não é simples, mas é possível. Você aprenderá a fazer isso lendo o artigo Como corrigir problemas de heading tags no Blogger.

 

Conclusão

Usar bem as “heading tags” no Blogger é um ponto importante para a otimização dos seus artigos para o Google. Você pode perguntar: “Mas, sou obrigado a fazer isso?”. A resposta é “Não”. Mas, se o seu concorrente fizer isso da forma correta, pode significar a diferença para que ele fique mais bem posicionado que você nos resultados das buscas.

Para terminar, agradeço ao Camilo Aparecido Almeida, do blog O Vale do Ribeira, pela sugestão do tema deste artigo. Se você também tem uma sugestão, basta clicar no botão “Sugira um artigo”, no rodapé do blog.

Sobre o autor Adelson Smania está na internet desde o longínquo ano de 1997. Trabalha na área de Tecnologia de Informação há mais de 10 anos e escreve artigos para o Gerenciando Blog, com colaborações eventuais em outros sites e blogs.