Html 带有描述和图像的URL元标记(在Skype中,Discord)

Html 带有描述和图像的URL元标记(在Skype中,Discord),html,discord,meta,skype,Html,Discord,Meta,Skype,当某人在Skype或Discord中发送链接时,它可以显示图像和描述,例如: 我认为这是因为HTML元素中的标记。 但是HTML支持数百个标记。。。我在GitHub上找到了此页面,链接: 这是这么多标签。是否有人知道在Skype和Discord上使用哪些标签来提供这些图像和描述 我试着添加一些元标记、favicon和title,但不起作用,我不知道需要哪个标记 我试过的代码: 怪异网站 看起来像这样 Skype正在获取内容,但缺少图像: Discord仅显示基本链接: 有人知道在这些应

当某人在Skype或Discord中发送链接时,它可以显示图像和描述,例如:

我认为这是因为HTML
元素中的
标记。 但是HTML支持数百个
标记。。。我在GitHub上找到了此页面,链接: 这是这么多标签。是否有人知道在Skype和Discord上使用哪些标签来提供这些图像和描述

我试着添加一些元标记、favicon和title,但不起作用,我不知道需要哪个
标记

我试过的代码:

怪异网站
看起来像这样

Skype正在获取
内容,但缺少图像:

Discord仅显示基本链接:

有人知道在这些应用程序中共享链接时如何自动添加图像和一些文本吗? (顺便说一句,zzz.com不是我的网站,只是举个例子)

谢谢,
奥利弗。


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


请记住,Skype也可能缓存信息。

我目前在几个新域名上也遇到了同样的情况。也许正如你所说,Skype缓存有问题,但在PC版本中,我找不到清理Skype缓存的方法,从我为Windows 10应用程序阅读的内容来看,你必须清理Windows缓存、浏览器等。无论如何,我已经这样做了,但Skype上没有看到图像,如果它在Facebook和Twitter上看起来不错,你可以用它为你的网站生成元标签,它真的很有用
<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" />
<meta name="theme-color" content="#FF0000">

<!-- Include this to make the og:image larger -->
<meta name="twitter:card" content="summary_large_image">