Twitter 卡片预览

预览任何 URL 在 Twitter 卡片中的显示效果。在发布前检查标题、描述、图片和链接卡片。

在发布前预览 Twitter 卡片

Twitter 卡片预览可以显示链接是否会生成包含正确的标题、描述、图像和域名的清晰卡片。在分享网址前,利用它来发现缺失的元数据、裁剪不当的图片和不佳的文案。

标题

检查 Twitter 可能会在卡片上显示的标题。标题应足够直接,以适应快速滚动的动态,并避免重复帖子正文中已经显而易见的信息。

标题

描述

framer.com

描述

使用卡片描述来添加标题无法承载的背景信息。清晰、简练的文本不易被截断,且更便于在较小屏幕上快速浏览。

标题

描述

framer.com

图片

检查 Twitter 卡片图片的裁剪、对比度和易读性。重要主体和文本应安全地保留在中心区域内。

网站图标

虽然该卡片突出显示了发布商域名,但一致的网站图标(favicon)仍有助于在更广泛的浏览和分享过程中提高辨识度。

标题

描述

framer.com

Twitter 卡片预览实用指南

Twitter 卡片可以将普通的 URL 转化为时间线中的可视化附件。在排定帖子发送日程之前,检查渲染后的卡片有助于保护标题、摘要、图片和发布者身份。

是什么创建了 Twitter 卡片?

Twitter 会读取专门的名片标签,也可能会使用 Open Graph 备用方案。所选的名片类型、标题、描述、图片和账号信息决定了最终的附件内容。

摘要卡还是大图卡?

摘要卡片可以保持视觉上的紧凑,而大图卡片则能让摄影或艺术作品更加突出。请选择最能代表目的地的格式,而不是仅仅默认选择尺寸。

Twitter 如何使用 Open Graph 回退机制

当缺少 Twitter 特定的值时,爬虫可能会重用兼容的 Open Graph 字段。明确的卡片标签可提供更多控制,并减少不同平台之间的混淆。

为快速信息流撰写标题

以主题和价值为主导,而非品牌或填充内容。即使在用户没有阅读上下文的情况下看到该卡片,标题也应当易于理解。

避免尴尬的图片裁剪

建议使用推荐的纵横比,将重要细节避开边缘,并避免使用微弱文字。由于卡片可用空间会发生变化,请在桌面端和移动端两种环境下进行测试。

为什么旧卡可能仍会显示

Twitter 会在首次抓取后缓存元数据和媒体文。更新页面源不一定会立即替换现有的预览,因此请在发布前允许重新抓取。

Twitter 卡片发布工作流

验证公开 URL、确认卡片类型、检查标题和图片裁剪效果、修复元数据、在需要时请求重新抓取,然后再安排最终发布的时间。