跳至主要内容
短.be

链接预览 (社交卡片)

在社交媒体或即时通讯中分享 URL 时自动显示的标题、图片和描述文字卡片。

2026 年 8 月 20 日 / 约 1 分钟阅读

短链接

链接预览是指在社交媒体或聊天应用中分享 URL 时,自动显示的包含页面标题、缩略图和描述文字的卡片式展示。例如在 Twitter (X) 的推文中粘贴 URL 后显示的卡片,或在 LINE 中发送链接时出现的带图摘要,都属于链接预览。

链接预览的信息来源是嵌入在页面 HTML 中的 OGP (Open Graph Protocol) 标签和 Twitter Card 标签。og:title 指定标题,og:description 指定描述文字,og:image 指定缩略图。如果这些标签未正确设置,预览可能无法显示,或者显示非预期的图片和文字。

链接预览对点击率的影响很大。带有合适缩略图的链接与无图链接相比,往往更容易被点击。og:image 的推荐尺寸为 1200x630 像素,这个比例在各大社交平台上都能获得最佳显示效果。

短链接与链接预览的关系需要注意。分享短链接时,社交平台的爬虫会访问短链接,跟随重定向后从原始页面获取 OGP 信息。大多数平台能正确追踪重定向,但如果重定向链过长或服务器响应缓慢,预览生成可能会失败。

链接预览的缓存也需要留意。一旦生成的预览会被社交平台缓存,即使修改了 OGP 标签也不会立即更新。Twitter 可以使用 Card Validator,Facebook 可以使用 Sharing Debugger 来清除缓存。

这篇文章对您有帮助吗?

相关术语

OGP

Open Graph Protocol 的缩写,用于控制网页在社交媒体上分享时的显示效果。

Twitter Card

Twitter 平台的富媒体预览功能,通过 meta 标签控制链接在 Twitter 上分享时的显示效果。

Meta 标签

HTML 头部中提供页面元数据的标签,包括描述、关键词、视口设置等信息。

社交分享

通过社交媒体平台分享网页链接的行为,OGP 和 Twitter Card 标签控制分享时的预览效果。

URL 预览 (安全确认)

URL 预览是指在打开链接之前,先确认重定向目标的 URL 和页面概要的功能。介绍如何事先检查短链接的展开目标以避免钓鱼诈骗、它与链接展开的区别,以及打开前想要确认的要点。

Title 标签

HTML 中定义页面标题的标签,是最重要的 SEO 元素之一,显示在搜索结果和浏览器标签中。

相关文章

链接预览的工作原理与安全风险 - 短链接的安全运营

解析 SNS 和聊天应用生成链接预览(OGP)的技术机制,以及通过短链接产生的安全风险。介绍预览伪装攻击手法和防御策略。

在社交媒体上巧妙分享链接的技巧 - 各平台的特点和让链接更好看的方法

轻松讲解在 X (Twitter)、Instagram、TikTok、LINE 等平台上分享链接的方法和注意事项。涵盖链接预览 (OGP) 的工作原理、长 URL 在社交媒体上的显示问题与短链接的活用技巧,以及给朋友发链接时应该注意的礼仪。

Twitter (X) 短链接技巧 - t.co 机制解析与点击率提升实战策略

深入解析 Twitter (X) 的 t.co 链接包装机制和 23 字符计数规则。介绍自定义短链接、话题串策略和 Twitter Card 优化等提升 CTR 的实战技巧。

常见问题

为什么链接预览没有显示?
很可能是 OGP 标签 (og:title, og:description, og:image) 未在 HTML 的 head 中正确设置。此外,og:image 的 URL 无效或图片尺寸过小也会导致预览无法生成。可以使用各平台的调试工具进行检查。
OGP 图片的推荐尺寸是多少?
1200x630 像素 (宽高比 1.91:1) 是最通用的尺寸。这个比例在 Twitter、Facebook、LINE、Slack 等主流平台上都能美观显示。图片文件大小建议控制在 1MB 以内。
短链接也能正确显示链接预览吗?
可以,大多数社交平台会从短链接的重定向目标获取 OGP 信息,因此能正确显示。但如果发生多次重定向或目标服务器响应缓慢,预览生成可能会失败。

把知识用到真实链接上

免费缩短网址