网站管理员分享指南

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

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

开放图谱标记

大部分内容都以网址的形式分享到 Facebook,因此,使用开放图谱标签标记网站很重要,可帮助您控制内容在 Facebook 的显示方式。

在没有这些标签的情况下,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 中有错误,您可以使用调试器更新您的内容。参阅更新对象了解详情。

媒体内容类型

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

视频

所有内容类型都可以使用 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

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