Open Graph 预览
在发布之前,先看看别人分享你的页面时会是什么样子。
由我们的服务器获取
为了读取网页,我们的服务器会替你获取该页面及其分享图片。我们不会保存它们或你检测的网址。 我们如何处理你的数据
已封存
链接预览
输入页面地址,查看它在五款热门应用中的链接预览。
无图片
无图片
无图片
无图片
无图片
使用方法
-
粘贴网址
输入你准备分享的页面地址:一篇文章、一个产品或你的首页。
-
对比各平台预览
并排查看你的链接卡片在 Facebook、X、LinkedIn、Discord 和 Slack 上的大致效果。
-
修正标签
检查结果会列出缺失或不完善的标签以及图片问题。更新页面后,再检测一次。
常见问题
什么是 Open Graph 标签?
它们是页面 head 中的 meta 标签,例如 og:title、og:description 和 og:image。社交网络和聊天应用会读取这些标签,生成分享链接时显示的卡片。
这个工具为什么需要用到你们的服务器?
浏览器不允许一个网站读取另一个网站的页面。我们的服务器替你获取页面及其分享图片,只发回生成预览所需的内容。不保存任何数据。
分享图片应该用什么尺寸?
请使用 1200 × 630 像素,即 1.91:1 的比例。较小的图片只会显示小预览,小于 200 × 200 的图片常被忽略。重要文字不要靠近边缘,因为有些应用会裁剪图片。
这些预览和各应用实际显示的完全一样吗?
它们是对各应用常见布局的近似还原。应用会不时调整设计,也可能缓存了你页面的旧版本,因此实际卡片可能略有不同。
我已经更新了标签,为什么还显示旧的预览?
社交网络会把每个链接缓存一段时间。大多数平台都提供刷新工具,例如 Facebook 的分享调试器(Sharing Debugger)或 LinkedIn 的 Post Inspector。
X(Twitter)需要单独的标签吗?
大多数情况下不需要:X 会读取 Open Graph 的标题、描述和图片。如果想显示大图而不是小方图,请添加 twitter:card 并设为 summary_large_image。