Share Preview Image Setting of Facebook

Best Practice

https://developers.facebook.com/docs/sharing/best-practices#–

Recommended Image Size: 1080×565

Have better to include following 3 scripts: (#2 could be the most important)

<!-- Facebook -->
<meta property="og:title" content="<?=$page_title?>">
<meta property="og:url" content="http://www.sman.co">
<meta property="og:image" content="<?=base_url()?>assets/images/index/index_sman.png">
<meta property="og:description" content="Tell us what you want to promote, and let talents work for you at a fraction of cost.">

Reference:

FB Debug Tool:

Dynamic Like Button (With share):

<div id="share_fb"></div>
$c.find('#share_fb').html('<fb:like href="' + data.url + '" layout="button_count" action="like" show_faces="true" share="true"></fb:like>');
//FB.XFBML.parse($c.find('#share_fb')[0]);
FB.XFBML.parse();

Reference:

Sharer:

var url = 'http://www.facebook.com/sharer/sharer.php?u=';
var $bt = $('#bt_share_fb');
$bt.attr('href', url + data.url);