search

todordev / ITPShare-Plugin

Joomla! extension that display social media sharing buttons on web pages.
http://itprism.com/free-joomla-extensions/social-marketing-seo/socialmedia-multi-share
3 stars 6 forks source link

No image with Facebook share #50

Open tastymousehub opened 8 years ago

tastymousehub commented 8 years ago

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 commented 8 years ago

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.

https://github.com/ITPrism/ITPFloatingShare/issues/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 commented 8 years ago

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

tastymousehub commented 8 years ago

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