13 de jul. de 2015

Link c/ imagem c/ titulo c/ assunto compartilhado no FACEBOOK

Bom dia boa tarde boa noite pessoal, curta e compartilhe...

Como compatilhar um link no facebook com imagem correta, com titulo e com assunto.

Tive alguns problemas para tentar mostrar o titulo e assunto nas minhas publicações no facebook com imagens, atraves do link do meu site com a postagem.

Quando compartilho um link do blogger, estava aparecendo uma imagem zuada ou sem imagens, e também só mostrava o endereço do site e quem publicou, não tinha titulo nem descrição, então finalmente consegui arrumar.


Primeiro abra seu HTML, o começo do seu código e insira esta linha de codigo  xmlns:og='http://ogp.me/ns#' 

Ex: 
xmlns:expr='http://www.google.com/2005/gml/expr'  xmlns:og='http://ogp.me/ns#' >

Depois copie e cole o codigo  abaixo (modifiquei e deixei automático), que deve ser inserido após a tag <HEAD>

<b:if cond='data:blog.pageType == "item"'>                         <!-- titulo da postagem SE for igual item tag-->
  <meta expr:content='data:blog.pageName' property='og:title'/>   
  <meta content='article' property='og:type'/>   
</b:if>  
<b:if cond='data:blog.pageType == "archive"'>                     <!-- titulo da postagem SE for igual artigo-->
  <meta expr:content='data:blog.pageName' property='og:title'/>   
  <meta content='article' property='og:type'/>   
  <meta expr:content='data:blog.pageTitle' property='og:description'/>   
</b:if>  
<b:if cond='data:blog.pageType == "index"'>  
  <meta content='data:blog.title' property='og:title'/>                   <!-- titulo da postagem SE for igual principal-->
  <meta content='blog' property='og:type'/>                               
  <meta content='data:blog.metaDescription' property='og:description'/>   <!-- descrição da postagem-->
</b:if>  
<meta expr:content='data:blog.url' property='og:url'/>                  <!-- endereço da postagem-->
<meta content='data:blog.postImageThumbnailUrl' property='og:image'/>   <!-- Imagem da postagem-->
<meta content='article' property='og:author'/>                           <!-- Autor da postagem-->
<meta expr:content='data:blog.title' property='og:site_name'/>         <!-- Site da postagem-->

















Continua...
Bem vou explicar:

Crie uma imagem para usar no Topo da suas postagens (que representa seu artigo), mas ela precisa ser maior que 200x200, porque o facebook só reconhece imagens grandes.

1- Depois que voce criar seu "artigo", deve adicionar os Marcadores (tags), serve de filtro para organizar as postagens.
2- Depois em Descrição de Pesquisa, 140 caracteres, você adiciona o inicio do seu artigo, ctrl+c e ctrl+v.
3- Esta descrição que voce adicionou vai mostrar abaixo da link imagem no facebook, e a imagem ficara melhor quando compartilhada.







Compartilhe clicando nos icones abaixo