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

Question

在 Skype 上共享某些链接会触发程序显示页面图像的预览。在我工作的网站上 - 某些页面上有大图像，但 Skype 取而代之的是该网站的 Logo 。我无法找到哪些元标记可以使 Skype 选取预期的图像并进行预览。

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

那么您将如何提示 Skype 应该使用哪个图像进行预览？

Answer 1

我需要找到一些来源来支持这一点，但我认为如果您定义了一些开放图元数据，它会选择其中指定的图像。例如，我在我的一个网站中有这些:

<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" />

在 Skype 上显示为链接预览的图像是 og:image 中指定的缩略图(在页面的其他任何地方都不可用)。