链接预览的图片或标题不对?这样修复
找出链接预览显示错误图片或标题的原因,修正页面的 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(页面自己的永久地址)。剧团修正后的标签如下:
<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 为每次点击保留哪些信息。
每次分享前检查预览
使用这份检查清单:
- 在无痕窗口中检查页面的标签。
- 每张改过的图片都换一个新文件名。
- 创建短链接,或更新它的目标地址。
- 用 Meta 和 LinkedIn 的工具检查页面和短链接。
- 在消息草稿中检查预览。
- 发布后,在每个平台上检查一条真实的帖子。
网站改版后要再检查一次,因为新模板可能会改变标签。剧团现在用剧名给每张海报命名。
Links 在你修改链接去向时保持短地址不变,并把它识别出的预览抓取排除在点击数之外。预览来自你的页面,所以要在页面上修复。