Facebook post url 图片

Question

只是想知道什么 HTML5 元素显示为 Facebook post 的图像，其中包含 post 中提到的 URL 的预览？

我想 post 一个 link 到我的网站并让我的徽标出现在 URL 预览的图像框中...

希望我的问题有道理。

Answer 1

您可以通过在网页的 header 中添加 Facebook 特定的 OpenGraph 元标记来实现。这是您需要添加的元标记

<meta property="og:url"                content="WEBSITE LINK" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="IT WILL APPEAR IN BIG FONTS" />
<meta property="og:description"        content="THIS WILL BE SUBTEXT" />
<meta property="og:image"              content="LINK OF THE IMAGE" />

您可以查看元标记详细信息here

还要验证它的外观以及 Facebook 通过元标记实际看到的内容，您可以转到打开 Graph Object Debugger

示例显示了您尝试分享后将会看到的内容 https://images.google.com

希望这就是您要找的。

Facebook post url 图片

Facebook post url image

url

facebook

image

social-networking