Image on Facebook, Twitter or other socially shared urls

When you are sharing the url of a page on Facebook, Twitter or any other social platforms, by default they will show the first image of your page, which matches a criteria. For example on Facebook the image must be at least 200*200px; have maximum 3:1 ratio; have png, jpg or gif file format.

This means if you put our slider on top of your page, probably the first image of the slider will show up on your socially shared url! If you don't want that to happen, you need to modify the code of your theme/template or try to find a WP plugin or Joomla extension, which does this for you.

Each social provider has a meta tags you can use to choose what should show up on your shared url. For example:

At both  Facebook and Twitter this is the image's meta tag:

<meta property="og:image" content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

You could use this to show another image instead of our slider's images. You just have to insert that code between the <head> and </head> tag of your theme/template, as you see for example here.

So from our slider's end we cannot control what image (or text) shows up on your socially shared urls, because the social providers are getting these out automatically and you have to modify the code of your theme/template to change the automatic content to the content you want to display!