跳到主要内容
← 返回

Open Graph 预览器 - Facebook/Twitter/LinkedIn 分享卡片预览

网络
本地运行 · 不上传

在线 Open Graph 预览器,输入 OG 标签内容,实时预览在 Facebook、Twitter、LinkedIn 的分享卡片效果。

结果有帮助吗?

本地工具可在 DevTools → Network 搜索输入内容,通常不会出现在请求中。

使用指南

把链接分享到微信、Twitter/X、Slack 或 Telegram 时显示的卡片,读的是页面 head 里的 Open Graph(og:)与 Twitter 标签。本工具根据你提供的标签内容实时预览分享卡片外观,便于发布前确认标题、描述与图。它不代替各平台真实抓取缓存;改完标签后平台侧可能仍显示旧图一段时间。

1. 操作步骤

各平台字段名与缓存策略不同。预览通过不代表抓取机器人一定能访问你的图床——注意防盗链与登录墙。

  1. 填写或粘贴 og/twitter 相关字段
  2. 查看桌面与移动风格预览
  3. 对照字符长度与图片比例调整文案

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 检测——分享卡片与搜索结果是两条链路,各自验收。

相关工具