IMG-LOGO

Facebook Like, Share or Recommend button pick up the wrong image

andy - 30 Jul, 2013 4020 Views 0 Comment

You have a great article or product information on your site and you would like it to share with others in facebook. However, the facebook button picks up the wrong image or picture. This kind of situation is normal, especially when you have a lot images on your site. In order for the facebook to pick up the correct image, you can specify the meta image on your meta tags header. See below example: please replace the content value according to your image path.

 <meta property="og:image" content="http://www.example.com/sampleimage.png">

Below is the sample code to do it dynamically in CSharp / C#.

//Import this namespace
using System.Web.UI.HtmlControls;

protected void Page_Load(object sender, EventArgs e){
    //we get the header object
    HtmlHead objHeader = (HtmlHead)Page.Header;

    //we add meta description
    HtmlMeta objMetaFacebook = new HtmlMeta();

    //Add the property id
    objMetaFacebook.Attributes.Add("id", "metafacebook");

    //Add the property og:image
    objMetaFacebook.Attributes.Add("property", "og:image");

    //specify the image path
    objMetaFacebook.Content = "http://www.webkeet.com/sampleimage.jpg";

    //This will add it to the header object
    objHeader.Controls.Add(objMetaFacebook);
}

Once you have implemented the meta tags, you can do a debug testing by visiting facebook site and enter your site url address.
http://developers.facebook.com/tools/debug

Comments

There are no comments available.

Write Comment
0 characters entered. Maximum characters allowed are 1000 characters.

Related Articles

How to remove html tags from string in c#?

Sometimes you need to remove HTML tags from string to ensure there are no dangerous or malicious scripts especially when you want to store the string or data text into the database.