SEO Meta 标签生成器怎么用
写完一个页面，最后卡住人的往往不是功能，而是 head 里那一堆 meta 标签：到底要写几个、OG 和 Twitter 又有什么区别。把标题、描述、关键词、规范链接填进表单，工具会实时生成一段可直接复制的 HTML 代码片段，包含 title、描述、canonical、og 系列、twitter 系列以及 JSON-LD 结构化数据。下方体检会盯着标题长度、描述字数、有没有 canonical 与分享图，逐项给出通过或警告。整个过程本地完成，填写内容不会上传。
这个工具能做什么
- 生成 title、描述与关键词标签
- 生成 canonical 规范链接，避免重复内容分散权重
- 生成 og 系列标签，控制分享到微信、微博时的标题、摘要与缩略图
- 生成 twitter 系列标签，支持 summary、大图、app、player 四种卡片
- 生成 JSON-LD 结构化数据，可切换 WebSite 与 Article 两种类型
- 实时体检标题长度、描述字数、是否缺 canonical 与 OG 图
怎么使用（输入说明）
- 页面标题：建议 60 字符以内，超过会在搜索结果里被截断成省略号。
- 页面描述：建议 80 到 160 字符，用 textarea 输入，写满一行摘要即可。
- 关键词：用英文逗号分隔，填 3 到 5 个中文词就够。
- 规范链接：必须是带 https 开头的完整绝对地址，相对路径无效。
- OG 图片 URL：同样是绝对地址，建议 1200×630 的 JPG 或 PNG。
- OG 标题与描述：留空则自动回退使用页面标题与描述，想让分享文案与搜索摘要不一样时再填。
- 卡片类型与结构化数据类型：下拉框选择，切换后代码即时重算。
背后的原理/规则
搜索引擎抓的是 HTML 源码里的 title 与描述标签，社交平台抓的则是 Open Graph 协议约定的 og 系列标签，两者各管一段，所以都要写。canonical 用来声明规范地址，把带参数、带斜杠、带分页的重复入口统一指向同一个地址，避免权重被摊薄。
OG 协议由 Facebook 提出，核心是 og:title、og:description、og:image、og:url 四项；Twitter 又单独定义了 twitter:card 系列，两者并存，所以生成的代码里两组都有。JSON-LD 是 Google 推荐的结构化数据写法，以 JSON 形式描述页面，类型选 WebSite 适合站点首页，选 Article 适合文章页并可带 headline、image、keywords 等字段。
计算实例
假设标题是「MokaKit 摩卡工具箱 · 在线小工具集合」，共 22 个字符，体检显示通过；描述写了 60 字，不足 80 字符，体检会警告并提示补到 80 到 160 字符之间，补到 110 字后转为通过。
此时点复制，粘贴进页面的 head 区域，得到的是一组完整标签：title、描述与关键词的 meta 标签、canonical 的 link 标签、四组 og 标签、四组 twitter 标签，最后附一段 JSON-LD，字段含 @context、@type、name、url 与 description。
常见问题 FAQ
Q：标题和描述分别控制在多少字符比较合适？
A：页面标题建议控制在 60 个字符以内，中文大约 20 到 30 个字，超出的部分在搜索结果里会被截断成省略号。描述建议落在 80 到 160 个字符之间，太短浪费展示空间，太长同样会被截断。工具会用徽标实时提示通过还是警告，照着提示微调即可。
Q：canonical 标签到底要不要加，写错会有什么后果？
A：要加。同一篇内容可能通过带参数、带斜杠、带分页等多个地址访问，canonical 用来告诉搜索引擎哪一个才是规范地址，避免重复内容分散权重。写错的风险很大，比如把规范地址指向别的页面，等于主动让出收录机会，填写时务必确认是完整的绝对地址。
Q：生成的 OG 图地址有什么要求？
A：OG 图片必须使用完整绝对地址，也就是带 https 开头的那种，相对路径在社交平台抓取时会失效。尺寸建议 1200 乘 630 像素，大小控制在 1MB 以内，格式用 JPG 或 PNG，且要能公开访问。