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

9 comentários

  1. 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!

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

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

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

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

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

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *