Featured Image Does Not Appear on FB and Twitter

Hi,

Please note that Facebook’s behavior is a bit different. It crawls the page to get the data to be shared and for that it uses Open Graph Tags present on that page. And if it finds any URL specified in Open Graph tags, then it crawls that URL page and grabs the data to share. This is the native behavior or Facebook and cannot be changed.
You can specify the Title, image, URL or description using the Meta tags only.
Know more about Meta tags –
https://support.sharethis.com/customer/portal/articles/475079-share-properties-and-sharing-custom-information#Open_Graph_Tags

And for Twitter Image Sharing, you need to have Twitter Cards implemented.
About Twitter Cards – https://dev.twitter.com/docs/cards/getting-started

It appears that I have the identical problem. I am trying to set up a new site on a self hosted version of WordPress and I can’t get the featured image to display in Facebook.

A sample blog page is: https://wp.virtualtrainer.ca/2015/05/13/fourth-test-post/ and on this page there is a Jetpack generated tag that I believe is correct. It is:

<meta property="og:image" content="https://wp.virtualtrainer.ca/wp-content/uploads/2015/05/mp3featured.jpg" />

When I paste the URL of this blog entry into Facebook, it chooses a different image (a cropped version of the header). I would appreciate a suggestion on how to fix this.

Looks like this was a Facebook problem. Even though I set it up correctly, Facebook was still showing some kind of error. Here’s what I did that worked:

I loaded the Facebook object debugger at this URL: https://developers.facebook.com/tools/debug and gave it the URL of my blog posting.

It showed that the og:image tag was correct but it claimed that there was an error so it was serving up a the default image.

I clicked on “Fetch new scrape information” which caused it to refresh itself.

Then it worked correctly.

Yes, it is an issue in caching the images at Facebook’s end and we don’t have any control over its behavior.