在线 Open Graph 预览器，输入 OG 标签内容，实时预览在 Facebook、Twitter、LinkedIn 的分享卡片效果。
摘要：免费的在线 Open Graph 预览器，输入 OG 标签内容实时预览 Facebook、Twitter、LinkedIn 分享卡片效果，避免标题截断与图片比例失调，社交分享优化必备，本地处理。
此工具完全在您的浏览器中运行。打开 DevTools → Network 面板，搜索您的输入内容——它不会出现在任何请求中。
使用指南
把链接分享到微信、Twitter/X、Slack 或 Telegram 时显示的那张卡片，读的是页面 head 里的 Open Graph（og:）与 Twitter 标签。本工具实时预览这些标签渲染出的分享卡片——发布前确认标题、描述、图片是否得体，而不是发出去再发现图片裂了。
1. 预览一张分享卡片
- 填入页面 URL、og:title、og:description、og:image 与站点名。
- 查看卡片预览：标题是否被截断、描述是否完整、图片比例是否合适。
- 调整后把对应标签更新到页面 head 里（本工具是预览器，不修改你的网页）。
2. 分享卡片的三个高频问题
- 图片裂开或空白：og:image 必须是绝对 URL 且公网可访问——相对路径、内网地址、需要登录的图片都拉不到。
- 比例不对：各平台对 og:image 的最佳比例不同（常见 1.91:1），比例不符会被裁切或留白。
- 改了标签不生效：平台会缓存抓取结果——用各平台的调试器（如 Facebook Sharing Debugger、Twitter Card Validator）强制重新抓取。
常见问题
完全免费，无需注册。预览渲染在浏览器本地完成，输入内容不上传。
支持 Facebook、Twitter（X）、LinkedIn 三大平台的分享卡片样式预览。
可以直观发现标题超长截断、描述缺失、图片比例失调导致的裁切等社交分享常见问题。