Blog
📋 文章目录
在线使用工具
🎁 需要更多查询次数？下方升级链接，点击即可解锁
解锁更多查询次数
解锁更多查询次数
Open Graph 生成器可构建可用于生产的 Open Graph (OG) 和 Twitter Card 元标签，并根据 14 条常见错误规则对其进行验证，同时实时预览您的链接在 6 个社交平台（Facebook、Twitter、LinkedIn、Discord、Slack、WhatsApp）上的显示效果。
表单模式（始终免费，绝不计费）：填写表单后，标签块、预览卡片和验证条会在每次按键时更新。点击“复制”即可获取可粘贴的 HTML 代码。
URL提取模式：粘贴任何公开URL，我们将通过代理池获取该页面，解析HTML，并根据页面现有的`<head>`og:*和` twitter:*<body>`标签预先填充每个表单字段。每次URL提取将消耗您每日页面审核配额中的1个单位（免费套餐为50个单位）。
图像验证：点击旁边的“验证图像”og:image按钮，我们将提取图像的前 256 KiB，解析头部信息，并报告图像尺寸/文件大小/MIME 类型/状态。验证成功后，系统会自动填充信息og:image:width。og:image:height每次验证将消耗您每日配额中的 1 个单位。
14条规则验证目录：
- 高：og_title_missing、og_image_missing、og_url_not_absolute、og_image_not_absolute、og_image_too_small、og_image_unreachable。
- 警告：og_description_too_long、og_title_too_long、og_image_below_recommended、og_image_wrong_aspect、og_image_too_large_filesize、og_image_wrong_mime、og_image_protocol_mismatch、twitter_card_mismatch。
- 信息：og_type_missing、og_site_name_missing、twitter_handle_no_at、og_description_missing。
点击验证条中的任何问题，即可跳转到并聚焦于有问题的字段。
保存并分享：点击“保存并分享”即可将表单保存为草稿，并获得?draft=<uuid>一个任何人都可以打开的 URL。草稿会在 30 天后过期。
精选 og:type 列表：我们公开 7 个 og:type 值（网站、文章、视频、音乐、书籍、个人资料、产品），而不是完整的 25 个值规范，因为删除的类型在我们预览的 6 个平台上的任何平台上都没有富卡片区分。
- 宽幅 1.91:1 卡片，顶部为图片，然后是域名，再是标题，最后是描述。标题会被截断约 65 个字符；描述会被截断约 200 个字符。
- Twitter（summary_large_image）
- 与 Facebook 的格式相同，但截断更严格：标题约 70 个字符，描述约 200 个字符。
- 推特（摘要）
- 较小的卡片，左侧为方形图像，右侧为文字。当
twitter:card设置为摘要或图像尺寸小于 1200x630 时使用。 - 与 Facebook 类似，但标题以更大的字体显示在顶部。大约显示 70 个字符后会被截断。
- Discord
- 深色主题嵌入，带有品牌颜色的左边框（通过设置
theme-color）。除非消息明确要求使用大图，否则图片显示尺寸会比 Facebook 的小。 - Slack
- 简洁的侧边栏式嵌入，图片位于文本右侧。标题（约70个字符）和描述（约150个字符）均被大幅截断。
- 顶部带有图片的聊天气泡式预览。字符限制比其他平台更严格；过长的标题会被截断。
- Validation strip
- 药丸计数器显示检测到的高剂量/警告/信息问题数量。点击任意药丸即可滚动并聚焦到有问题的药丸。
Open Graph (OG) 是一种元标签协议，最初由 Facebook 于 2010 年创建，现在已被所有主流社交平台（包括 Facebook、Twitter、LinkedIn、Discord、Slack、WhatsApp、iMessage 等）广泛使用。当有人在这些平台上分享您的 URL 时，平台会抓取您的页面，读取其 OG 元标签，并渲染一个包含标题、描述、图片和来源的丰富“预览卡片”。如果没有 OG 标签，社交分享只会显示一个没有预览的纯 URL，这会显著降低点击率。而精心设计的标签则能让每一次分享都成为您页面的小型视觉广告。
og:title：您的分享卡标题。请控制在 60 个字符以内；过长的标题将被截断。og:description：一两句话的摘要。160个字符以内，适用于所有平台。og:image：一张 1200x630 像素的图片（通用尺寸）。必须是绝对 URL。og:url：页面的规范网址。请始终使用绝对网址。og:type页面代表什么类型的对象（网站、文章、视频、书籍等）。og:site_name您的网站名称。
Twitter 还使用`summary_large_image`twitter:card标签来控制卡片布局（`summary_large_image`用于现代宽屏预览，`summary`用于较小的正方形预览）。如果缺少 Twitter 特有的标签，则会回退到原始标签。
通用支持的图片尺寸为1200x630 像素，宽高比为 1.91:1，JPEG、PNG 或 WebP 格式，文件大小不超过 8 MB。此尺寸在 Facebook、LinkedIn、Discord 和 Slack 上均可原生使用。Twitter 对summary_large_image卡片也要求最小尺寸为 1200x630 像素，宽高比同样为 1.91:1。较小的图片（小于 200x200）会显示为文本旁边的图标，而不是宽卡片；过大的图片可能会被忽略，或者在接收平台上加载时间过长。此工具会在您粘贴图片 URL 时验证图片的尺寸、文件大小和格式。
使用此工具生成标签块，复制并粘贴到您页面的 <head><head>部分。大多数 CMS 平台都原生支持此功能：WordPress 通过 Yoast SEO、Rank Math 或 All in One SEO 插件，Shopify 通过主题文件或应用，Webflow 通过每个页面设置中的“自定义代码”区域，Ghost 通过代码注入设置。静态网站只需粘贴到 HTML 代码中即可<head>。部署后，使用 Facebook 的Sharing Debugger强制重新抓取页面，并确认 Facebook 已识别到新标签。
将任意公开页面 URL 粘贴到 URL 字段中，然后点击“提取标签”。我们会通过代理池获取页面，解析 HTML，并根据页面现有的 `<head>`og:*和twitter:*`<head>` 标签预填充每个表单字段，以及缺失值的备用值（页面标题、元描述、规范 URL、第一个 H1 标签）。此功能可用于在不同平台之间迁移标签、调试卡片显示错误的原因，或从当前设置开始进行调整。每次 URL 提取都会消耗您每日页面审核配额中的 1 个单位（免费套餐为 50 个单位）。
点击字段旁边的“验证图像”og:image按钮，我们会通过代理服务器获取图像的前 256 KiB 字节，解析文件头，并报告：实际尺寸（像素）、文件大小（字节）、MIME 类型以及文件是否可访问。然后，我们会标记任何问题（图像过小、宽高比错误、文件过大、包含非图像内容、被访问控制阻止）。验证成功后，我们会自动填充相应og:image:width字段og:image:height。每次图像验证会消耗您每日配额中的 1 个单位。
Facebook（以及大多数其他平台）会在用户首次分享 URL 时立即缓存其原始标签。标签的更新不会自动更新；缓存版本会一直保留，直到失效为止。解决方法：将 URL 粘贴到Facebook 的分享调试器中，然后点击“再次抓取”。这将强制 Facebook 重新获取页面并刷新缓存预览。LinkedIn 也有类似的帖子检查器。Twitter 的缓存机制较为宽松，通常会在几小时内检测到更改。
是的，而且可以说比以往任何时候都更加重要。社交媒体、聊天应用、iMessage 预览、Slack 频道、Discord 服务器、Notion 嵌入内容以及新闻邮件客户端上分享的每一个链接都使用 Open Graph（或其衍生版本）。甚至 AI 概览和聊天机器人链接预览也会获取并使用 OG 元数据。在所有这些平台上，没有 OG 标签的页面都只会显示为一个裸 URL。Open Graph 是每个页面投入成本最低、效果最显著的 SEO 和社交投资之一。
