如何使Skype友好的链接（预览图像标签） [英] How to make Skype-friendly links (preview image tags)

问题描述

在Skype上共享某些链接会触发程序显示来自页面的图像预览。在我工作的网站上 - 某些网页上有很大的图片，但是Skype代替了网站的徽标。我无法找到哪些meta标签会让Skype选取想要的图像并预览它。

我有一个< link rel = image_srchref =http://www.example.com/path/to/img.png/> 可用于Facebook共享预览（ img.png 被用来代替网站的标志），但不适用于Skype。

所以，你如何提示Skype应该是哪个图像用于预览？

解决方案

我需要找到一些支持此的源代码，但我认为如果您已经定义了一些open图形元数据，它会选择在那里指定的图像。例如，我在我的某个网站上有这些内容：

 < meta property =og：titlecontent =Site标题/> 
< meta property =og：typecontent =website/> 
< meta property =og：urlcontent =http://my.site.com/> 
< meta property =og：imagecontent =http://my.site.com/images/thumb.png/> 
< meta property =og：descriptioncontent =网站描述/> 
  

在Skype上显示为链接预览的图像是 og：image （这在页面的其他地方不可用）。

Sharing certain links on Skype triggers the program to show preview with image from the page. On a website I work on - there are big images on certain pages but Skype picks up the logo of the website instead. I was unable to find what meta tags would make Skype pick up the intended image and preview it.

I have a <link rel="image_src" href="http://www.example.com/path/to/img.png" /> that works for Facebook-sharing preview (img.png is used instead of the logo of the website) but doesn't work for Skype.

So how would you hint Skype which image should be used for preview?

解决方案

I will need to find some source to support this, but I think that if you have defined some open graph meta data, it will pick the image specified in there. For example, I have these in one of my sites:

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

And the image displayed as the link preview on Skype is the thumb image specified in og:image (that is not available anywhere else on the page).

这篇关于如何使Skype友好的链接（预览图像标签）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！