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