Question

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

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

我听说过og元标记，但我不知道该怎么做。

Answer 1

使用：

<!-- 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="" />

填写内容=＆＃34; ......＆＃34;根据您网页的内容。

有关详细信息，请访问 18 Meta Tags Every Webpage Should Have in 2013 。

Answer 2

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如何在其文档中使用这些元标记的所有信息。以下是其中一个教程 - https://developers.facebook.com/docs/opengraph/tutorial/

Facebook为我们提供了一个很好的小工具来帮助我们处理这些元标记 - 您可以使用Debugger查看Facebook如何看到您的网址，它甚至可以告诉您是否存在问题用它。

此处需要注意的一点是，每次更改元标记时，您都需要再次通过Debugger提供网址，以便Facebook清除所有缓存的数据在他们的服务器上关于你的URL。

Answer 3

我构建了一个用于元生成的工具。它预先配置了Facebook，Google +和Twitter的条目，你可以在这里免费使用它：http://www.groovymeta.com

为了更多地回答这个问题，OG标签（Open Graph）标签与meta标签的工作方式类似，应该放在HTML文件的HEAD部分。有关如何有效使用OG标记的详细信息，请参阅Facebook's best practises。

如何使用Facebook共享的'og'（Open Graph）元标记

3 个答案: