如何制作Skype友好链接(预览图像标签)

ddi*_*hev 18 html skype

在Skype上共享某些链接会触发程序显示来自页面的图像的预览.在我工作的网站上 - 某些页面上有大图像,但Skype取而代之的是网站的标识.我无法找到哪些元标记会使Skype获取预期的图像并进行预览.

我有一个<link rel="image_src" href="http://www.example.com/path/to/img.png" />适用于Facebook共享预览(img.png用于代替网站的徽标),但不适用于Skype.

那你怎么暗示Skype哪个图像应该用于预览呢?

Alv*_*oro 21

我需要找到一些支持这一点的来源,但我认为如果你定义了一些开放图元数据,它将选择那里指定的图像.例如,我在我的一个网站上有这些:

<meta property="og:title" content="Site Title" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://my.site.com" />
<meta property="og:image" content="http://my.site.com/images/thumb.png" />
<meta property="og:description" content="Site description" />
Run Code Online (Sandbox Code Playgroud)

在Skype上显示为链接预览的图像是指定的拇指图像og:image(在页面上的任何其他位置都不可用).

  • 谢谢,这很有效!最初我无法做到正确,因为我省略了`og:type`.所需的标签是`title`,`type`,`url`和`image`,有趣的是````一个也阻止了一个很好的预览 - 删除它并只留下另外4个导致Skype显示带图像的块. (5认同)