Open Graph
控制链接在社交媒体分享时显示信息的元标签协议,由 Facebook 制定。
Open Graph 协议 (OGP) 是 Facebook 于 2010 年制定的元标签协议,用于控制网页在社交媒体上分享时显示的标题、描述、图片、URL 等信息。在 HTML 的 <head> 中以 <meta> 标签的形式设置 og:title、og:description、og:image、og:url、og:type 等属性。如果不设置 OGP,社交媒体的爬虫会自动推测页面内容来生成预览,可能导致显示不符合预期。
正确配置 OGP 标签后,在 Facebook、LinkedIn、Discord、Slack、LINE 等社交媒体和即时通讯应用中分享链接时,会显示预期的预览卡片。有吸引力的预览直接提高点击率 (CTR),是内容营销中的重要因素。实际上,设置了合适 OGP 图片的链接与未设置的链接相比,CTR 提高 2 倍以上的案例也有报道。搜索龙舌兰酒 (Amazon)介绍了 OGP 的最佳实践。
各属性有推荐的字符数和尺寸。og:title 建议在 40 个字符以内,过长会在社交媒体预览中被截断。og:description 最佳长度为 80-110 个字符,设置简洁传达页面内容的文字。og:image 推荐尺寸为 1200x630 像素,这个比例在 Facebook、X (Twitter)、LinkedIn 上都能美观显示。图片文件大小建议控制在 8MB 以下。
虽然 OGP 由 Facebook 制定,但目前已作为接近 Web 标准的存在被广泛采用。X (Twitter) 拥有自己的 Twitter Card 标签 (twitter:card、twitter:title 等),但当 Twitter Card 标签未设置时,会将 OGP 标签作为后备参考。因此,同时设置 OGP 和 Twitter Card 是最佳实践。虽然 OGP 不直接影响 Google 搜索结果,但来自社交媒体的流量增加会间接有利于 SEO。
一个常见的误解是认为修改 OGP 标签后预览会立即更新,但社交媒体的爬虫会保持缓存,因此不会立即反映。Facebook 可以使用 Sharing Debugger,X 可以使用 Card Validator 来清除缓存并确认最新预览。修改 og:image URL 时,更改文件名本身或添加查询参数是绕过缓存的有效方法。探索TL漫画 (Amazon)介绍了 OGP 的设置和验证方法。
从字符计数的角度来看,注意 og:title 和 og:description 的字符数限制非常重要。使用字符计数工具预先确认字符数,并调整到各社交媒体预览中不会被截断的长度,可以实现有效的社交分享。