Problems with displaying my website on facebook
Good night I have the tags on my site for sharing on facebook
<meta name='og:title' content='Desapego Games - Troca, Compra e Venda de Games'/>
<meta name='og:url' content='http://desapegogames.com.br/' />
<meta name="description" content='A sua comunidade focada em compra,venda e troca de games e artigos Geek. E o melhor de tudo é grátis!' />
<meta property="og:image" content="http://desapegogames.com.br/images/logoface.jpg" />
<meta property='og:description' content='A sua comunidade focada em compra,venda e troca de games e artigos Geek. E o melhor de tudo é grátis!' />
So Facebook nbao includes this image of the tag og: image it includes any other image from page
In the face debugger even updating the cache it returns that I do not have the tag on my page.
Could anyone help me fix this ? I've tried everything I copied the code of sites that work and does not solve.
1 answers
This error message probably occurs when you confuse the property
attribute with name
:
The "og:****" property should be explicitly provided, even if a value can be inferred from other tags.
Some you used name
others used property
, opengraph usage is property=""
for all tags og:
, as per http://ogp.me
Another detail is that you used like this:
<meta name='fb:app_id' content="324349677944444"/>
But the correct is:
<meta property='fb:app_id' content="324349677944444"/>
Compliant: https://developers.facebook.com/docs/sharing/opengraph/using-objects
It should look like this:
<meta property="fb:app_id" content="324349677944444" />
<meta property="og:title" content="Desapego Games - Troca, Compra e Venda de Games"/>
<meta property="og:url" content="http://desapegogames.com.br/" />
<meta property="og:description" content="A sua comunidade focada em compra,venda e troca de games e artigos Geek. E o melhor de tudo é grátis!" />
<meta property="og:image" content="http://desapegogames.com.br/images/logoface.jpg" />
<meta property="description" content="A sua comunidade focada em compra,venda e troca de games e artigos Geek. E o melhor de tudo é grátis!" />
An additional detail, that does not influence in anything, just to highlight, if it is HTML5 the />
is optional and also if possible not to mix the OG tags with the normal ones, you can think of changing to only:
<!-- og -->
<meta property="fb:app_id" content="324349677944444">
<meta property="og:title" content="Desapego Games - Troca, Compra e Venda de Games"/>
<meta property="og:url" content="http://desapegogames.com.br/">
<meta property="og:image" content="http://desapegogames.com.br/images/logoface.jpg">
<meta property="og:description" content="A sua comunidade focada em compra,venda e troca de games e artigos Geek. E o melhor de tudo é grátis!">
<!-- meta -->
<meta name="description" content="A sua comunidade focada em compra,venda e troca de games e artigos Geek. E o melhor de tudo é grátis!">