链接预览是指在社交媒体或聊天应用中分享 URL 时,自动显示的包含页面标题、缩略图和描述文字的卡片式展示。例如在 Twitter (X) 的推文中粘贴 URL 后显示的卡片,或在 LINE 中发送链接时出现的带图摘要,都属于链接预览。
链接预览的信息来源是嵌入在页面 HTML 中的 OGP (Open Graph Protocol) 标签和 Twitter Card 标签。og:title 指定标题,og:description 指定描述文字,og:image 指定缩略图。如果这些标签未正确设置,预览可能无法显示,或者显示非预期的图片和文字。
链接预览对点击率的影响很大。BuzzSumo 的分析显示,带有合适缩略图的链接与无图链接相比,互动率高出 2.3 倍。og:image 的推荐尺寸为 1200x630 像素,这个比例在各大社交平台上都能获得最佳显示效果。
短链接与链接预览的关系需要注意。分享短链接时,社交平台的爬虫会访问短链接,跟随重定向后从原始页面获取 OGP 信息。大多数平台能正确追踪重定向,但如果重定向链过长或服务器响应缓慢,预览生成可能会失败。
链接预览的缓存也需要留意。一旦生成的预览会被社交平台缓存,即使修改了 OGP 标签也不会立即更新。Twitter 可以使用 Card Validator,Facebook 可以使用 Sharing Debugger 来清除缓存。相关书籍可在 Amazon 上查找。