什么是 Open Graph 元标签？

什么是 Open Graph 元标签？

Open Graph 元标签是一小段代码，用于控制网页在社交媒体上分享时的显示效果。这些标签是 Facebook 开发的 Open Graph 协议的一部分，但也可用于 Twitter、Pinterest 等其他社交网络。

Facebook 于 2010 年开发了 Open Graph 互联网协议，以增强其平台与其他网站之间的整合。其目标是简化在社交平台上分享网站 URL 的过程，进而将网页资源转化为丰富的、以图形化方式呈现的对象。

下面是一个包含 OG 标签的页面在 Facebook 上分享时的样子：

此后，Open Graph 元标签被 Twitter 和 LinkedIn 和大多数其他流行的即时通讯应用（如 WhatsApp）所采用。

Facebook 的文档列出了各种 Open Graph 元标签；不过，以下五个是所有类型内容都必需的：

• og:title - 你所分享页面选定的标题。
• og:type - 你的内容类型（文章、书籍、视频等）
• og:url - 你所分享页面的规范 URL。
• og:image - 当有人在 Facebook 上分享该网页时会出现的图片 URL。
• og:description - 内容的简短描述，通常为两到四句话，显示在帖子标题下方。

为什么 Open Graph 元标签很重要？

Open Graph 元标签之所以重要，是因为它们让网站站长能够控制在社交媒体网络上分享时，页面的标题、描述、站点名称和图片将如何显示。

如果没有实施 OG 标签，Facebook 会根据页面 URL、标题和元描述自动生成预览，而这些内容对社交媒体预览来说往往过长——结果会被截断。此外，它还会使用页面上的第一张可用图片，而这未必是高分辨率图片。

另外，社交媒体网络是网站流量和转化的主要来源中的一个。这就是为什么拥有经过优化的 OG 标签很重要。

如何添加 Open Graph 元标签？

设置 Open Graph 元标签的过程会因你使用的网站平台而略有不同。

由于 WordPress 是最受欢迎的内容管理系统，下面简要概述如何在 WordPress 中为单篇文章和页面实施 OG 标签：

• 登录 WordPress 后台，然后进入“插件”。安装 Yoast SEO 插件（当然，如果你还没安装的话）。
• 打开页面编辑器。
• 找到 Yoast SEO 区域并选择“社交”（Social）标签页。
• 选择“Facebook”，并为该页面提供所需的 Open Graph 元数据（标题、描述和图片）。Yoast 会自动为你设置 URL。

你可以在这里了解如何在其他平台（包括 Shopify 和 Wix）上设置 OG 元标签。

当然，你也可以选择在页面的 HTML 代码中手动实施 Open Graph 元标签。

设置好 OG 元标签后，你可以使用 Facebook 的 Sharing Debugger 来检查它们是否按预期工作。把你想要检查的 URL 粘贴进去，选择“Debug”，它就会扫描错误并给出 OG 标签建议。你还会看到 OG 属性的概览，包括标题、图片和描述。