Tutorial Blogger: Substituir “includable all-head-content” por elementos editados

editor html 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 encontrada pelo código a seguir:

<!--
all-head-content. Inclui:
=> link[rel=me]
=> link[rel=publisher]
=> link[rel=canonical]
=> link[rel=image_src] se houver imagem no artigo
=> meta[name=description] se houver data:blog.metaDescription
=> meta[http-equiv=content-type]
=> link do feed
=> script para dar 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, porém 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 do serviço da Google. Se tiver conhecimento sobre SEO, otimização de sites e mecanismos de buscas poderá modificar o código como queira desejar.

Fonte: Emilio Cobos

  • 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.

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

    • 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.

  • 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.

    • 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.