This is generally accomplished using Open Graph tags. Social networks will scrape pages for these tags to generate the share previews. The image is specifically set with the og:image and twitter:image tags. If a social network doesn't find a tag, it will make an educated guess at which image would be appropriate, leading to different images across social network sharing.
There are a few ways you can add these with JFBConnect:
1. Enable the appropriate Open Graph plugin that comes with JFBConnect, for example 'Open Graph - Content' for Joomla articles, etc. JFBConnect will automatically pull the first article into og:image
2. Manually insert an easy-tag into your content like the following, which JFBConnect will turn into a tag
{SCOpenGraph image=http://domain.com/full/path/to/betterimage.jpg}
3. Set a default image for all of your pages with the JFBConnect backend > Social Meta > default setting
4. If you'd like further control of #1, like which image to pull, you can also set up an Open Graph object (
as described here
).
More info on #1-3 are found
here
.
Please note that after you set tags, the social networks will have to re-scrape your pages for the new values to take effect. Facebook, for example, has a tool for you to manually scrape to view changes immediately -
developers.facebook.com/tools/debug/
Let us know if you have any further questions.
-Melissa