SEO meta 标签生成器：title / description / Open Graph / Twitter Card / Schema.org。
- 本地处理
- 分类 生成器
- 适合 从空白开始,先拿到一版可修改的结果。
建议 50-60 字符 (0)
建议 150-160 字符 (0)
推荐 1200×630
<!-- set on <html lang="en"> -->
<meta name="robots" content="index, follow">
<meta name="theme-color" content="#0a0e1a">
<meta property="og:type" content="website">
<meta property="og:locale" content="en">
<meta name="twitter:card" content="summary_large_image">
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"inLanguage": "en"
}
</script>这个工具能做什么
免费的浏览器内 SEO meta 标签生成器。左边表单填写，右边即时拿到能直接粘贴 到 `<head>` 的代码块，包含 title、description、canonical URL、Open Graph (og:title / og:description / og:image / og:type / og:url)、Twitter Card (summary 或 summary_large_image)、author、robots、theme-color、语言以及一段 Schema.org JSON-LD `<script>` 结构化数据（按 og:type 自动选 WebSite 或 Article）。 长度警告实时提示：title 超 60 字 Google 会截断，description 超 160 字会被截断。 三个真实预览卡片分别模拟 Google 搜索结果、Facebook 分享、Twitter 卡片， 上线前就能发现 og:image 尺寸不对或 title 太长这种问题。100% 浏览器本地运行， 不上传、不要账号、不分析你的输入。
工具细节
- 输入
- 文本
- 页面会根据工具类型展示文本框、数值控件、文件选择或结构化输入。
- 输出
- 即时结果 + 复制 + 下载
- 结果区优先给出可操作结果，支持项会显示复制、下载或可视化预览。
- 隐私
- 浏览器本地处理
- 主工具逻辑未发现外部 API 调用，输入通常留在当前标签页内处理。
- 保存 / 分享
- 免账号使用
- 打开页面即可使用；刷新后是否保留结果取决于具体工具。
- 性能预算
- 首屏 JS ≤ 25 KB
- 没有声明 WASM 依赖，适合快速打开和移动端使用。
- 适用场景
- 生成器 · 程序员
- 分类和职业标签用于推荐相关工具、组织内链，并帮助用户快速判断是否适合当前任务。
怎么用
-
1. 输入
把内容粘贴或拖入工具面板。
-
2. 处理
点击按钮,在浏览器内本地处理,文件不上传。
-
3. 复制 / 下载
一键复制结果或下载到本地。
Meta 标签生成器 适合怎么用
适合快速生成初稿、起步素材或结构化结果,再人工整理后发布。
适合生成任务
- 从空白开始,先拿到一版可修改的结果。
- 生成可重复使用的草稿、名称、模板或占位素材。
- 先探索多个选项,再挑最适合当前任务的。
生成检查项
- 生成内容发给客户、上页面或进文档前,必须人工看过。
- 有品牌语气、格式或受众要求时,不要沿用默认值。
- 只保留真正符合任务的部分。
下一步可以接着做
这些入口会把当前任务接到更完整的工具链里。
真实使用场景
Next.js 落地页上线，Slack 里分享出来是一张空白卡片
你把预发地址贴进 Slack，展开后是一块灰色空框，没有图。在这里把表单填好，og:type 选 website，og:image 指向一张 1200x630 的 PNG，把生成的 head 块拷进 layout。右边的 Facebook 预览卡会照实渲染分享样式，演示前就能发现 og:image 漏填，而不是当众翻车。
一篇博客需要 Article 结构化数据，又不想手写 script
你一周发 3 篇，Search Console 老是报缺少结构化数据。把 og:type 切到 article，填好 headline、author 和配图，工具直接吐出含 headline、author、inLanguage、datePublished 的 Article JSON-LD。粘进文章模板一次，之后每篇都自动带上合法标记，不用再逐篇补。
审 40 个老页面，标题普遍超过 75 个字符
一次 SEO 审计标出几十个页面标题被 Google 截断。把每个标题贴进表单，超过 60 字符 长度警告立刻亮起，删到警告消失为止。SERP 预览会显示桌面端真实摘要，你就能把标题 调到 58 个字符还读得顺，而不是对着表格猜像素宽度。
给不写代码的运营同事一段能直接粘的 head 块
活动文案归运营管，但他们碰不了代码库。让他们在表单里填 title、description 和图片 URL，复制生成的代码块，粘进 CMS 的 head 字段。不用构建、不用插件授权、也不用等工程师 把文案手翻成 og: 和 twitter: 标签，运营自己几分钟搞定。
常见踩坑
og:image 用了 /og.png 这种相对路径。爬虫需要绝对地址，比如 https://yoursite.com/og.png，否则分享卡片渲染成空白。
把同一个 60 字符标题直接复制进 title 标签和 og:title 却不裁剪。og:title 可以长一点，但 90 字符的 title 标签在搜索结果里照样被截。
忘了 twitter:card 默认是空的，结果好图被缩成小缩略图。想在 Twitter 上出 1200x628 大图横幅，要把它设成 summary_large_image。
隐私说明
所有处理都在你的浏览器里完成。你填的 title、description、各种 URL 和图片链接都留在 页面内，不会上传到任何服务器。为了让链接能复现你的标签，输入会编码进可分享的 URL， 也就是说拿到这个链接的人会看到相同的值。如果某个字段里有你不愿放进公开 URL 的内容， 复制或分享链接前先把它清掉。
常见问题
类似工具组合
做你这行的人, 还会一起用这些。