分享卡片预览(Open Graph)

输入与您的 Open Graph 标签相同的值(标题、描述、图片、URL),查看分享卡片在 Twitter/X、Facebook 和 Discord 上的样子——无需真正发布链接进行测试。

示例:

Twitter / X 预览

无图片
exemple.com
页面标题
页面描述

Facebook 预览

无图片
exemple.com
页面标题
页面描述

Discord 预览

页面标题
页面描述

工作原理

当链接在 Twitter/X、Facebook 或 Discord 上被分享时,每个平台都会读取页面 <head> 中的 Open Graph meta 标签(og:title、og:description、og:image、og:url)来构建自己的预览卡片——而每个平台的展示样式略有不同。与其真正发布链接来查看效果(这也会公开暴露页面,并将链接缓存在平台中),不如在这里输入您计划用于标签的值,立即并排查看三种渲染效果。

为什么工具不能自动从我的 URL 获取标签?

因为这需要从您的浏览器向外部网站发起网络请求,而这被大多数网站的浏览器 CORS 安全策略所阻止,并且这样获取的预览无论如何也可能无法准确反映每个平台实际解读标签的方式。手动输入值更简单、更可靠,并且适用于任何 URL,包括尚未上线的页面。

预览中图片不显示,为什么?

如果输入的图片 URL 不能公开访问(本地开发中的页面、无效 URL,或服务器阻止从其他域名加载),您的浏览器同样无法在此加载它。请确认该 URL 确实是一张可公开访问的图片。

隐私保护:不会从互联网获取任何真实预览——只使用您输入的值,完全在您的浏览器中处理。