如何动态设置Facebook共享的图像

Question

I set all my properties for the facebook share in the c# codebehind. However I am not having any luck with the Image, and I cannot find any solutions.

How I add the site name:

HtmlMeta siteNameProp = new HtmlMeta();
siteNameProp.Attributes.Add("property", "og:site_name");
siteNameProp.Content = "MyName";
Page.Header.Controls.Add(siteNameProp);

How I try to add the Image:

HtmlMeta imageProp = new HtmlMeta();
imageProp.Attributes.Add("property", "og:image");
imageProp.Content = "/Content/Images/FB-share.png";
Page.Header.Controls.Add(imageProp);

My Image size is 1200x630 (I read on SO that this size is recommended). And the Path to my Image is /Content/Images/FB-share.png.

No image is showing when I press share. What can I do? is the path wrong? Not that good with paths in c#.

Answer 1

Have you tried using https://developers.facebook.com/tools/debug ?

There is an Open Graph properties section to check if you set the image value correctly as og:image

You should also start using a lower resolution size than 1200 x 630 pixels: https://developers.facebook.com/docs/sharing/best-practices#images

[EDIT]

There were some cases that Facebook randomly chooses a picture that has a lowest resolution size, so what I did is that I explicitly set the og:image value to the meta:

<meta id="featuredimage" runat="server" name="og:image" />

Then set the content value to my code-behind:

featuredimage.Attributes.Add("content", "image url here");

Happy coding!