Meta Facebook

[PHP_desenvolvimento 2]

Galera meu site www.portaliir.com.br quando lanço no facebook o link pega uma imagem de um vídeo e não uma uma imagem ! Como fazer para fazer esta definição??

 

Alguma dica?

[Jonathan Badaró 2]

Olá,

 

Você pode usar tags Open Graph, que é um SEO próprio para Redes sociais.

Coloque essa tag, para escolher a imagem que quer usar.:

 

<meta property="og:image" content="image.jpg" />

 

No meu site tem um artigo sobre como colocar Video com Open graph, não muito pro seu caso, mas você pode aprender um pouco sobre isso, além de que tem uma pequena parte sobre imagem.

 

Esse é o link: http://extqy.com.br/post/inserindo-videos-no-open-graph

[PHP_desenvolvimento 2]

Fiz isso já:

 

<!-- METATAG DO FACEBOOK -->
<meta property="og:title" content="Igreja Internacional da Renovação" />
<meta property="og:url" content="http://www.portaliir.com.br" /> 
<meta property="og:site_name" content="Portaliir Palmas - Igreja Internacional da Renovação" />
<meta property="og:image" content="http://www.portaliir.com.br/image/logo.png" />
<meta property="og:type" content="site" />

agora tem que ser imagem jpg? porque dessa forma que fiz em png não está pegando !

[Bergs 53]

funciona para png e jpg, a metatag é essa para a imagem <meta property="og:image" content="http://www.uuuu.uuu/uuu.png"/>

 

a imagem tem que está com 100x100 pixels

 

o facebook vai adicionar a imagem da metatag e mais 3 imagens aleatória para vc escolher.

[PHP_desenvolvimento 2]

Tem um prazo para esta meta ser propagada?

[Marcelo N. Sousa 5]

no meu caso para funcionar tive que cria um aplicativo no FB e adicionar estas tags.

<meta property="fb:app_id" content="id do aplicativo"/>
<meta property="fb:admins" content="sua id do facebook" />

faça o teste:

https://developers.facebook.com/tools/debug

[PHP_desenvolvimento 2]

O aplicativo me retorna o seguinte erro

 

Extraneous Property:	Objects of this type do not allow properties named 'og:app_id'.
og:image should be larger:	Provided og:image is not big enough. Please use an image that's at least 200x200 px. Image 'http://i1.ytimg.com/vi/Hkfv5M8TkNI/hqdefault.jpg' will be used instead.
Parser Mismatched Metadata:	The parser's result for this metadata did not match the input metadata. Likely, this was caused by the data being ordered in an unexpected way, multiple values being given for a property only expecting a single value, or property values for a given property being mismatched. Here are the input properties that were not seen in the parsed result: 'og:app_id'

E não define a imagem como principal o meta ficou assim:

 

<!-- METATAG DO FACEBOOK -->
<meta property="og:app_id" content="https://graph.facebook.com/10150140241599983"/>
<meta property="og:title" content="Igreja Internacional da Renovação" />
<meta property="og:url" content="http://www.portaliir.com.br" /> 
<meta property="og:site_name" content="Portaliir Palmas - Igreja Internacional da Renovação" />
<meta property="og:image" content="http://www.portaliir.com.br/image/logo.jpg" />
<meta property="og:type" content="website" />

E já alterei a imagem para mais de 200px ! Uma dica ai o que pode estar errado?

Problema resolvido com a imagem maior criada e aguardar um tempo para propagação do img ! Tag ficou assim:

 

<meta property="og:title" content="Igreja Internacional da Renovação" />
<meta property="og:url" content="http://www.portaliir.com.br" /> 
<meta property="og:site_name" content="Portaliir Palmas - Igreja Internacional da Renovação" />
<meta property="og:image" content="http://www.portaliir.com.br/image/logo.jpg" />
<meta property="og:description" content="Site da Igreja Internacional da Renovação" />
<meta property="og:type" content="website" />