If you want to have a custom image showing besides the link shared on Facebook, you can do it by adding a simple piece of code in your page’s header section. Facebook link sharing is one of the best way to spread your links on most powerful social community platform. You should be careful while sharing links on Facebook as that link may become a branding initiative from your side. In that case, that link should appear perfectly on other’s home page as well.
Whenever we share a link on Facebook, it actually try to retrieve some images from that particular page and show you the option to choose an image as thumbnail or select “No thumbnail”. What if the options shown by the Facebook link sharing tool is not having the proper image thumbnail? In that case you can apply the changes below to have the custom image thumbnail besides the link on Facebook.
You may also like: How To Add Blog Feed On Facebook To Share Latest Post Over There
According to the Facebook Share Documentation, Facebook takes the image provided with tag rel=”image_src” in the header section that will definitely considered in the thumbnail options on link sharing. For example, if you want to have your blog’s logo in link shared as your homepage’s URL then add the below mentioned piece of code to have logo as thumbnail in Facebook,
I added below piece of code in HEAD section of my blog i.e. header.php below wp_head,
<link rel="image_src" href="http://media.clickonf5.org/image/logo.png" />
Now I am getting an options as my blog’s logo on any link shared on Facebook. I tried to share a post from my blog to facebook using Sexybookmark plugin, See the output as below:
Please note that the piece of code is working properly in IE8 but still there is some issue with Firefox and Chrome browser. I tried on IE 8 and it worked fine for me.