跳转至主要内容

社交预览检查工具

预览链接在 Facebook/Twitter/Zalo 上的效果 — 检查 Open Graph、Twitter Card 和 hreflang

为什么检查社交分享预览?

缺失或错误的 Open Graph 标签会使分享链接在社交媒体上显示不佳 — 没有图片、描述错误 — 从而降低点击率。工具模拟预览并列出每个标签。

当链接在 Facebook、Zalo 或 Twitter/X 上分享时,平台读取 Open Graph 标签(og:title、og:description、og:image)和 Twitter Card 元标签 — 而非实际页面内容 — 来生成预览。若缺少这些标签,平台会从页面中随机选择图片或段落,通常显得不专业并降低点击率。社交预览检查工具直接读取页面的 OG 和 Twitter Card 标签,重建 Facebook 风格的预览,让您提前查看,并列出所有已声明的 hreflang 配对(对 vi/en 等多语言网站很重要),方便快速发现缺失的语言。

  • 模拟 Facebook 分享样式的预览
  • Open Graph 和 Twitter Card 检查清单
  • 列出多语言 SEO 所声明的 hreflang 标签
免费开始

示例:理解问题并修复

仅供说明,并非对您网站的检查。

文章图片已更新,但分享时仍显示旧图,应先检查已发布HTML中的og:image,并打开图片URL核对响应。

若数据正确,社交平台可能仍保留自己的缓存。可使用其调试工具并检查实际卡片。此预览只是元数据模拟;列出的hreflang也不能证明Google已接受翻译版本。

广告

3 步使用方法

  1. 1输入分享前想预览的 URL。
  2. 2点击“立即预览” — 工具读取 OG/Twitter Card 标签。
  3. 3查看模拟预览、标签检查清单和 hreflang 列表。

常见问题解答

og:image 应该多大?
Facebook 建议至少 1200×630px,宽高比为 1.91:1。较小图片在预览中可能模糊或被裁剪。
为什么分享到 Zalo/Facebook 时显示错误图片?
通常因为缺少 og:image,或图片 URL 无法加载(被 robots.txt 屏蔽、路径错误)。平台便会从页面选择另一张图片。
除 Open Graph 外还必须使用 Twitter Card 吗?
不必 — 如果缺失,Twitter/X 会回退使用 Open Graph 标签。但单独声明 twitter:card,能让您更好地控制预览格式。
hreflang 有什么用途?
它告诉 Google 应向哪些用户展示页面的哪种语言/地区版本,避免不同语言版本被标记为重复内容。