OGP 检查
获取并显示 URL 的 OGP 与 Twitter 卡片元数据,预览分享时的展示效果。
输入 URL 后点击「检查」。
使用方法
关于此工具
获取并显示指定 URL 的 OGP 与 Twitter 卡片元标签,并以 Twitter / Facebook 风格预览分享时的展示效果。
使用方法
在 URL 输入框中输入要检查的页面 URL(https:// 或 http://),点击「检查」。会显示基本信息、OGP、Twitter 元数据,下方为 Twitter / Facebook 风格预览卡片。若因 CORS 被拦截,会通过代理重试获取。
使用场景
• 确认博客/落地页分享时的展示效果 • 检查 OGP、Twitter 卡片是否漏设或错误 • 调试时查看元标签 • 批量检查前的单页确认
常见问题
- Q: 此工具检查哪些 meta 标签?
- A: Open Graph(og:title、og:description、og:image、og:url、og:type、og:site_name 等)和 Twitter Card(twitter:card、twitter:title、twitter:description、twitter:image、twitter:creator)标签均会被获取并显示。
- Q: 工具为什么对某些请求使用代理?
- A: 许多网站会阻止来自浏览器的跨域请求(CORS)。当直接获取失败时,工具会自动通过代理服务器重试,代理在服务器端获取页面,绕过 CORS 限制。
- Q: OGP 图片未在预览中显示——应该检查什么?
- A: 请验证 og:image 使用绝对 URL(https://…)、图片服务器允许外链,以及图片尺寸满足平台要求(Facebook 建议最小 1200×630 像素;Twitter summary_large_image 建议 800×418 像素)。
- Q: 如何修复缺失的 OGP 标签?
- A: 在 <head> 中添加 <meta property="og:title" content="…"> 和其他必要标签。各框架:Next.js 使用 Metadata API,WordPress 使用 Yoast SEO 等插件,Laravel 可使用 laravel-meta 包。
- Q: 此工具会将 URL 发送到服务器吗?
- A: 仅当由于 CORS 导致浏览器直接获取失败时,URL 才会发送到代理服务器。此时代理代您获取页面,不会传输其他数据。
