Diferente da tag </title> que define o título da janela do navegador – e que também pode ser otimizada –, as tags de títulos, também conhecidas como “headings” ou “cabeçalhos”, são usadas para organizar hierarquicamente as informações na página. A primeira destas tags – portanto, a de maior “peso” – é a <h1> – A última, <h6>. Além de ter sua função na formatação das postagens, este recurso também é importante para os sites de pesquisa. Por isso, o ideal é atribuir tags de título com maior peso às informações mais importantes da página.
Otimizando os Títulos das Postagens
Por padrão, o Blogger atribui a tag de título <h3> aos títulos das postagens, mas o ideal é que elas sejam <h1>, pois concentram o principal assunto da página.
Antes de realizar a correção, faça o Backup do seu Template. Agora, acesse seu Painel do Blogger, selecione Layout, clique em Editar HTML e marque a opção Expandir modelos de widgets. Então procure pelo código .post h3 (como na imagem abaixo).
Agora, SUBSTITUA todos os h3 por h1. Depois, procure pelo código <h3 e SUBSTITUA por <h1. Para terminar, procure por </h3 e SUBSTITUA por </h1. Depois que fizer todas as substituições, Visualize para verificar se não surgiram erros no template, e clique em Salvar Modelo.
Otimizando o Cabeçalho do Blog
Esta otimização se aplica caso você utilize o elemento Cabeçalho (em Elementos de Página), que nada mais é que o título do blog exibido na parte superior do layout. É necessário aumentar a importância dele na página se o nome do blog tiver relação com o assunto tratado, ou diminuí-la, caso contrário.
- Se o nome do seu blog possui palavras-chave relevantes (ao assunto do blog) para os mecanismos de busca, e é exibido como texto, não será necessária nenhuma alteração, pois o Blogger já atribui por padrão a tag <h1> à ele.
- Se o nome do seu blog não possui palavras-chave relevantes, você poderá reduzir o peso dele através da tag de título – o inverso do que fez no no passo 1 –, substituindo os códigos #header h1 por #header h3 e o <h1 e </h1 (que estiverem dentro do header-wrapper) por <h3 e </h3, respectivamente.
- Por outro lado, se o seu blog tiver um nome relevante ao assunto, mas você utilizar uma imagem no lugar do texto, nós poderemos utilizar um título oculto mas que poderá ser lido pelos mecanismos de busca. Para isso, basta acrescentar o atributo display: none; abaixo de #header h1 e depois acrescentar <h1>Título do Blog</h1> abaixo de <div id=’header-inner’>, substituindo a parte em vinho pelo nome do blog.
Faça uso dos Subtítulos
Subtítulos ou informações secundárias devem utilizar a tag de título <h2>. Por padrão, o Blogger atribui esta tag aos títulos de widgets e data de publicação das postagens, o que está correto. Mas também é possível usar o <h2> dentro das postagens. Com o título já otimizado em <h1> e os subtítulos em <h2>, as páginas terão uma hierarquia mais amigável para os mecanismos de busca.
Para usar o subtítulo dentro das postagens, insira o código <h2>Subtítulo da postagem</h2>, substituindo a parte em vinho pelo subtítulo. No caso de outros editores de postagem como o Live Writer, basta aplicar o estilo Título 2 ou Heading 2 ao texto desejado. Para personalizar a aparência dos subtítulos, basta criar a classe .post h2 e atribuir a formatação que eles deverão ter, no modo de edição de HTML do template.
Anterior
Assine o Feed
Adicione ao Google
Receba por Email
Twitter
Muita boa a dica. Já coloquei no meu blog.
grande abraço
Sérgio, quando atribuo a tag h2 nos Posts, o subtitulo fica em negrito e com a fonte maior em relação ao restante do texto, tem como consertar isso?
--
AndersonZ1.
Ótimo. Já estou testando lá..
Valeu =D
Mais não é permitido somente 1 tag < h1 > por página?
O certo não seria usar esse hack: http://www.johnnyrox.com/2008/11/tags-h1-nos-ttulos-dos-permalinks-no.html ?
@AndersonZ1
Nesse caso você tem que criar a classe do H2, porque por padrão o H2 aumenta o tamanho do texto e deixa em negrito.
Muito boa dica! Já mudando! Obrigado por nos ajudar!
Tenho que admitir que o Sérgio tá fodástico com estes posts!
Sérgio, se eu usar < h2 > dentro do post vai aparecer no post ou não? Só não entendi a última dica, é algo como uma alt que não aparece e só o navegador lê ou fica visível?
Última coisa (risos): a dica 2 eu fiz, mas ficou aparecendo o escrito antes da minha imagem de cabeçalho!
Entendi Sérgio, é uma pena, o ideal seria que aparecesse pelo menos com o mesmo tamanho do restante do Post...
--
AndersonZ1.
Para deixar o H2 do jeito você quiser, terá que colocar os atributos na class ".post h2", como por exemplo:
.post h2 {color:#00000;
font-size:12px;
font-style:italic;
font-weight:bold;}
No exemplo acima eu estou determinando que os H2 contidos nas postagens tenham a cor preta, tamanho 12, sejam italicos e negritos.
Sérgio,
Fiz essas mudanças e agora o título e subtítulo aparecem todo em caixa alta, mesmo que eu não o tenha escrito assim. No caso dos subtítulos, nem colocando os atributos isso muda...
Tem todo o apoio do www.GangdoMoinho.net
Estamos Juntos!
Muito boa estas dicas ja estou usando
Bah era exatamente o que estava procurando, pois fiz uma análise do meu blog e estava faltando palavra chave na H1.
Agora fiz nova análise e de bom, ficou excelente!!
parabéns pelas dicas!!
perfeito....espero com o tempo melhorar ainda mais meu blog, tenho cerca de 2000 visitas do google, o meu seo melhorou 13%...só me tá faltando pagerank
existe alguma correcção para na homepage nao criar 5 tags h1?
Obrigado pela dica.
Abraço.
Ola tenho uma Divida entre quantas (h1) por pagina pode ter se tenho um blogger e nele na primeira pagina aparece 10 postagens e que os títulos dos postes tao como (h1) isto seria bom ?
Parabens, estou acrescentando isso em meu blog! http://www.rimports.com.br
Olha, eu não to conseguindo colocar, onde adicionar o < h2 >Subtítulo da postagem< /h2 >
eu adicionei a baixo do post e apareceu o texto "Subtítulo da postagem" em negrito e com fonte maior.
O Que eu devo fazer? Obrigado. Aguardo resposta.
Obrigado por essa orientação, Sérgio! É estranho um aplicativo do próprio Google não vir otimizado para ser encontrado no buscador. Alguém sabe o porquê?
Fiz no meu Sexy Help Desk e espero que ajude a posicionar melhor meus artigos. Muito Obrigado!
e quando eu não acho essa H1?