生成 Open Graph 和 Twitter Card 标签,让您的页面在分享时呈现绝佳效果,并附带实时社交卡片预览。免费,在您的浏览器中运行。

一切都在您的浏览器中运行。您输入的任何内容都不会上传到任何地方。

标签
推荐尺寸:1200 × 630 px。

Twitter / X
Facebook / LinkedIn 预览
暂无图片
Twitter / X 预览
生成的 meta 标签

关于 Open Graph 生成器

Open Graph 生成器可创建 og: 和 twitter: 元标签,控制链接在 Facebook、LinkedIn、X 等平台上分享时的展开效果。可设置内容类型(网站、文章、产品或个人资料)、标题、描述、规范链接、图片、站点名称和语言区域,还包括 Twitter Card 选项,如卡片类型以及站点/作者账号。

两个实时预览——一个仿照 Facebook/LinkedIn 分享卡片样式,另一个仿照 X 卡片样式——会随输入实时更新,让你在页面正式上线前就能准确看到标题、描述、域名以及 1200 × 630 像素图片的展示效果。

一切都在你的浏览器中运行;你输入的内容不会被上传。可将生成的 Open Graph 和 Twitter Card 标签复制到剪贴板,或下载为 HTML 代码片段,随时粘贴到页面的 <head> 中。

如何使用 Open Graph 生成器

  1. 选择 og:type——网站、文章、产品或个人资料——或点击“填充示例”从示例开始。
  2. 输入标题、描述、规范链接和图片链接(建议尺寸为 1200 × 630 像素),以及站点名称和语言区域。
  3. 设置 Twitter Card 类型(摘要或带大图的摘要),并可选填 @site 和 @creator 账号。
  4. 实时查看两个社交卡片预览的更新效果。
  5. 复制生成的元标签,或下载 .html 文件并添加到你的页面中。

常见问题

使用 1200 × 630 像素。该比例在 Facebook、LinkedIn 和 X 上都能以大图卡片清晰呈现,不会出现意外裁剪。

X 在大多数字段上会回退使用 Open Graph 数据,但仍需要 twitter:card 来选择卡片布局,twitter:site / twitter:creator 则可添加署名信息——生成器会将它们全部一并输出。

社交平台会缓存链接预览。部署新标签后,请使用该平台的分享调试工具或卡片验证器重新抓取该 URL,以刷新缓存。

不会。表单数据、预览和生成的标记只存在于你的浏览器中——不会发送到任何服务器。

是的,完全免费且无任何限制。

需要帮助?
使用此工具时遇到问题?请告诉我们的团队。
报告问题

将此免费工具添加到你自己的网站 — 复制并粘贴下面的代码。