H1 - título da página principal;
H2 - data dos artigos;
H3 - título dos permalinks.
Muitos afirmam que as tags H1 devem ser colocadas no título das postagens, afim de dar-lhes mais peso e relevância junto aos mecanismos de busca. Para citar algumas fontes:
Ricardo Vaz Monteiro - SEO para blogs
O Fim da Várzea - A Arquitetura de um blog
Gosublogger - 5 things I have experienced about SEO
Uma vez que só pode haver uma tag H1 em cada página, não se deve simplesmente substituir as tags no template, pois assim a home page teria mais uma tag H1. Eu já vi usuários do Blogger mantendo uma única postagem na página principal afim de contornar o problema e se beneficiar do h1 nos pots, o que está longe de ser o ideal.
Desenvolvi um hack para o Blogger que atribui tags H1 para o título das postagens nos permalinks e tags H3 para os mesmos, quando estiverem na página principal.
No painel do Blogger, entre em Layout - Configurações - Editar HTML. Faça um backup do template, antes de salvar qualquer alteração.
Cole este código antes da tag <body>, afim de evitar a indexação dos arquivos e categorias:
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex,follow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType == "index"'>
<meta content='index,follow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta content='index,follow' name='robots'/>
</b:if>
Marque a caixa "expandir modelos de widgets". Localize o trecho:
<h1 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
Substitua por:
<h2 class='title' style='background: transparent; border-width: 0px'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
<b:else/>
<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h2>
Procure agora o trecho:
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Troque-o por este:
<b:if cond='data:blog.pageType == "item"'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'>
<data:post.title/>
</a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'>
<data:post.title/>
</a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
</b:if>
Salve e pronto.
Se o título dos posts ficar muito grande, basta diminuir o tamanho da fonte mudando os valores do CSS correspondentes à tag h1:
h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}
Esta parte do CSS pode variar em alguns templates, iniciando com
h1.title {
ou
#header h1 {
oiii
Bem, eu nao sou de ficar bisbilhotando o codigo do meu template, toda vez que faço isso eu bagunço tudo :(
Oi
Para esse codigo funcionar tenho de colocar com a formatação correcta?
Obrigado.
"Blogger", em alguns templates podem haver pequenas diferenças nos trechos de código a serem substituídos. Nesse caso é bom ter uma noção mínima de HTML e CSS, ou copiar o modelo do seu template em um blog provisório para fazer os testes.
Qual é a sua dificuldade?
Agradeço muito por disponibilizar tal informação de forma tão clara. Já estava me perguntando quanto trabalho daria para fazer isso e principalmente, quanto tempo levaria?
Graças ao seu artigo não levou nem 5 minutos.
Muito obrigado e sucesso!
Abraços!
Não há de quê, Duque.
fiz o que vc mandou e deu o seguinte erro
Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
Mensagem de erro em XML: The element type "h2" must be terminated by the matching end-tag "".
eh por causa disso????
agradeço de ja...
Salve um backup do seu template e faça mais uma tentativa. Talvez você tenha omitido algum trecho do código. Geralmente quando aparece essa mensagem, é pela falta de alguma tag de fechamento que termina em />
Grande Johnny, qual vantagem de fazer um código
"afim de evitar a indexação dos arquivos e categorias...", seria para evitar conteúdo duplicado na indexação dos motores de busca?
Exatamente, Subtil.
Postar um comentário