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 on my ipad I get the wrong image plus a second image which is the correct image. Tested in chrome and IE9 and neither give me the correct image. This was working up until a few days ago.

website is www.bodhitee.com

Here are my OG tags

<meta property="og:title" content="20% of each sale helps fight reckless fracking and mining."/>
<meta property="og:description" content="www.bodhitee.com: Cool Baby and Kids Clothes for a Cause"/>
<meta property="og:image" content="https://www.bodhitee.com/product_images/uploaded_images/bodhitee-fb-earthworks-nofrack.jpg"/>

Answer 1

I just had to wait about 5 minutes for refresh.

Answer 2

I have read that secure URL's need to have additional code in the call.

og:image:secure_url - An alternate url to use if the webpage requires HTTPS.

Answer 3

For what its worth, my problem was that I had "hotlink protection" on my cpanel, which was preventing FB to fetch the image and share it elsewhere. I unchecked it, and now it's showing the image.

Answer 4

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.

Answer 5

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 6

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).