当您通过短信，Facebook消息或任何主流消息传递客户端发送链接时，您会注意到它会生成一个丰富的预览＆＃34;。这基本上是一个弹出您正在链接的网站的图像。
我了解如何设置此属性，例如
<meta property="og:title" content="European Travel Destinations">
<meta property="og:description" content="Offering tour packages for individuals or groups.">
<meta property="og:image" content="http://euro-travel-example.com/thumbnail.jpg">
<meta property="og:url" content="http://euro-travel-example.com/index.htm">
但我想知道如何使用它。
我尝试做的是设置一个包含链接表的网站，我希望每个链接不仅仅是文本链接，而是方形图像。我希望这些图像基于链接生成，就像在消息传递客户端中一样丰富的预览。
（如果它有助于我试图从谷歌相册中取出，那么我希望丰富的预览将成为专辑封面，标题将成为专辑的名称）
Ex：我想从中获取，专辑标题和封面图片 https://photos.app.goo.gl/5VogRQ6CvoVOJKpq1
我也想使用标题和说明，但我确定这个过程是一样的。
答案 0 :(得分：1)
像Facebook和Twitter这样的大公司都有自己的蜘蛛，它们会定期爬网查看网站的DOM。如果他们看到相关标签，他们会自动生成各自的“预览”。
您需要做的就是在您的头部中使用正确的<meta>标签。您已在上面的示例中演示了 OpenGraph 协议，该协议已被大多数网站使用。
根据OpenGraph，基本标签是：
og:title- 对象的标题应显示在图表中，例如“The Rock”。
og:type- 您对象的类型，例如“video.movie”。根据您指定的类型，可能还需要其他属性。
og:image- 图像网址，应代表图表中的对象。
og:url- 您的对象的规范网址，将用作图表中的永久ID，例如http://www.imdb.com/title/tt0117500/。
还有很多其他的，虽然这些是你需要的主要部分。
网站通常会定义自己的前缀。例如，Twitter还使用自定义twitter:前缀来允许 some extended functionality 。
Facebook有一个 debug tool ，通过它您可以提交您的网址，让他们强行更新预览，Twitter有自己的 card validator 这也将强行抓取网站。
只需等待相关网站抓取您自己的网站，或通过相应的工具手动提交您的网站，您的预览就会精心制作。此预览适用于尝试热链接到您网站的任何人，而不仅仅是您使用该工具的人。
希望这有帮助！