Open Graph
Open Graph（简称 OG，og 协议）是 Facebook 于 2010 年提出的一套元数据协议。它通过在网页 <head> 中添加一批以 og: 为前缀的 <meta> 标签，告诉社交平台：这个页面被分享时，标题、描述、配图应该长什么样。本质上是把一个普通网页描述成社交图谱里的一个"对象"，让抓取方不必解析正文就能拿到结构化的展示信息。
写法上，标签的字段名放在 property 属性里，取值放在 content 里。核心字段有四个：og:title（标题）、og:type（类型，如 website、article）、og:image（配图）、og:url（规范链接）；常配合 og:description、og:site_name 一起使用。当链接被发到微信、Facebook、LinkedIn 等平台时，对方就依据这些标签渲染出带缩略图的卡片。
常见要点与误区：
og:image要用绝对 URL（含 https），推荐尺寸 1200×630，很多平台不抓相对路径。- 它与 Twitter Card 是两套协议：X/Twitter 优先读
twitter:标签，缺失时才回退到og:。 - OG 标签用
property而非name，这是与普通 SEO meta 的关键区别。 - 改完标签后平台常有缓存，需到各家的分享调试器里强制重新抓取。
常见问题
Open Graph 和普通的 <meta name="description"> 有什么区别？
普通 meta 面向搜索引擎和浏览器，用 name 属性；OG 面向社交平台的分享预览，用 property 属性。二者用途不同、互不替代，通常同一页面里同时配置。
为什么分享出去没有图片，或者图片改了不更新？
多半是 og:image 用了相对路径或图片过大导致抓取失败，也可能是平台缓存了旧数据。应改用绝对 URL、控制在合理尺寸，并到对应平台的分享调试器里重新抓取一次。
只写 og 标签，链接发到 Twitter/X 上能正常显示吗？
基本能显示。X 在缺少 twitter: 标签时会回退读取 og:，标题、描述、配图大多可用；但若想控制大图卡片样式（summary_large_image），仍需补上 twitter:card 等专属标签。