Question

当有人在Skype或Discord中发送链接时，它可以创建图像和描述，如屏幕截图所示：
Skype (Img + Descr)
Discord (Img + Descr)

我认为这是由于HTML <meta>中的<head>标签所致。但是在HTML中可能是<meta>标记的杂点。.我在GitHub上找到此页面，链接：https://gist.github.com/lancejpollard/1978404 这就是很多标签。有没有只知道标签的人，这些人在Skype和Discord上制作这些图像和描述？

我尝试添加一些元标记，网站图标和标题，但是它不起作用，我不知道我需要哪个<meta>标记。

我尝试的代码：

<title>Weird Website</title>
<meta name="description" content="Ehm.. weird website"/>
<meta name="url" content="http://www.weirdwebsite.idk/">
<link rel="icon" href="favicon.ico" type="image/x-icon" />

它看起来像这样：

Skype (Title of page)
（Skype正在拍摄<title>，但图像在哪里？）
Discord (Only URL)
And..discord仅显示基本链接。谁知道发送链接后如何自动添加图像和一些文本？ （仅举例来说，btw zzz.com不是我的网站）
谢谢
奥利弗。

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中指定的拇指图像（页面上其他任何地方均不可用）。

请记住，Skype可能还会缓存信息。

带有说明和图像的URL的元标记（在Skype中，不和谐）

1 个答案: