Open Graph 预览

在发布之前,先看看别人分享你的页面时会是什么样子。

由我们的服务器获取

为了读取网页,我们的服务器会替你获取该页面及其分享图片。我们不会保存它们或你检测的网址。 我们如何处理你的数据

已封存

链接预览

只能检测公开网页。需要登录或位于私有网络的页面无法访问。

输入页面地址,查看它在五款热门应用中的链接预览。

使用方法

  1. 粘贴网址

    输入你准备分享的页面地址:一篇文章、一个产品或你的首页。

  2. 对比各平台预览

    并排查看你的链接卡片在 Facebook、X、LinkedIn、Discord 和 Slack 上的大致效果。

  3. 修正标签

    检查结果会列出缺失或不完善的标签以及图片问题。更新页面后,再检测一次。

常见问题

什么是 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。

在你的电脑上安装 One For All

安装后,One For All 会像应用一样在独立窗口中打开,可直接从桌面或主屏幕启动。无需从应用商店下载任何内容,你的文件也依然保留在设备上。

  1. 点击地址栏右侧的安装图标,或打开浏览器菜单(⋮)。
  2. 选择“安装 One For All”或“将页面作为应用安装”:桌面和应用列表中会添加一个快捷方式。

要下载此工具的引擎吗?

此工具完全在你的浏览器中运行。为此,它需要从 One For All 下载以下组件,只需下载一次。之后这些组件会保存在这台设备上,下次使用时工具即可立即启动。

你的文件不会被发送到任何地方。