无需登录 数据私有 本地保存

Open Graph 标签在线调试器 - 富媒体预览模拟

13
0
0
0

Open Graph 标签调试器

实时编辑、预览和验证您的 OG 标签，模拟各大社交平台富媒体卡片效果

Twitter / X 标签 （留空则回退使用OG标签）

粘贴包含OG标签的HTML源码，自动提取标签

输入网页URL尝试获取OG标签（可能因跨域限制失败）

如遇跨域错误，请使用"粘贴HTML"模式：在目标页面右键→查看源代码→复制HTML粘贴到工具中。
Facebook 卡片预览
example.com
页面标题将显示在这里
页面描述将显示在这里，通常会被截断到两行...
标签验证
og:title 未设置
og:description 未设置
og:image 未设置（强烈推荐）
og:url 已设置
生成的 Meta 标签代码
<meta property="og:title" content="">

常见问题 (FAQ)

什么是 Open Graph (OG) 标签？
Open Graph 标签是一组 HTML meta 标签，由 Facebook 于2010年推出，用于控制网页在社交媒体平台（如Facebook、Twitter、LinkedIn、Discord等）上分享时显示的富媒体预览卡片。通过设置 og:title、og:description、og:image 等标签，您可以精确控制链接分享时的标题、描述和缩略图。
OG 标签对 SEO 有帮助吗？
OG 标签本身不是 Google 搜索排名的直接因素，但它们间接影响 SEO。优化良好的 OG 标签能提高社交媒体分享的点击率，增加页面流量和用户参与度，这些都是积极的 SEO 信号。此外，Twitter Card 标签还能影响在 Twitter/X 上的展示效果。
推荐的 og:image 尺寸是多少？
Facebook 推荐 og:image 尺寸为 1200×630像素（比例约1.91:1），最小尺寸为600×315像素。Twitter 对于 summary_large_image 卡片推荐1200×675像素（比例16:9）。LinkedIn 推荐1200×627像素。为确保在所有平台上良好显示，建议使用1200×630像素的图片，并保持文件大小在8MB以下。
为什么我的 OG 图片不显示？
常见原因包括：①图片URL是相对路径，需要改为绝对URL（以https://开头）；②图片被服务器防盗链保护；③图片尺寸太小（小于200×200像素）；④图片格式不支持（推荐JPG、PNG、WebP）；⑤社交媒体平台缓存了旧版本，可使用各平台的调试工具刷新缓存；⑥robots.txt或服务器配置阻止了社交媒体爬虫访问。
Twitter Card 和 OG 标签有什么区别？
Twitter Card 使用 twitter: 前缀（如 twitter:card、twitter:title），而 OG 标签使用 og: 前缀。Twitter 的爬虫会优先使用 Twitter Card 标签，如果不存在，则会回退使用 OG 标签。建议同时设置两者以确保最佳兼容性。Twitter Card 支持 summary、summary_large_image、app 和 player 四种类型。
如何测试 OG 标签是否生效？
各大平台提供官方调试工具：Facebook 使用 共享调试工具（Sharing Debugger），Twitter 使用 Card Validator，LinkedIn 使用 Post Inspector。此外，您可以使用本工具实时预览效果。注意：社交平台会缓存OG标签数据，修改后需要使用调试工具手动清除缓存。
哪些 OG 标签是必需的？
最基本的四个 OG 标签是：og:title（标题）、og:description（描述）、og:image（图片URL）和 og:url（页面规范URL）。og:type 和 og:site_name 也是推荐设置的。缺少 og:image 时，平台可能随机选择页面中的图片，导致展示效果不可控。
og:description 的最佳长度是多少？
建议 og:description 保持在 150-200个字符之间。Facebook 大约在200字符处截断，Twitter 约200字符，LinkedIn 约300字符，Discord 约2048字符。为确保在所有平台上完整显示，建议将核心信息放在前150个字符内。使用本工具的字符计数器可实时监控长度。
🔧 相关工具