CODEWITHSUNDEEP
facebookthumbnailssharestatus
Mati Skiba
Mati Skiba

Reputation: 101

Facebook ignores og:image when sharing url?

I created a website - http://mati.ravpage.co.il/check4 The website contains one og:image tag and is linted properly.

However, when I want to share this link (by placing it inside a newly created status): it shows two possible thumbnail, the default being different then the one declared in og:image. You can see this in the following screenshot: screen shot

I'm using Chrome and am pretty sure it was different a few weeks ago - back then only the og:image thumbnail was shown.

Am I doing something wrong here, are the og:... tags improper or is it a new Facebook behavior?

Thanks in advance, Mati Skiba

Upvotes: 10

Views: 11340

Answers (2)

bioneuralnet
bioneuralnet

Reputation: 5311

This page will tell you what's wrong, if anything: https://developers.facebook.com/tools/debug. For me, the image was too small (200 x 200 min).

Upvotes: 6

kms
kms

Reputation: 389

It might be good to check the html not only in Facebook linter, but in HTML validation tools as well. One of them is the one created by W3C.

For the mentioned site it points out a few mistakes, and as the <meta> tags have issues as well, this might be the reason for Facebook parsing the whole page for pictures.

For example:

<meta xmlns="" property="og:url" content="http://mati.ravpage.co.il/check4">

should be (pay attention to the slash at the end)

<meta property="og:url" content="http://mati.ravpage.co.il/check4" />

Upvotes: 2

Related Questions