← 返回工具箱
OG / Meta 生成
OG META · 开发辅助
填标题/描述/URL/图片即生成 Open Graph + Twitter Card + 标准 meta 完整代码，实时预览微信/Telegram/X 三款社交卡片并附带 JSON-LD。
本地生成，内容不上传。
填写分享信息
建议尺寸 1200×630（1.91:1），小于此尺寸社交平台会拉伸或补灰边。
社交卡片预览
Meta 代码
JSON-LD
Open Graph 是 Facebook/微信/Telegram 等采用的分享协议；Twitter Card 适配 X。三张预览卡均为纯 CSS 模拟，图片仅以占位框显示 URL、不发起任何外部请求。JSON-LD 帮助搜索引擎理解页面。
>_ 使用指南 · GUIDE
做分享卡片时，平台靠 OG / Twitter Card 标签决定标题、描述与封面图。这个工具填四项信息即生成完整代码与三款社交卡片预览。
典型步骤：
- 填写信息：填标题、描述、页面 URL、图片 URL（图片为必填）。建议封面 1200×630（1.91:1）
- 实时预览：右侧给出微信 / Telegram / X 三张纯 CSS 模拟卡片，图片以占位框显示 URL，不发起任何外部请求
- 复制代码：Meta 代码区含标准
<title>、Open Graph、Twitter Card 完整片段，JSON-LD 区含结构化数据，一键复制 - 嵌入页面：把两段代码放进页面
<head>，再按平台要求补充og:type等细节即可
>_ 常见问题 · FAQ
Q1 · 为什么图片是占位框不显示？
预览为纯前端 CSS 模拟，刻意不加载外部图片（避免请求你的图床、也避免外链失效）。上线后以真实 URL 为准，按 1200×630 提供封面即可。
Q2 · 图片 URL 为什么必填？
Open Graph 分享卡片的封面完全依赖 og:image，缺了它平台会用默认灰块甚至不显示卡片。工具强制校验，未填会以警告提示。
Q3 · Open Graph 和 Twitter Card 区别？
Open Graph 被 Facebook、微信、Telegram 等广泛采用；Twitter（X）优先读 twitter:* 系列。两者都给，X 上也能正常出大图卡片。
Q4 · JSON-LD 有什么用？
JSON-LD 是搜索引擎理解页面的结构化数据，补充了标题/描述/URL/图片的语义，对收录与富媒体展示有帮助，与 OG 互补。
Q5 · 推荐封面尺寸是多少？
1200×630（宽高比 1.91:1）是多数平台的甜点尺寸；小于此值会被拉伸或补灰边，过大则加载慢。
此工具在你的浏览器本地运行，输入内容不会上传。按 Ctrl K 可随时切换到其他工具。