Como adicionar o Facebook Open Graph no Blogger

Por | Atualizado em 2016-09-01


O Open Graph é um protocolo (inicialmente desenvolvido pelo Facebook), que permite às redes sociais recolher dados estruturados de uma página, transformando as suas páginas em objectos gráficos.

Em termos práticos, o Open Graph permite-nos controlar as informações indexadas quando um usuário partilha a sua página nas redes sociais, como a imagem, a descrição ou o título.

Esta funcionalidade é essencial para optimizar a partilha do conteúdo, o que se poderá traduzir em mais visitas e exposição mediática.

open graph blogger

Open Graph no Blogger

Para adicionar as tags do Open Graph no seu Blogger, comece por aceder ao menu “Modelo” e faça o backup do seu modelo atual clicando no botão “Efectuar Cópia de segurança / restaurar” – “Transferir Modelo Completo”.

Open Graph no Blogger

Após concluir o backup do Template clique no botão “Editar HTML” e adicione o seguinte código antes da tag </head>:


<meta expr:content='data:blog.pageName' property='og:title'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='link_de_imagem_alternativa' property='og:image'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='pt_BR' property='og:locale'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>;

Não se esqueça de adicionar o link da imagem alternativa, que será carregada caso o post não possua uma imagem compatível para ser exibida. A nossa sugestão é que adicione o logótipo do seu site / blog.

Por fim, adicione o seguinte código na tag </html….


xmlns:og='http://ogp.me/ns#'

Por exemplo:


<html b:version='2' class='v2' expr:dir='data:blog.languageDirection'... xmlns:og='http://ogp.me/ns#'>

Salve as alterações e verifique se tudo funciona corretamente.

Deixe uma resposta

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