在线 Open Graph 预览器,输入 OG 标签内容,实时预览在 Facebook、Twitter、LinkedIn 的分享卡片效果。
摘要:免费的在线 Open Graph 预览器,输入 OG 标签内容实时预览 Facebook、Twitter、LinkedIn 分享卡片效果,避免标题截断与图片比例失调,社交分享优化必备,本地处理。
本地工具可在 DevTools → Network 搜索输入内容,通常不会出现在请求中。
使用指南
把链接分享到微信、Twitter/X、Slack 或 Telegram 时显示的卡片,读的是页面 head 里的 Open Graph(og:)与 Twitter 标签。本工具根据你提供的标签内容实时预览分享卡片外观,便于发布前确认标题、描述与图。它不代替各平台真实抓取缓存;改完标签后平台侧可能仍显示旧图一段时间。
1. 操作步骤
各平台字段名与缓存策略不同。预览通过不代表抓取机器人一定能访问你的图床——注意防盗链与登录墙。
- 填写或粘贴 og/twitter 相关字段
- 查看桌面与移动风格预览
- 对照字符长度与图片比例调整文案
2. 适用场景
发布后用平台调试器强制刷新缓存。重要活动页提前准备 1200×630 一类常用尺寸图,并准备裁切安全区。
- 标题过长会被截断
- 图比例不符合平台习惯会裁切
- 描述空会导致卡片信息不足
3. 细节与边界
各平台字段名与缓存策略不同。预览通过不代表抓取机器人一定能访问你的图床——注意防盗链与登录墙。
4. 实践建议
发布后用平台调试器强制刷新缓存。重要活动页提前准备 1200×630 一类常用尺寸图,并准备裁切安全区。
5. 和相邻工具与闭环
和相邻:meta-tag-pixel-checker、robots、sitemap。分享文案也避免绝对化营销用语。
6. 隐私与交付
处理含个人信息或密钥的内容时,即使计算在本地完成,也要留意屏幕分享、录屏与下载文件的二次传播路径。 输出给他人时注明所用选项与已知限制。
7. 协作与风险控制
本页计算在浏览器本地完成,不把你的内容当作上传素材;但这不自动等于「可以随便外传」。下载目录、剪贴板与会议投屏同样可能泄漏。与相邻工具衔接时,注意中间格式是否有损、编码是否一致、以及是否需要保留母版以便回退。链路越长,越要在每一步写下「不保证什么」。
- 先用最小可复现样例确认选项。
- 批量前记录转换前后体积或行数。
- 输出给他人时写明边界与不保证项。
常见问题
不会。分享卡片预览在浏览器本地渲染,你填写的内容保留在本机。
可预览 Facebook、Twitter(X)、LinkedIn 的卡片样式。微信、Slack、Telegram 等平台的分享卡片读取的也是同一批 og: 与 twitter 标签。
平台抓取后有缓存——改完标签后旧卡片可能还会显示一段时间。发布后用各平台的调试器强制刷新缓存。
不一定。防盗链与登录墙都可能挡住平台抓取,预览通过不代表图床对机器人可达——发布前先确认图片地址可公开访问。
重要活动页建议提前准备 1200×630 一类常用尺寸,并留出裁切安全区——比例不符平台习惯会被裁切,标题过长会截断、描述为空则卡片信息不足。
本工具管分享到社交平台的卡片观感;搜索结果里标题描述的像素级截断用站内 meta-tag-pixel-checker 检测——分享卡片与搜索结果是两条链路,各自验收。