122

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

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

我听说过ogmeta标签，但我不知道怎么写。

4

3 回答 3

361

Use:

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

Fill the content =" ... " according to the content of your page.

For more information, visit 18 Meta Tags Every Webpage Should Have in 2013.

于 2013-05-29T20:03:26.777 回答
43

Facebook 使用所谓的开放图形协议来决定在您共享链接时要显示哪些内容。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">

您需要在<head>HTML 文件中放置这些或类似的元标记。不要忘记将值替换为您自己的值！

有关更多信息，您可以在其文档中阅读有关 Facebook 如何使用这些元标记的所有信息。这是那里的教程之一 - https://developers.facebook.com/docs/opengraph/tutorial/

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

这里要注意的一件事是，每次您对元标记进行更改时，您都需要再次通过调试器提供 URL ，以便 Facebook 将清除缓存在其服务器上的有关您的 URL 的所有数据。

于 2012-07-23T16:43:34.297 回答
28

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

为了进一步回答这个问题，OG标签（Open Graph）标签的工作方式与元标签类似，应该放在 HTML 文件的 HEAD 部分。有关如何有效使用 OG 标签的更多信息，请参阅Facebook 的最佳实践。

于 2014-10-02T10:26:46.793 回答