14/05/2013

Substituir includable all-head-content por elementos editados no Blogger

Marcadores

Editor de HTML do Blogger
O includable all-head-content é uma linha de código HTML que insere vários elementos de SEO e scripts padrões do Blogger no cabeçalho do template e está presente em maioria das páginas que usam o serviço de blogs da Google. Neste artigo vou ensinar a como substituir o includable por outro completamente editável, assim eliminando scripts desnecessários.

Para começar, faça um backup do template para que tenha como recuperar depois caso as modificações não funcione como desejado.

Substituindo o all-head-content no editor HTML

1º Pesquise no editor de HTML do Blogger por:

<b:include data='blog' name='all-head-content'/>
2º Substitua a linha pelo código a seguir:

<!--
all-head-content. Inclui:
=> link[rel=me]
=> link[rel=publisher]
=> link[rel=canonical]
=> link[rel=image_src] se houver uma imagem no artigo
=> meta[name=description] se houver data:blog.metaDescription
=> meta[http-equiv=content-type]
=> links do feed
=> scripts para compatibilidade com HMTL5
-->
<!--
<b:include data='blog' name='all-head-content'/>
-->
<!-- Meta content-type está obsoleta, usaremos charset -->
<meta charset='utf-8' />
<meta name='generator' content='blogger' />

<!-- Link para favicon (é o personalizado) -->
<b:if cond='data:blog.blogspotFaviconUrl'>
<link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/>
</b:if>

<!-- Link rel=canonical -->
<link rel='canonical' expr:href='data:blog.canonicalUrl' />

<!-- A descrição -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description' />
</b:if>

<!-- A imagem do post -->
<b:if cond='data:blog.postImageThumbnailUrl'>
<link rel='image_src' expr:href='data:blog.postImageThumbnailUrl' />
</b:if>


<!-- Link rel=me se houver -->
<b:if cond='data:blog.meTag'>
<data:blog.meTag />
</b:if>

<!-- Links do feed -->
<b:if cond='data:blog.feedLinks'>
<data:blog.feedLinks />
</b:if>

<!-- Compatibilidade com o HTML5, mas não para o IE9 -->
<!--[if lt IE 9]>
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js'></script>
<![endif]-->

<!-- /all-head-content -->

Pronto! O cabeçalho do seu blog estará limpo de scripts desnecessários e meta tags antigas. Se tiver conhecimento sobre SEO e mecanismos de buscas poderá modificar o código como desejar.

Fonte: Emilio Cobos

Acompanho as novidades sobre tecnologia, internet e inovação e escrevo pelo blog.

9 comentários

Muito boa a dica...
Será aplicável ao meu blog,
o 2C Multimídia│Informe Tecnológico!

http://charlitoncarvalho.blogspot.com.br

Olá, Fabiano!

Já trabalho há quase 5 anos na plataforma Blogger mas não sabia deste detalhe! Muito interessante.

Isso permitirá fazer otimizações interessantes em meu template.

Obrigado por compartilhar!

Um abraço!

Olá Adelson!

Sim, essa dica é importante para fazer várias otimizações no template com mais "liberdade"!

Abraço.

Olá Fabiano.
Fiz o que diz no tutorial, no entanto, não consigo remover aqueles tantos de <b:includable id='backlinkDeleteIcon' ; <b:includable id='comment_count_picker, dentre muitos outros desnecessários.
O que posso fazer.
Desde já agradeço.

Oi Fabiano.
Eu poderia tirar esse linha de cógido (all-head-content) sem causar problemas no SEO ou quaisquer outro. Pois aparentemente esse código insere apenas código desnecessários, pra mim, como os do comentários padrão do blogger, backlinks, entre outros.

Abraços.

Essas linhas são importantes para manter funcionando adequadamente o template... Não recomendo que remova.

Olá Israel. Sim, alguns códigos antigos que não são utilizados mais pelos mecanismos de busca e scripts são desnecessários. Não esqueça de colocar as linhas que fazem a indexação dos posts e o SEO do blog.

Abraço.

Ola Fabiano, obrigado por responder.
Esses códigos que citei são do formulario de comentarios padrão do blogger, no meu caso eu uso o disqus, logo penso em remove-lo, pois trata-se de scripts que estão ocultos na página e só pesando no template. Poderia prejudicar o template de que forma?

Deixe-me tirar mais uma dúvida, quais códigos exatamente eu consigo tirar após fazer a troca de linhas citadas aqui no tutorial?

Abraços e obrigado.

Faça a remoção dessas linhas em um blog de testes, eu mesmo não posso informar pois nunca removi...

As linhas removidas após a troca são códigos para SEO antigas e não usadas mais e também scripts padrões do Blogger.

Adicione seu comentário
EmoticonEmoticon