如何使用“og”（Open Graph）元标记在Facebook分享中

Question

如何使用“og”（Open Graph）元标记在Facebook分享中

facebook-opengraphmeta

124

Facebook从我的网站获取所有图片。

我只想分享那个页面上的一张图片。

我听说过og元标签，但我不知道如何添加它。

- Vignesh Babu M D

3个回答

43

Facebook使用所谓的Open Graph Protocol来确定在您共享链接时显示什么内容。OGP查看您的页面并尝试决定要显示什么内容。我们可以帮忙，实际上告诉 Facebook从我们的页面获取什么。 我们使用og:meta标签来实现这一点。 这些标签看起来像这样 -

  <meta property="og:title" content="Stuffed Cookies" />
  <meta property="og:image" content="http://fbwerks.com:8000/zhen/cookie.jpg" />
  <meta property="og:description" content="The Turducken of Cookies" />
  <meta property="og:url" content="http://fbwerks.com:8000/zhen/cookie.html">

你需要在HTML文件的<head>中放置这些或类似的元标记。不要忘记用自己的值替换它们！更多信息可以在Facebook的文档中阅读有关Facebook如何使用这些元标记的所有内容。这里是其中一个教程 - https://developers.facebook.com/docs/opengraph/tutorial/

Facebook为我们提供了一个非常好用的工具来处理元标签 - 您可以使用Debugger查看Facebook如何查看您的URL，并且它甚至会告诉您是否存在问题。

需要注意的一点是，每次更改元标签时，您都需要再次通过Debugger输入URL，以便Facebook清除其服务器上缓存的有关您的URL的所有数据。

- Lix

我在我的描述中看到了 HTML 标签，你知道如何避免这种情况吗？ - Neil

28

我制作了一个元标记生成工具，它预配置了Facebook、Google+和Twitter的条目，并且您可以在此处免费使用：http://www.groovymeta.com

更进一步地回答这个问题，OG标签（Open Graph）与meta标签类似，应放置在HTML文件的头部。请参阅Facebook最佳实践以获取有关如何有效使用OG标签的更多信息。

- Louis Otto

1

感谢 @Mogsdad，我已经相应地扩展了我的答案。 - Louis Otto

2

链接失效了，很遗憾！ - Vincent Sels

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- CarlosPinedaT · Accepted Answer

使用：

<!-- For Google -->
<meta name="description" content="" />
<meta name="keywords" content="" />

<meta name="author" content="" />
<meta name="copyright" content="" />
<meta name="application-name" content="" />

<!-- For Facebook -->
<meta property="og:title" content="" />
<meta property="og:type" content="article" />
<meta property="og:image" content="" />
<meta property="og:url" content="" />
<meta property="og:description" content="" />

<!-- For Twitter -->
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

根据您的页面内容填写content=" ... "

欲了解更多信息，请访问 2013年每个网页都应该有的18种元标签.