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 不冲突
- 模板修改后没有残留旧值