什么是 Open Graph？
Open Graph（OG）是一套网页元数据协议，用于控制链接在社交媒体中的展示：标题、描述、图片、类型与站点名。写在 HTML <head> 的 og:* 标签里。没有 OG 时，平台可能随意截取正文，导致分享卡片难看、点击率低。
核心标签清单
og:title：分享标题，建议突出价值，避免过长截断og:description：补充说明，约 70–200 字符可视平台而定og:image：预览大图，优先 HTTPS 绝对地址og:url：规范链接，减少参数页重复og:type：如 website、articleog:site_name：品牌/站点名twitter:card：summary 或 summary_large_image
多平台差异
Facebook / LinkedIn 更依赖 OG 图片比例；X（Twitter） 可用 Twitter Card；Slack 常展示站点色与摘要。同一组标签很难在所有平台都完美，但统一高质量图 + 清晰标题通常足够。
优化清单
- 标题前 40–60 字符包含核心信息
- 描述写清「对谁有用 + 能得到什么」
- 图片 1200×630，文字少、主体居中，避免贴边裁切
- og:url 与 canonical 一致
- 改版后用平台调试工具清缓存再测
常见问题排查
- 图片不显示：相对路径、防盗链、体积过大、非 HTTPS
- 标题旧：平台缓存未刷新
- 多套冲突标签：CMS 插件重复输出
- SPA 站点：首屏 HTML 未渲染 meta，爬虫只看到壳
本工具如何使用
输入 URL 后查看多平台预览与标签表，根据建议回改站点模板。受浏览器跨域限制，部分网址可能无法实时抓取，此时会展示结构示例，便于你对照自有标签。
与 SEO 的关系
OG 主要影响社交分发与点击，不直接等于 Google 排名因素；但更高的分享点击会带来流量与品牌搜索。建议与 title/description、结构化数据一起维护。
FAQ
为什么有时是示例数据？ 跨域限制下无法直接抓取任意站点时，会用示例演示预览结构。
OG 和 Twitter Card 一样吗？ 不完全一样；Twitter 可复用 OG，也可单独设置 twitter: 标签。
图片尺寸建议？ 常用 1200×630，保证大图预览与裁切安全区。
改完标签立刻生效吗？ 平台常有缓存，可用调试工具强制刷新。