No image with Facebook share

[tastymousehub]

When I share an article on Facebook no image is shown. The demo version of the plugin doesn't have this issue, what might be wrong?

[todordev]

Thank you for the post!

How the social networks work?
The social networks have robots which read your pages and collects elements from them - images, meta description, title,...

When someone clicks on share button (like, share,...), the social networks use collected data.
When you publish a new article, the robots does not have data about the new page. It is need a time for the robots to collect data. If you try it several days after publication, all will be OK.

You also can provide meta data about your page using Open Graph Protocol (ogp.me). This meta tags describe main objects of your pages - title, description, image,...
You should put meta tag "og:image" in the code of your page. The robots will use this image and it will display right image.

You can find more information here.
http://itprism.com/blog/19-opengraph-microformats-semantic

You can try some extensions which put Open Graph Tags.
http://extensions.joomla.org/extensions/site-management/seo-a-metadata/open-graph

LINK
It depends from Facebook robots and image size.
You can provide appropriate picture to Facebook by Open Graph tags. You should use "og:image" tag.
https://developers.facebook.com/docs/sharing/best-practices#images

Here you are more information about that.

todordev/ITPFloatingShare#9
https://developers.facebook.com/docs/sharing/best-practices#images
https://developers.facebook.com/docs/sharing/best-practices#tags

You can use Facebook Debug to find out how FB robots see your page.
http://beginnersbook.com/2013/10/facebook-debugger-tool-fix-open-graph-meta-tags-issues/

Here you are information how to clear cached data of your page.
http://stackoverflow.com/questions/5776567/facebook-open-graph-not-clearing-cache
http://brianjackson.io/facebook-open-graph-debugger-cache-clearing/

[tastymousehub]

Thanks for the information, much appreciated, I'll dive into it.

[tastymousehub]

It still doesn't work, but it looks like a Facebook issue, so I'll have to learn more about Facebook. I added the Open Graph Tags, now facebook has to read them right :).