我想在分享我的网站时添加图片 link

I want to add image when I share my website link

enter image description here我在我的网站上添加了图片。我想在分享我的网站时显示该图像 link.It 仅在 whatsapp 中显示,而不在 facebook 和 skype 中显示。

我的网站 link 是:https://www.telotrovo.it/

我试过这个代码:

<meta property="og:image:secure_url" content="https://www.telotrovo.it/wp-content/uploads/2016/02/siteimage.jpg"/>

<meta property="og:image" content="http://www.telotrovo.it/wp-content/uploads/2016/02/siteimage.jpg"/>

Facebook、Skype 和其他公司正在使用开放图谱协议来获取这些信息。我的其中一个网站中有这些:

<meta property="og:title" content="Site Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://my.website.com" />
<meta property="og:image:url" content="http://my.website.com/images/thumb.png" />
<meta property="og:description" content="Site description" />

而在Skype和Facebook上显示为link预览的图像是og:image:url中指定的缩略图。

这四个应该出现在您的标签中。还要确保将 XML 命名空间添加到标记中:

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">  

您可以尝试关注,

<meta property="og:image" content="https://www.telotrovo.it/wp-content/uploads/2016/02/siteimage.jpg">
<meta property="og:image:type" content="image/jpeg">
<meta property="og:image:width" content="200">
<meta property="og:image:height" content="200">

图像宽度应指定,最小 200 X 200,您可以更改它

使用至少 1200 x 630 像素的图片,以便在高分辨率设备上获得最佳显示效果。至少,您应该使用 600 x 315 像素的图像来显示 link 具有较大图像的页面帖子。