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、确认卡片类型、检查标题和图片裁剪效果、修复元数据、在需要时请求重新抓取,然后再安排最终发布的时间。