Open Graph 生成器
创建 Open Graph 和 Twitter Card 标签，并实时预览在 Facebook、LinkedIn 和 X 上的分享效果。提供图片尺寸建议、文章元数据和完整性检查。
正在加载Open Graph 生成器…
您的文件绝不离开您的设备
如何使用Open Graph 生成器
- 1
在此页面打开Open Graph 生成器，它直接在浏览器中加载。
- 2
添加文件、文本或数值，并调整设置。
- 3
复制或下载结果。不会上传或存储任何内容。
关于此工具
当有人在 Facebook、LinkedIn、WhatsApp、Slack 或 X 上分享你的链接时，带标题、描述和图片的预览卡片来自 Open Graph 标签。没有这些标签，平台只能猜测，常常选错图片，甚至没有图片。这款 Open Graph 生成器 通过表单生成标签并提供实时预览，让你在发布前就清楚链接的显示效果。
如何创建 Open Graph 标签
- 输入页面网址、标题和描述。
- 添加图片网址、替代文字、尺寸和类型。
- 选择内容类型：website、article、product、book 等。文章类型可添加作者、发布日期、栏目和标签。
- 选择 Twitter 卡片类型并添加你的账号。
- 查看 Facebook、LinkedIn 和 Twitter 预览以及完整性检查，然后把 HTML 复制到页面的 head 中。
图片尺寸
| 用途 | 尺寸 |
|---|---|
| Facebook、LinkedIn 及大多数应用 | 1200 x 630 像素（1.91:1） |
| LinkedIn 最小尺寸 | 1200 x 627 像素 |
| Twitter 大图卡片 | 1200 x 675 像素（16:9）或 1200 x 600 |
| 方形备选 | 600 x 600 像素 |
图片请控制在 5 MB 以内，使用 JPG 或 PNG，并把重要文字放在中间，因为部分平台会裁掉边缘。
核心标签
- og:title：卡片标题，最好少于 60 个字符。
- og:description：一两句话，约 150 至 160 个字符。
- og:image：预览图片的绝对 https 网址。
- og:url：页面的规范网址。
- og:type：大多数页面用 website，博客文章用 article。
- og:locale 和 og:site_name：用于语言和品牌。
预览没有更新？
平台会缓存链接预览。修改标签后，用 Facebook Sharing Debugger 或 LinkedIn Post Inspector 刷新缓存，然后重新分享。同时确认图片网址是公开的，无需登录即可访问。
针对搜索结果，可用 Meta 标签生成器 添加 title 和 description 标签；用 1200x630 图片尺寸调整器 把分享图调整为 1200 x 630。
常见问题
Open Graph 图片应该多大？
1.91:1 比例的 1200 x 630 像素适用于 Facebook、LinkedIn 和大多数应用。文件请控制在 5 MB 以内。
需要同时使用 Open Graph 和 Twitter Card 标签吗？
缺少 Twitter 标签时，X 会使用 Open Graph 标签；但添加 twitter:card 可以选择大图布局。
为什么 Facebook 显示的是旧图片？
Facebook 会缓存预览。用 Sharing Debugger 重新抓取该网址以获取新标签，然后再次分享。
生成的标签放在哪里？
放在页面的 head 部分，或填入 CMS、SEO 插件的社交字段中。
og:image 必须是绝对网址吗？
是的。请使用任何人无需登录即可打开的完整 https 网址。
应该使用哪种 og:type？
首页和一般页面用 website，博客文章和新闻用 article。还有 product 等类型适用于特定内容。