ZeroTool Workbench
Meta 标签生成器
一键生成完整 <head> Meta 区块 — Open Graph、Twitter 卡片、Schema.org JSON-LD 与 SEO 基础项，附 Google / Facebook / Twitter / Discord 实时预览。纯浏览器端运行。
使用方法
- 填写 标题、描述 与 规范 URL——三个核心字段。
- 填入 og:image URL 让社交预览图正确显示，1200×630 PNG 或 JPEG 通用。
- 选择 Twitter 卡片类型：
summary_large_image用于带主图的帖子，summary用于紧凑卡片。 - （可选）选 Schema.org @type，输出一段最小 JSON-LD。
- 切换右侧预览的 4 个 tab，验证页面在 Google 搜索、Facebook、Twitter（X）、Discord 的展开效果。
- 复制生成的 HTML，粘贴到页面的
<head>中。
生成内容包含
- 基础 SEO meta——
title、description、canonical、author、keywords、theme-color、viewport、robots。 - Open Graph——
og:type、og:title、og:description、og:url、og:site_name、og:image（含 width / height / alt）、og:locale。 - Twitter Card——
twitter:card、twitter:site、twitter:creator、twitter:title、twitter:description、twitter:image。 - Schema.org JSON-LD——最小的
WebPage、Article、Product或Organization块（name / description / url / image）。
图片尺寸速查
| 平台 | 推荐尺寸 | 宽高比 |
|---|---|---|
| Facebook / LinkedIn / Discord | 1200×630 | 1.91:1 |
| Twitter summary_large_image | 1200×600 | 2:1 |
| Twitter summary | 400×400 | 1:1 |
| 1000×1500 | 2:3 |
把输出粘贴到哪里
生成的 meta 区块放进 <head> 即可，建议靠前——在 <meta charset> 之后、第三方脚本之前。爬虫不在意顺序，但把社交 meta 集中放有助于审计。
同一 SEO 工具栈中常配合使用：Robots.txt 生成器（爬虫规则）与 Favicon 生成器（图标包）。
FAQ
Open Graph 和 Twitter Card 有什么区别？
Open Graph（og:）是 Facebook 提出的社交预览协议；LinkedIn、Slack、Discord、iMessage 等几乎所有平台现在都读它。Twitter（X）则有自己的 twitter:* 标签和 card 类型控制。两者同时存在时，Twitter 优先用自己的标签，缺失字段才回退到 Open Graph，所以两套都写是常规做法。
og:image 应该用多大尺寸？
1200×630 px（1.91:1）是 Facebook、LinkedIn、Discord 通用的安全默认值；Twitter 的 summary_large_image 期望 2:1，1200×600 也能正常显示。文件控制在 5 MB 以内，PNG 或 JPEG 即可。多数平台会读取 og:image:width 与 og:image:height 来分发。
Open Graph 和 Schema.org JSON-LD 都要写吗？
面向不同消费者：Open Graph 服务社交平台的 unfurl 预览；Schema.org JSON-LD 服务 Google 富结果与爬虫语义理解。两者重叠的字段（title / description / image）很少。要同时拿到搜索富摘要 + 社交富预览，建议两套都写，成本几乎为零。
这个工具会上传我的图片吗？
不会。图片 URL 仅作为字符串拼进生成的 meta 区块，并在预览里用作 img 的 src。没有任何服务端请求、上传，所有数据都不离开浏览器。
Canonical URL 对 Open Graph 为什么重要？
Canonical URL 会作为 og:url 输出。如果不写，社交平台会从请求 URL 猜——而请求 URL 往往不同（带 utm 参数、是否带斜杠、www vs 裸域），错误的 canonical 会让分享数被拆散，并破坏跨 URL 去重逻辑。