Facebook open graph image not displaying

Question

I have run my site through the debugger and the correct og:image pulls up, but when I click the share button on my site I get a different image. If I click the share button

Answer 1

When pulling a webpage from an URL, Facebook caches it's content for later. It means, that if Facebook once pulls data from your site, and than your site changes (for example your og:image tags change), Facebook will not change the image, because it already has everything cached on it's side.

Try visiting Facebook Debugger page and review what Facebook "sees". Using this tool forces Facebook to refresh data from the given URL. This is the best way to debug it.

When you make sure Facebook "sees" proper og:image tags, then make sure the images in the og:image are of proper minimum width/height (it's all explained in the fb debugger). Facebook will not use an image from og:image if it does not meet FB's criteria.

I strongly recommend this tool whenever there are any issues with content from your site on FB.

Answer 2

I believe I fixed this by using the following line. It doesn't make logical sense to me as my og:image tag was perfect and facebook saw it.

<meta itemprop="image" content="https://blahblahurl.png">

Answer 3

I just had to wait about 5 minutes for refresh.

Answer 4

I noticed your image is a secure link. I had the same issue, but I changed it to http (insecure) and did 1 or 2 refreshes in the Facebook Debugger tool and it worked!

Bunch of og:image https stuff in this Q/A: FB OpenGraph og:image not pulling images (possibly https?)

Answer 5

I just wanted to come out here and chime in on every Facebook OG:Image not displaying topic I can find. Agh!!! I can't believe how much time I wasted last night and today on this. It was maddening! I followed every rabbit trail, and Facebook continued to ignore my og:image property (I even removed the url redirect for ssl in my web.config and re-coded the site so that I could have an unsecure and a secure version of the image). Everything looked right to me, but it kept ignoring the property.

Then...

I went here:

https://developers.facebook.com/tools/explorer/?method=POST&path=%3Fscrape%3Dtrue%26id%3Dhttps%3A%2F%2Fwww.google.com&version=v5.0

This is the tool you want to use, not this one:

https://developers.facebook.com/tools/debug/sharing/?q=https%3A%2F%2Fwww.google.com

The explorer gives you detailed error messages that the sharing debug tool does not, in my case specifically:

I had spaces in my image filename that weren't url encoded. Have a space in your filename and it will browse, but it will be rejected by Facebook for the property on the sharing debugger page (not sure why they call it a debugger, the explorer is the real debugger). (If I can save even just one person from this, then my misery was worth it).

Oh ya... the link for the explorer is at the very bottom of the "debugger" page (titled Scrape Via API).

Answer 6

You should use the link debug of facebook for detect issues
https://developers.facebook.com/tools/debug/sharing/
You only need input your link that you want to check issues.
If your link that facebook has cached it then you press on button [Scape again] to reload your link.
If have any issues with your link then facebook will warning for you.