How to show right image on Facebook shared links

Warning message

JQuery Cycle must be installed in order to run the slideshow. Please go to Status Report for instructions.

To show the right images while sharing the links on facebook, you have to tell the Facebook which image to choose on the given webpage. As one webpage can contain many images and choosing the right image for right post can increase your website traffic.

To do this you have to turn your webpage into graph objects . This is called Open Graph Protocol .

To turn your webpage into graph objects you have to place additional <meta> tags into <head> section of your webpage.

  • og:title - The title of your object as it should appear within the graph, e.g., "The Rock".
  • og:type - The type of your object, e.g., "video.movie". Depending on the type you specify, other properties may also be required.
  • og:image - An image URL which should represent your object within the graph.
  • og:url - The canonical URL of your object that will be used as its permanent ID in the graph, e.g., "http://www.imdb.com/title/tt0117500/".

However, to do this in Drupal there is a module called Open Graphs Meta tags. This will add a separate section into your node in which you can define, which image to choose while sharing the links 

and other options also .

https://drupal.org/project/opengraph_meta

 

Facebook Open Graph