网站管理员分享指南

本文档介绍如何优化用户分享到 Facebook 的网站托管内容,无论这些内容是通过桌面或移动网页还是移动应用分享,皆涵盖其中。

本文档提供以下内容的相关信息:

开放图谱标记

大部分内容均是以网址形式分享到 Facebook,因此,请务必使用开放图谱标签标记您的网站,以便控制内容在 Facebook 中的显示方式。为了让我们的网络爬虫正确分享您的网站,您的服务器还必须使用 gzipdeflate 编码。

在没有这些开放图谱标签的情况下,Facebook 网络爬虫会使用内部试探法对内容的标题、说明和预览图作出最合理的猜测。使用开放图谱标签明确指定此信息,可确保在 Facebook 上呈现最高质量的帖子。

以下示例展示的内容使用开放图谱标签设置格式,以在 Facebook 上实现最佳显示效果:

标记示例

例如,以下内容介绍了如何使用 og:type="article" 和多个其他属性来标记文章、新闻动态或博文:

<meta property="og:url"                content="http://www.nytimes.com/2015/02/19/arts/international/when-great-minds-dont-think-alike.html" />
<meta property="og:type"               content="article" />
<meta property="og:title"              content="When Great Minds Don’t Think Alike" />
<meta property="og:description"        content="How much does culture influence creative thinking?" />
<meta property="og:image"              content="http://static01.nyt.com/images/2015/02/19/arts/international/19iht-btnumbers19A/19iht-btnumbers19A-facebookJumbo-v2.jpg" />

这些属性包括我们在用户分享文章时具体想要呈现的与文章有关的描述性元数据。

基本标签

以下是您应该用于所有内容类型的最基本的元标签:

标签 说明

og:url

页面的标准网址。此标签应该是未加修饰的网址,没有会话变量、用户识别参数或计数器。相应网址的“赞”和“分享”将在此网址中汇总。例如,移动域网址应指向桌面版网址并将其作为标准网址,以汇总不同页面版本的“赞”和“分享”。

og:title

文章的标题,不包含网站名称等任何品牌信息。

og:description

内容的简略说明,通常为 2-4 个句子。此标签会显示在 Facebook 帖子的标题下方。

og:image

用户将内容分享到 Facebook 时所显示图像的网址。请参阅下文了解详情,并查看我们的最佳实践指南,了解如何指定高质量的预览图。

fb:app_id

要使用 Facebook 成效分析,您必须将应用编号添加到您的公共主页中。您可以通过成效分析查看 Facebook 到您网站的流量分析。在应用面板中查看应用编号。


您可能还要添加两个其他标签,以推动内容的传播并提高互动率:

标签 说明

og:type

内容的媒体类型。此标签会影响您的内容在动态中的显示方式。如果不指定类型,则默认为 website。每个网址都应该是单一对象,因此不可能存在多个 og:type 值。请参阅对象类型参考文档,查看完整的对象类型列表

og:locale

资源的语言。默认为 en_US。如果提供其他可用语言的翻译,您还可使用 og:locale:alternate。请阅读本地化文档,了解我们支持的语言。


请参阅我们的对象属性参考文档,查看标准对象属性的完整列表。

测试您的标记

要查看您的标记如何对 Facebook 网络爬虫显示,请在分享调试器中输入网址。此操作将显示网络爬虫抓取的元标签以及任何错误或警告。

调试器还会触发对页面的抓取,因此,如果 HTML 中有错误,您可以使用调试器更新您的内容。详情请参阅更新对象

测试是否已正确处理 Facebook 用户-代理

  1. 打开您的浏览器。
  2. 更改用户-代理以匹配 Facebook 用户-代理。如需详细了解如何更改用户-代理,请参阅 http://osxdaily.com/2013/01/16/change-user-agent-chrome-safari-firefox/
    • 开发菜单 > 用户-代理 > 其他
    • 将用户-代理设置为:facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)
  3. 加载有问题的网址。
  4. 将用户-代理设置为移动版浏览器的用户-代理,例如 Safari - iPhone:
    开发菜单 > 用户-代理 > Safari — iOS 10 — iPhone
  5. 加载有问题的网址。
  6. 如果是用户-代理问题,页面会在第 5 步正确加载(而非第 3 步)。

媒体内容类型

如果您的内容包含音频、视频或位置信息,您可以添加附加标记。请参阅我们的对象类型参考文档,了解所有标准对象属性。

视频

所有内容类型都可以使用 og:video。本部分介绍如何使用附加标签优化 Facebook 视频的展示效果。Facebook 支持 mp4 和 Flash 格式的视频。

og:video:urlog:video:secure_url 标签使用安全网址,让视频能够在动态中内嵌播放。请注意,由于多种因素的影响,我们不能保证视频一定会内嵌播放。

元标签 说明

og:video

视频的网址。如果想要视频在动态中内嵌播放,您应尽可能使用 https:// 网址。

og:video:url

og:video 作用相同

og:video:secure_url

视频的安全网址。即使在 og:video 中设置了安全网址,也请添加此属性。

og:video:type

视频的 MIME 类型。application/x-shockwave-flashvideo/mp4

og:video:width

视频宽度,以像素为单位。此为视频的必要属性。

og:video:height

视频高度,以像素为单位。此为视频的必要属性。

og:image

指定一张图像,在动态中显示高品质预览


图像

针对包含多张图像的内容使用这组属性。请参阅分享最佳实践,获取有关 og:image 最佳用法的指南。

元标签 说明

og:image

图像的网址。如要更新已发布的图像,请为新图像使用新网址。系统会根据该网址缓存图像,除非网址更改,否则不会更新图像。

og:image:url

og:image 作用相同

og:image:secure_url

图像的 https:// 网址

og:image:type

图像的 MIME 类型。image/jpegimage/gifimage/png 其中之一

og:image:width

图像宽度,以像素为单位。指定图像的高度和宽度,确保图像在第一次分享时正确加载。

og:image:height

图像高度,以像素为单位。指定图像的高度和宽度,确保图像在第一次分享时正确加载。

3D 素材

请参阅我们“3D 帖”部分的“开放图谱分享”文档