facebook debugger open graph image not scraping on first attempt

Question

I've been facing this issue for the last couple of months. I've been running a wordpress site and I've installed the Yoast Seo plugin. I've enabled the facebook open graph meta tags in that plugin as well. Now, whenever I try to share any post url on my facebook fanpage directly, on first attempt, facebook scraps the description and title of the post, but not the "og:image". I've to refresh my page and when I make 2nd attempt, then it scraps the image or personally, i've to go to facebook debugger tool https://developers.facebook.com/tools/debug/ and debugg my post url each time before sharing that on my fanpage. I've tried to place manually facebook opengraph metatags as well copied from the other websites as well. For which, that problem doesn't occur but still i'm facing the same issue. I would like to mention here as well that I was using Cloudfare DNS servers. But I've changed my DNS servers directly to my main webserver DNS servers but still the problem persists.

One of my friend, facing the same issue on his website. It looks like we are missing something or we have to add any kind of A or CNAME record ?? Please help me out in this.

Thanks

Answer 1

Here is the answer to this question from facebook:

The provided 'og:image' properties are not yet available because new images are processed asyncronously. To ensure shares of new URLs include an image, specify the dimensions using 'og:image:width' and 'og:image:height' tags

so the thing is, the first time, facebook is not sure about the image's dimensions so no image displays, on the 2nd run, the image is already cached so it can readily check the dimensions of image provided in 'og:image' property.

To make sure that facebook displays image on the first run, og:image:width and og:image:height properties are required.

Answer 2

According to the Facebook "sharing best practices", Facebook needs to scrape the page at least once by someone clicking on it to cache the image. Subsequent shares will then be able to display the image.

Facebook's suggested solution is to manually enter the URL using the debugging tool to pre-cache the image: https://developers.facebook.com/docs/sharing/best-practices#pre-cache-images