Open Graph 预览根据 og:title、og:description 和 og:image 预览链接卡片,检查图片尺寸和文本长度,并复制 Open Graph 标签。
Twitter / X 卡片预览
X 读取 twitter: meta 标签(缺失时回退到 Open Graph)来显示链接卡片。选择卡片类型,输入文本和图片,然后复制标签。预览是中性的近似效果,并非应用的像素级复制。
…或预览本地图片
大致预览。实际的搜索和社交平台显示效果会因设备、语言和平台更新而不同。
完全在浏览器中运行。你的输入内容和文件不会上传到任何服务器。
使用方法
- 选择“Summary”或“Summary with large image”。
- 输入标题、描述、图片和你的 @账号。
- 将生成的 twitter: 标签复制到你的页面。
示例
博客文章
使用 1200 × 628 主图的大图卡片。
文档页面
使用方形徽标的 summary 卡片。
隐私
完全在浏览器中运行。你的输入内容和文件不会上传到任何服务器。 浏览器中保存了哪些内容(仅收藏和历史记录),请参阅隐私政策。 隐私政策
你可以自己验证:打开浏览器的开发者工具,选择“网络”(Network)标签,然后使用工具。你的文件不会出现在任何上传请求中。此页面保存为离线可用后,你还可以断开网络继续使用。 广告和匿名访问统计在启用时会发出各自的请求,但绝不会接收你的文件或文本。
常见问题
有了 Open Graph 还需要 twitter: 标签吗?
X 会回退使用 og:title、og:description 和 og:image,但必须有 twitter:card 才能指定卡片类型。
为什么我的卡片没有更新?
平台会缓存链接预览。更新页面后,变更可能需要一段时间才会显示。
相关工具
全部SEO 工具Meta 标签生成器为页面生成规范的 HTML meta 标签:标题、描述、canonical、robots、Open Graph 和 Twitter Card,并提供长度建议。
社交帖子预览在中性的信息流布局中预览帖子,可添加图片,并显示 Instagram、LinkedIn、Facebook 等平台典型的“…更多”截断位置。
帖子长度检查粘贴一条帖子,一次性对照 X、Threads、Bluesky、Mastodon、LinkedIn、Instagram、Facebook 和 YouTube 的常见字符上限进行检查。
网站图标生成器从一张图片或一个字母生成完整的网站图标套件:favicon.ico、16–512 px 的 PNG、Apple Touch 图标、Web 清单和 HTML 标签,打包为一个 ZIP。
Slug 生成器将标题转换为简洁的小写网址 slug。