Meta标签生成
生成网页 SEO/分享 Meta 标签。
这个工具能做什么
Meta 标签生成把 SEO 需要的头部标签一次性配齐。你只要填标题、描述、页面网址和一张配图，它就输出 description、keywords 这类搜索引擎读取的标签，再加上 Open Graph 和 Twitter Card 两套社交分享标签，直接复制进 HTML 的 head 就行。手写这些标签的麻烦在于容易漏、容易错：og 系列用的是 property 属性而不是 name，Twitter 又切回 name，配图还得写成绝对网址，一个属性名敲错，分享出去卡片就不显示。这个工具把这些约定固定下来，省掉逐条查文档核对的时间。
Meta 标签是写在 head 里的元数据，浏览器不会把它渲染到页面上，真正读取它的是搜索引擎爬虫和社交平台的抓取程序。它其实分属几套不同规范：name="description" 这类是传统 SEO 标签；og: 开头的遵循 Open Graph 协议，基于 RDFa 用 property 属性声明；twitter: 开头的是 Twitter Card 规范，仍用 name 属性。工具做的事，就是把你填的同一份标题、描述、图片，按各套规范的命名空间和属性各生成一遍，并对内容里的双引号、尖括号做转义，避免特殊字符把标签结构撑破。
最常见的用法是新页面上线前补齐头部。比如做一个产品落地页，希望别人把链接发到微信或 Slack 时能出现带标题、摘要和大图的卡片，你就填好 og:title、og:description，再把封面图的绝对网址填进 og:image，生成后贴进模板即可。另一个场景是给博客批量套用：先用一篇文章生成一份标签作模板，把标题描述换成变量，后端渲染时替换，既保证每篇都有 description，又统一了社交分享样式，改一次省下反复对着规范文档拼字符串的功夫。
有几个坑值得提前知道：og:image 必须是完整的绝对网址，写相对路径抓取端取不到；社交平台推荐比例是 1.91:1、常用 1200×630，太小的图会被降级成小卡片。keywords 标签如今基本是摆设，Google 早已明确不再参考它，填了对谷歌排名没帮助，但对部分其他搜索引擎仍有意义。还有一点常被误认成 bug：改完标签重新分享，微信、Facebook 显示的还是旧标题旧图，那是平台缓存了 OG 数据，得用它们各自的调试工具手动刷新，跟生成的标签本身无关。
Meta标签生成是一个免费的在线工具，打开网页就能用，不用下载也不用注册。平时大家搜的“meta标签生成”、“seo标签”、“og标签生成”，说的都是这个。
常见使用场景
- 给新上线的落地页补齐 SEO 头部标签
- 让链接分享到微信、Slack 时显示带图卡片
- 用一份标签作模板批量套用到博客文章
- 核对手写 meta 的 property 与 name 属性有没有写反
- 为社交分享配置 Open Graph 和 Twitter Card
使用方法
- 把内容粘贴到输入框（生成类工具直接设置选项）。
- 按需要选择选项，点操作按钮。
- 结果出现在下方，点「复制结果」即可带走。