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='"pt_BR"' property='og:locale'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.pageType == "item"'>
<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.
Vlw Pela a dica Cara
ResponderExcluirPor nada :)
Excluirnão consigo não amigão
ResponderExcluirOlá, estou tentando descobrir como faço para alterar esta imagem fixa.
ResponderExcluirToda vez que compartilho no facebook vai sempre a foto do logo, o nome do blog e o tÃtulo da postagem, já estava configurado assim.
O que gostaria é que cada postagem do blog fosse personalizada com uma foto daquela postagem, com o tÃtulo e uma descrição do assunto do blog.
Não sei o que fazer, procurei muito nos tutoriais e não encontro nada sobre o assunto.
Se puder me ajudar.
Aguardo
Aline
xandecientista.blogspot.com.br