Open Graph 与 Twitter Card 检测工具

Open Graph检查器验证任何网页上的OG元标签，确保您的内容在社交媒体平台分享时正确显示。没有正确的Open Graph标签，分享的链接会出现图片缺失、标题错误或描述不当等问题，也更难吸引点击。ToolsPivot的Open Graph与Twitter Card检测工具会读取您的页面，预览链接在Facebook、X（Twitter）、LinkedIn和WhatsApp上的大致显示效果，并识别需要修复的缺失或配置错误的标签。

---

ToolsPivot Open Graph检查器概述

核心功能: Open Graph检查器扫描任意URL并从页面HTML头部提取所有OG元标签。它根据开放图谱协议规范验证每个标签，检查og:title、og:description、og:image、og:url、og:type及其他属性，并读取所有twitter:标签。该工具会显示接近实际效果的预览，展示您的链接在Facebook、X、LinkedIn和WhatsApp上分享时的外观。点击结果中的“编辑这些标签”，已找到的标签会载入本工具的生成标签页签，在那里补全缺失项即可。

主要用户及使用场景: 数字营销人员、社交媒体运营、网站开发者和SEO专家在发布内容或启动营销活动前都会使用Open Graph验证。自建网站的电商商家用它确保产品页面在分享时显示正确的图片和价格信息。面向海外读者的自媒体博主和内容创作者则验证文章分享到Facebook、X或WhatsApp时会显示预期的缩略图和标题。

问题与解决方案: 分享未优化OG标签的链接会导致空白图片、截断的标题或不相关的描述，无法在信息密集的社交信息流中吸引注意力。ToolsPivot的Open Graph检查器能在分享前识别这些问题，为每个缺失或格式错误的标签提供具体建议，确保您的内容每次都能留下良好的第一印象。

---

Open Graph检查器的主要优势

即时标签验证 输入任意网址即可分析页面，查看页面上已实现的所有OG和twitter:标签。

多平台预览 在分享前查看内容在Facebook、X（Twitter）、LinkedIn和WhatsApp上的大致显示效果。

错误检测 识别缺失的必需标签、不正确的图片尺寸、过长的标题以及其他影响社交分享的问题。

图片尺寸分析 在浏览器中读取og:image的实际尺寸：小于200x200像素标为问题（Facebook的最低要求），小于1200x630像素时建议换更大的图，宽高比明显偏离1.91:1时给出提醒。

代码生成 在本工具的生成标签页签填写简短表单，即可得到可直接复制的Open Graph和X卡片代码，包括应用卡片和播放器卡片。普通的meta标签可以另外用Meta标签检测与生成工具创建，再复制到页面头部。

字符长度警告 当og:title超过约70个字符或og:description超过约200个字符时收到提醒，防止内容被截断。生成标签时会实时计数，建议标题约60个字符、描述约160个字符。

免费使用 无需注册或订阅，每位访客每天可检查60个页面；生成标签在浏览器中运行，不受这个次数限制。

---

Open Graph检查器的核心功能

URL扫描器 输入任意网页URL，自动从HTML源代码中获取和解析所有Open Graph元标签。

标签提取显示 按Open Graph（Facebook、LinkedIn、WhatsApp）、X（Twitter）卡片和全部社交标签分组，显示所有检测到的属性，包括标题、描述、图片、URL、类型、site_name和locale，每个标签都附有一条说明。

可视化预览生成器 查看接近实际效果的模拟图，展示分享链接在Facebook信息流、X时间线、LinkedIn帖子和WhatsApp聊天中的渲染效果。

图片验证器 检查og:image是否使用相对地址、能否正常加载，以及尺寸是否达到Facebook和X卡片类型的要求。

缺失标签识别器 高亮显示缺少哪些必需的OG标签，让您清楚知道需要添加什么。

结果汇总 顶部按通过、待改进和有问题三类统计标签数量，先处理有问题的项目即可。

Twitter Cards检测 读取twitter:card、twitter:title、twitter:image和@用户名标签，指出缺少时X会回退使用哪个og:标签，并按卡片类型检查图片是否过小。

可复制输出 在生成标签页签中点击“复制代码”，得到格式正确的HTML元标签，可直接粘贴到网站的head部分。

重复标签提示 同一个标签在页面中出现多次时，结果会单独注明，方便删掉多余的那一个。

移动端可用 检测工具在手机浏览器中同样能用，其中WhatsApp预览展示链接在手机聊天里的大致样子。

---

ToolsPivot Open Graph检查器的工作原理

1. 输入URL - 将要验证的网页地址粘贴到输入框中。

2. 扫描页面 - 点击“检测标签”按钮后，工具获取页面HTML并从head部分提取所有og:和twitter:标签。

3. 分析标签 - 根据协议规范和平台要求验证每个OG属性。

4. 查看预览 - 观看可视化模拟图，展示链接在Facebook、X、LinkedIn和WhatsApp上分享时的显示效果。

5. 审查结果 - 查看详细报告，显示已存在的标签、缺失的标签和优化建议。

6. 实施修复 - 点击“编辑这些标签”，在生成标签页签补全缺失项并复制代码，添加到页面后重新检查以确认正确实现。

---

何时使用Open Graph检查器

每当发布新内容、更新现有页面或准备将在社交媒体上分享的营销活动时，都应使用Open Graph检查器。定期验证可防止分享链接显示不正确或不专业的尴尬情况。

发布新内容前 在社交渠道推广之前，验证博客文章、产品页面和落地页上的OG标签。

网站更新后 确认主题更改、插件更新或CMS迁移没有破坏现有的OG实现。

调试分享问题时 诊断为什么分享的链接在特定平台上显示错误的图片、标题或描述。

SEO审计期间 将Open Graph验证作为综合SEO审计的一部分，确保社交优化到位。

广告活动前 验证落地页显示正确，因为Facebook和LinkedIn广告会用OG标签预先填好链接预览（广告中可以修改），标签有错，广告草稿里也会看到。

竞争对手分析时 检查竞争对手页面的配置，为您自己的社交媒体优化策略提供参考。

边缘情况包括动态生成的页面（OG标签可能因参数而异）以及需要身份验证的页面（需要手动检查代码）。

---

使用案例/应用场景

电商产品发布

• 背景: 网店准备在社交媒体上发布新产品
• 流程: 通过OG检查器运行产品URL，验证og:image显示产品图片，确认og:title包含产品名称和价格，确保og:description捕获关键卖点
• 结果: 产品分享显示专业预览和正确图片，从社交流量获得更高点击率

博客内容分发

• 背景: 内容营销人员在多个平台分享每周博客文章
• 流程: 分享前验证每篇文章URL，用本工具的生成标签页签创建Twitter Cards配合OG标签，验证特色图片符合尺寸要求
• 结果: 博客分享始终显示预期的标题和缩略图，通过统一展示建立品牌认知

房产信息推广

• 背景: 房产经纪人在WhatsApp和Facebook上向海外买家分享房源信息
• 流程: 检查房源页面og:image是否显示房产照片，验证og:description包含位置和价格，添加结构化数据提升可见度
• 结果: 房产分享通过专业预览和高质量图片吸引潜在买家

SaaS落地页优化

• 背景: 创业公司在LinkedIn投放广告
• 流程: 验证落地页OG标签，确保og:title传达价值主张，确认og:image强化品牌信息
• 结果: 广告草稿中预填的链接预览与落地页信息保持一致

新闻文章分发

• 背景: 媒体在社交平台分发突发新闻
• 流程: 验证og:type设置为"article"，检查article:published_time和article:author标签，确认og:image使用引人注目的新闻图片
• 结果: 新闻文章以文章特定格式显示，建立可信度并鼓励互动

---

Open Graph标签参考指南

了解OG标签规范确保正确实现。每个页面必须包含的四个必需标签是og:title、og:type、og:image和og:url。额外的可选标签可以增强内容分享时的显示效果。

必需标签:

• og:title - 内容标题（建议约60个字符；X卡片文档的标题上限为70个字符）
• og:type - 内容类型（website、article、product、video.movie等）
• og:image - 图片URL（推荐1200x630像素；Facebook最小200x200，600x315以上才显示大图卡片）
• og:url - 页面规范URL

推荐标签:

• og:description - 内容摘要（约160个字符以内通常能完整显示；X卡片文档的上限为200个字符）
• og:site_name - 网站名称
• og:locale - 语言和地区（zh_CN、zh_TW等）

图片规格: 最佳og:image尺寸为1200x630像素，宽高比1.91:1。小于600x315像素的图片在Facebook上只显示为小缩略图，小于200x200像素则不会被使用。使用图片压缩将文件大小控制在600KB以下（WhatsApp规定的上限）同时保持质量。

---

常见OG标签错误及修复

社交分享问题通常源于几个常见错误，一旦识别就容易修复。

缺少og:image 没有og:image时，Facebook和LinkedIn会自行猜测一张图，常常选中网站标志、广告横幅或模糊的小图，也可能没有图。添加指向域名上托管的高质量、适当尺寸图片的图片标签。

图片太小 小于200x200像素的图片可能被完全拒绝。调整图片大小至少到1200x630像素以确保一致显示。

相对图片URL 某些平台无法解析相对路径。og:image值始终使用以https://开头的绝对URL。

标题太长 过长的标题会被截断并显示省略号，X的卡片文档把标题上限定为70个字符。撰写简洁的标题，在字符限制内传达价值。

缓存旧数据 平台在首次获取后缓存OG数据。修改后使用Facebook分享调试器重新抓取。

HTTP图片URL https页面上的og:image也应使用https://地址，http图片是预览图缺失的常见原因之一。确保所有URL使用安全的https://协议。

---

各平台要求说明

不同社交网络对OG标签的解释略有差异，影响显示效果。

微信 通过JS-SDK实现分享自定义，不读取og:标签来生成分享卡片。分享图标由JS-SDK中的imgUrl参数指定，建议使用https绝对地址。需要用已配置JS安全域名的服务号接入微信官方SDK才能获得完整控制。

微博 微博的元标记规范兼容og:type、og:url、og:title、og:image、og:description五个基础属性，但链接在微博信息流中是否显示为卡片由微博决定。

百度 目前找不到百度官方说明其搜索或分享会读取OG标签，OG标签主要服务于社交平台的链接预览。

Facebook 识别所有标准OG标签。最小图片尺寸为200x200像素，达到600x315像素以上才显示大图卡片。使用Facebook分享调试器预览和清除缓存。

Twitter 在缺少对应twitter:标签时读取og:title、og:description和og:image；没有twitter:card时最多显示小图摘要卡片。优先使用twitter:card、twitter:title、twitter:description和twitter:image以获得最佳显示效果。

LinkedIn 遵循标准OG实现。缓存较为积极；使用LinkedIn帖子检查器刷新。图片宽高比1.91:1效果最佳。

---

相关工具

使用以下ToolsPivot配套工具完成您的社交媒体优化工作流程：

• 网站截图生成器: 捕获全页截图用于创建自定义OG图片
• 页面速度检查器: 确保快速加载以获得更好的社交分享性能
• SSL检查器: 验证og:image URL所需的安全连接
• DA PA检测工具: 监控域名强度以优化社交信号
• 外链检查器: 追踪来自社交分享和内容分发的链接
• 移动端友好测试: 确认页面在移动社交应用中正确显示

---

常见问题