元数据 // Articles

Open Graph Meta 标签是什么

整理链接在 SNS 和聊天中分享时,标题、说明、图片和 URL 如何显示的 OGP 基础。

Open Graph meta 标签用于告诉 SNS、聊天工具和书签服务,在链接被分享时应如何处理页面标题、说明、图片和 URL。它不会改变页面正文,而是为链接预览提供补充信息。

先看四个基础字段

最先确认的是 og:title、og:description、og:image 和 og:url。字段清楚且可抓取时,外部服务更容易生成正确的预览。

<meta property="og:title" content="Page title" />
<meta property="og:description" content="Short page description." />
<meta property="og:image" content="https://example.com/ogp.png" />
<meta property="og:url" content="https://example.com/page" />
  • og:title 不为空
  • og:description 与页面内容一致
  • og:image 是可公开访问的绝对 URL
  • og:url 与 canonical URL 不冲突
  • 模板修改后没有残留旧值

参考信息