Links
打开 Links

链接预览的图片或标题不对?这样修复

找出链接预览显示错误图片或标题的原因,修正页面的 Open Graph 标签,刷新 Facebook 和 LinkedIn 上的预览,并测试短链接。

链接预览显示错误的图片或标题,通常是因为页面的标签有误,或者应用保存了页面的旧副本。大多数应用根据页面的 Open Graph 标签生成预览,例如 og:title 和 og:image。先修正标签,再让保留旧副本的应用重新读取页面:Facebook 用 Meta 的分享调试器(Sharing Debugger),LinkedIn 用 Post Inspector。

本文以一个虚构的社区剧团 Eastgate Players 为例:它为新剧制作的页面,预览里却显示去年的海报和标题。本文适用于你能编辑的页面和你管理的短链接。如果页面由别人维护,请让对方修正标签。

弄清预览来自哪里

预览来自链接经过所有跳转后最终打开的页面。短链接没有自己的预览:Links 把它跳转到保存的目标地址,本身没有预览设置。你在 Links 应用中给链接起的标题永远不会出现在预览中。

检查页面的 Open Graph 标签

在无痕窗口中打开页面,查看源代码,搜索 og:。Open Graph 协议要求四个基本标签:og:title、og:type、og:image 和 og:url(页面自己的永久地址)。剧团修正后的标签如下:

html
<meta property="og:title" content="Harbor Lights: our new show" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Five evenings in April at Eastgate Hall." />
<meta property="og:image" content="https://example.org/img/poster-harbor-lights.jpg" />
<meta property="og:url" content="https://example.org/harbor-lights/" />

排查以下问题:

问题 修复方法
没有 og:image 标签 添加一个,否则 Facebook 会自行猜测,可能选中别的图片
标签是从旧页面复制来的 为这个页面更新所有 og: 标签
og:image 沿用了去年的文件名 给新图片改名,并更新标签
og:image 是部分路径,例如 /img/poster.jpg 像 Open Graph 的示例那样,使用完整的 https:// 地址
页面或图片需要登录 使用公开的页面和图片:预览工具不会登录
og:url 指向首页 设为这个页面自己的地址
你的修改没有出现在源代码中 清除网站的缓存

剧团的页面是从去年的页面复制来的,所以 og:title 写的还是旧剧名,而新海报又用同一个文件名替换了 poster.jpg。

刷新应用已缓存的预览

修好页面并不会改变应用已经保存的预览。

对于 Facebook,把页面地址粘贴到 Meta 的分享调试器中。Meta 的分享指南说明,它会显示爬虫读取到的标签,并重新抓取页面。图片按地址缓存,除非地址改变,否则不会更新,这就是剧团替换后的海报仍显示旧图的原因。Meta 还建议加上 og:image:width 和 og:image:height,让图片在第一次分享时就能正常加载。

对于 LinkedIn,在 Post Inspector 中输入地址并检查预览。LinkedIn 的帮助页面指出,刷新只影响新帖子。已有的帖子会保留旧预览,所以剧团发布了一条新帖子。

对于 WhatsApp 或 X (Twitter) 等其他应用,在发送之前先在草稿中检查预览。

以预览工具的视角测试短链接

这些工具检查的是你输入的地址。如果你分享的是短链接,例如 reunified.link/k7m2x9qa,也要用这些工具检查它。

Links 会对每一次访问应用你的规则,预览工具的访问也不例外。国家规则可能匹配到从该国家连接的工具,而没有表明自己是手机或平板的工具会被算作电脑。所以预览可能显示某条规则的目标页面:每个目标页面都要有正确的标签。跳转规则指南解释了规则如何匹配。

如果工具显示的是 Links 提示链接不可用或不存在的页面,请参阅故障排查指南。

在你修改短链接的目标地址之后,已缓存预览的应用仍可能显示旧页面,所以要再用这些工具检查一次短链接。

了解预览如何影响点击数

很多应用在链接被粘贴后会立即抓取它。对于能识别的爬虫、链接预览和浏览器预加载,Links 会照常跳转,但不计入点击,也不扣点数。Meta 的分享爬虫就在其中,所以分享调试器不会增加计入的点击。Links 无法识别的工具会被算作一次点击。

你自己在浏览器中的测试访问会计入,同一个人打开两次就算两次。统计与隐私指南说明了 Links 为每次点击保留哪些信息。

每次分享前检查预览

使用这份检查清单:

  1. 在无痕窗口中检查页面的标签。
  2. 每张改过的图片都换一个新文件名。
  3. 创建短链接,或更新它的目标地址。
  4. 用 Meta 和 LinkedIn 的工具检查页面和短链接。
  5. 在消息草稿中检查预览。
  6. 发布后,在每个平台上检查一条真实的帖子。

网站改版后要再检查一次,因为新模板可能会改变标签。剧团现在用剧名给每张海报命名。

Links 在你修改链接去向时保持短地址不变,并把它识别出的预览抓取排除在点击数之外。预览来自你的页面,所以要在页面上修复。

作者

Reunified 打造能把分散的东西重新聚到一起的应用。

继续阅读

全部文章

阅读约需 7 分钟

如何为 Google 表单生成二维码

用回复者链接为 Google 表单生成二维码,检查谁能填写,查看每份回复来自哪张海报,并让同一个二维码换到新表单后继续使用。

创建你的第一个短链接

用你的 Reunified 账户登录。新账户赠送 100 点数,够 2,000 次点击。