og
Open Graph 标签生成
填写标题、描述、配图,生成分享用 Open Graph 与 Twitter Card meta 标签。本地生成。
本地处理 · 不上传
加载工具中…
相关:Open Graph · og标签 · 分享卡片 · meta标签 · Twitter Card · SEO
Open Graph 标签生成填写标题、描述、图片与类型,生成分享到社交平台时控制卡片展示的 og 标签代码,并可预览卡片效果。
使用步骤
- 填写标题、描述与图片地址
- 选择内容类型
- 预览卡片效果
- 复制标签代码
使用场景
- 让分享链接显示正确的标题与配图
- 为文章页配置独立的分享信息
- 排查分享卡片显示异常
- 统一站内各页面的分享规范
小贴士
- og:image 必须是绝对 URL 且可匿名访问,推荐 1200×630 像素,这是绝大多数平台的最优比例。
- 各平台都会缓存抓取结果,改了标签后需要用平台的调试工具主动刷新,否则分享出去还是旧内容。
- Twitter/X 使用自己的 twitter: 系列标签,缺失时会回退读取 og 标签,两套都写最稳妥。
常见问题
改了标签为什么分享还是旧的?
平台缓存了首次抓取的结果。需要到对应平台的分享调试工具里输入 URL 强制重新抓取,缓存才会更新。
图片多大合适?
1200×630 像素是通用推荐值,比例约 1.91:1。图片过小会被平台降级成小卡片,文件过大则可能抓取超时。
单页应用能用吗?
社交平台的抓取器一般不执行 JavaScript,前端动态插入的标签读不到。必须服务端渲染或预渲染,把标签写进初始返回的 HTML。
Open Graph 标签生成是免费的吗?
是。本站所有工具完全免费,无需注册登录、无广告干扰,打开即用。
使用Open Graph 标签生成,我的数据安全吗?
安全。该工具在你的浏览器本地完成处理,输入内容不会上传到服务器,隐私更有保障。