分类: 开发工具
Open Graph 预览
预览页面链接分享卡片的显示效果
粘贴页面 head 中的 meta 标签，即可预览链接卡片，并检查 Open Graph 与 Twitter Card 字段是否缺失。全部在浏览器本地解析，不抓取页面，也不上传内容。
链接预览
uselocaltools.comLocalTools — Free Privacy-First Online ToolsFast, free browser-based tools for developers and everyday tasks.
检查清单
已设置 og:title
已设置 og:description
已设置 og:image
已设置 og:url
已设置 twitter:card
描述长度不超过 200 个字符
本页的所有处理都在浏览器中完成，不会上传任何内容。
这个工具能做什么
链接在社交媒体或聊天软件中被分享时，预览卡片通常来自页面 head 里的 Open Graph 和 Twitter Card meta 标签，而不是正文内容。标签缺失或格式错误会导致标题为空、图片缺失，甚至没有卡片。这个工具读取你粘贴的标签，渲染一张预览卡，并列出关键字段是否齐全。
使用方法
- 复制页面的 head 片段，或只复制其中的 meta 标签。
- 粘贴到输入框。
- 检查预览卡片和下方的字段清单。
隐私说明
本工具完全在你的浏览器中运行。输入的内容不会被上传、保存或分享，关闭标签页即随之消失。
常见问题
- 它会抓取我的线上页面吗？
- 不会。你自己粘贴 HTML，所有解析都在浏览器中完成，内容不会发送出去。
- 为什么图片没有显示？
- 预览会让浏览器直接加载 og:image 中的 URL，所以只有图片地址公开可访问时才会显示。缺少图片标签时卡片也会留空。
- Open Graph 和 Twitter Card 都需要吗？
- Open Graph 覆盖 Facebook、LinkedIn、Slack 等大多数平台；Twitter/X 会优先读取 twitter:*，再回退到 Open Graph。两套都设置会更稳定。