og

Open Graph 标签生成

填写标题、描述、配图,生成分享用 Open Graph 与 Twitter Card meta 标签。本地生成。

本地处理 · 不上传

加载工具中…

相关:Open Graph · og标签 · 分享卡片 · meta标签 · Twitter Card · SEO

Open Graph 标签生成填写标题、描述、图片与类型,生成分享到社交平台时控制卡片展示的 og 标签代码,并可预览卡片效果。

使用步骤

  1. 填写标题、描述与图片地址
  2. 选择内容类型
  3. 预览卡片效果
  4. 复制标签代码

使用场景

  • 让分享链接显示正确的标题与配图
  • 为文章页配置独立的分享信息
  • 排查分享卡片显示异常
  • 统一站内各页面的分享规范

小贴士

  • og:image 必须是绝对 URL 且可匿名访问,推荐 1200×630 像素,这是绝大多数平台的最优比例。
  • 各平台都会缓存抓取结果,改了标签后需要用平台的调试工具主动刷新,否则分享出去还是旧内容。
  • Twitter/X 使用自己的 twitter: 系列标签,缺失时会回退读取 og 标签,两套都写最稳妥。

常见问题

改了标签为什么分享还是旧的?

平台缓存了首次抓取的结果。需要到对应平台的分享调试工具里输入 URL 强制重新抓取,缓存才会更新。

图片多大合适?

1200×630 像素是通用推荐值,比例约 1.91:1。图片过小会被平台降级成小卡片,文件过大则可能抓取超时。

单页应用能用吗?

社交平台的抓取器一般不执行 JavaScript,前端动态插入的标签读不到。必须服务端渲染或预渲染,把标签写进初始返回的 HTML。

Open Graph 标签生成是免费的吗?

是。本站所有工具完全免费,无需注册登录、无广告干扰,打开即用。

使用Open Graph 标签生成,我的数据安全吗?

安全。该工具在你的浏览器本地完成处理,输入内容不会上传到服务器,隐私更有保障。