Problemas com miniaturas do Facebook no compartilhamento do Blogger



O compartilhamento através de redes sociais grandes como o Facebook são de estrema importância para o aumento do tráfego de um blog. Mas para que isto seja possível, é necessário que o compartilhamento seja feito de forma interessante e atraente, para que quem veja a publicação no Facebook se atraia pelo conteúdo. O uso das miniaturas e resumos em postagens são de extrema importância quando este é o caso.

Muitos usuários estão reclamando de problemas com o compartilhamento, onde as postagens compartilhadas não apresentam nem miniaturas ou descrição. Para resolver este problema é necessário que faça a configuração do template do seu blog para que apresente os dados corretos ao compartilhar o conteúdo. Será necessário que configure o Facebook Open Graph, responsável pelo processo em eu blog.

Instalando o código
* Lembre-se, sempre faça o Backup do modelo HTML de seu blog antes de fazer qualquer alteração no código.

Inicialmente, pressione a tecla "F3" (ou Ctrl + F), para abrir o campo de buscas em seu template.

No inicio do seu template haverá a tag <html... e após dela você deverá colar a seguinte linha de código:

xmlns:og='http://ogp.me/ns#'
Ficará semelhante a isto:
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr' xmlpans='http://www.w3.org/1999/xhtml'xmlns:og='http://ogp.me/ns#'>

Agora procure pela tag:
<head/>
E antes de dela, cole imediatamente este código:
<!-- Inicio do Open Graph metadata -->
<meta expr:content='&quot;pt_BR&quot;' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='IMAGEM-MINIATURA' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<!-- Still looking for a way to use the post snippet if there's no description -->
</b:if>
<!-- Final do Open Graph metadata -->

IMAGEM-MINIATURA - Deve ser substituído pelo url de uma imagem do logotipo do seu blog. Será usada em postagens que não possuem miniaturas.
pt_BR - Pela linguagem usada.


Acredito que assim todas as postagens receberam descrições e miniaturas quando você ou um leitor for a compartilhar no Facebook, facilitando muito na divulgação do seu blog.

Nenhum comentário:

Postar um comentário