Open Graph
中级网页
Open Graph 是放在网页元数据中的一组信息，用来告诉支持它的平台：这个页面被分享时适合显示什么标题、简介和图片。你把产品介绍页发到聊天群时，它能帮助平台生成更准确的链接预览。
你可能会说：「我想把产品页面发到聊天群时，链接能显示指定的标题、简介和封面图。」
动手看看产品页的群聊分享预览
产品页的 Open Graph 元数据
og:title
MindSet：把想法变成方案
og:description
把零散笔记整理成可执行的下一步。
og:image
mindset-cover.png
产品讨论群 · 林同事分享了链接
mindset.app/product
分享简介
预览图片
切换上方的分享标题、简介和图片，看看同一条产品链接在群聊里怎么变；也可以悬停或聚焦预览卡片。这里改的是网页提供的元数据，不是手动编辑聊天消息。
要点分享链接时，预览信息从哪里来？
- 1
页面提供分享预览信息
你可以在网页元数据中提供 og:title、og:description 和 og:image，分别对应希望展示的标题、简介和图片。这样分享平台读取页面时，就有信息可用，而不必完全从正文里猜。
- 2
平台抓取后决定如何展示
用户贴出链接后，平台通常会访问这个网址，读取页面信息，再生成预览卡片。Open Graph 提供的是候选内容，不是展示命令；图片裁切、文字长度以及是否显示，都由平台决定。
- 3
公开地址和缓存影响结果
如果页面需要登录，或分享图片无法从外部访问，平台就可能取不到内容。你改完信息后，旧预览也可能暂时留在平台缓存里，所以排查时要同时看页面是否可访问，以及平台是否重新抓取。
容易混淆的地方
Open Graph 管的是链接被分享出去时，平台可读取哪些预览信息；页面标题主要服务于浏览器标签和搜索结果，两者可以写成不同文案。规范网址则用来表明多个相近网址中哪个是首选地址，不负责指定分享卡片的标题和图片。
什么时候用
适合用
- 你做了一个公开的产品介绍页，希望用户转发到聊天工具时显示产品名、卖点和封面图。
- 你的文章页由内容系统生成，想让每篇文章分享出去时使用各自的标题、摘要和配图。
- 你上线活动落地页，需要检查多个社交平台抓取到的链接预览是否与活动内容一致。
不适合用
- 你只想修改用户打开网页后的页面布局；直接调整页面内容和样式，Open Graph 不会改变页面本身。
- 你要给登录后的用户发送站内通知；通知标题和图片由产品自己的通知数据与界面控制，不靠网页分享预览。
- 你想让某个页面不出现在搜索结果中；这属于搜索收录控制，不是 Open Graph 的用途。
练一练选一个答案，看看解释
你的网站文章页在浏览器中标题正确，但把链接发到聊天工具后，预览仍显示站点通用标题，而且没有文章配图。你会先让 AI Agent 查什么？
让 AI 帮你做复制给 AI Agent 直接用
请检查这个公开文章页的 Open Graph 信息：让每篇文章输出对应的标题、简介和可从外部访问的分享图片，并保留现有页面标题。完成后说明如何验证页面实际输出，以及预览未更新时如何排查平台缓存。