Customize Facebook Sharing Button

You can customize the Facebook sharing text and image that show up on Facebook when someone clicks the share message on Facebook icon

By default, Facebook will use the information shown on the permalink page for the message to display the images and text. The title for the Facebook code defaults to <title> tag, for instance.

You can add Facebook meta tags in the header of the message to customize the text, images, and URL for the Facebook share button:

Custom Facebook Sharing
<meta content="Title for FB" property="og:title">
<meta content="Description for facebook share" property="og:description">
<meta content="http://portal.criticalimpact.com/user/24754/image/L%26S_Black_iPad.jpg" property="og:image">

 

This code will generate the title of the shared page on FB:

Main Title
<meta content="Title for FB" property="og:title">

 

This code will generate the description text of the shared page on FB:

Description Text
<meta content="Description for facebook share" property="og:description">

 

This code will generate the image of the shared page on FB:

Image URL
<meta content="http://portal.criticalimpact.com/user/24754/image/L%26S_Black_iPad.jpg" property="og:image">