Wrong image in Facebook Share

Hi,

As long as the og:image meta tag is generated for each post, the image should be picked up by FB. And this is where Add-Meta-Tags involvement stops.

Please check your server performance and also consult the facebook share button documentation. There is the possibility that the button needs the URL to the image to be set as a query argument.

Kind Regards,
George

Also please check the page with the Facebook Debug Tool and see if the image from og:image is used.

George

Hi George,

Thanks for your time and suggestions, much appreciated. An og:img meta tag appears in the facebook url debugger as such:
Meta Tag <meta property=”og:img” content=”https://www.videogamesjapan.com/wp-content/uploads/2015/01/SuperFamicom.jpg&#8221; />

so it looks like its picking it up but I see the following errors:
Warnings That Should Be Fixed
Extraneous Property Objects of this type do not allow properties named ‘og:img’.
Extraneous Property Objects of this type do not allow properties named ‘twitter:card’.
Extraneous Property Objects of this type do not allow properties named ‘twitter:title’.
Extraneous Property Objects of this type do not allow properties named ‘twitter:description’.
Parser Mismatched Metadata The parser’s result for this metadata did not match the input metadata. Likely, this was caused by the data being ordered in an unexpected way, multiple values being given for a property only expecting a single value, or property values for a given property being mismatched. Here are the input properties that were not seen in the parsed result: ‘og:img, twitter:card, twitter:title, twitter:description’

Im not worried about twitter at the moment just need the facebook img output right. I understand if your plugin has done its job and theres nothing else I can do. Not able to take it further myself with the query argument as its all beyond me (cant say its all Greek to me as I can read it!). Thanks for any further suggestions, otherwise thanks for trying. Not gonna pull my hair out ??

Best Regards,

Grammatis and the team at VideoGamesJapan

Yeah, peace of mind is important! ??

I checked the metadata on the aforementioned page. The og:image appears first in the opengraph meta tags. By default, the plugin would print og:image metatags last. This means that you or someone else has added code that changes the order of the opengraph meta tags. But this should not be a problem. All these are just warnings in the FB Debug Tool output. I’m taking a note about the og:image warning though for further research. You should not worry about twitter:x meta tags. The debug tool does not understand them.

About the problem with the share button, please consult the facebook documentation. I’m not familiar with this button so I cannot provide more help.

Thanks for your feedback,
George

George,

Thanks for putting the effort in.

I removed the other plugin I was using and installed the official facebook plugin. I may have solved my issue. One of two possibilities:

A – I am using the WP eStore plugin to produce galleries of my products. I have set the thumbnails at 150×150. It seems facebook doesnt accept anything under 200×200, so it was ignoring the product thumbnail and going for pic i had in a widget slider.

B – The pics are not seen at all due to the way the eStore plugin works

Either way, I confirmed it was either of the two by adding a full size image on its own to the post . This was immediately picked up by the share/like button as the right pic.

Unfortunately I cannot change the layout of the site at the moment so my team and I will just have to put up with the way things are at the moment.

Thanks for your time. Have a great year.

Grammatis
and the team at VideoGamesJapan

Hi Grammatis,

Yes, FB has some guidelines about image sizes. Please see: https://developers.facebook.com/docs/sharing/best-practices#images

Best Regards,
George