Meta 标签生成器

使用说明

1. 填完左边，右边实时出 <head> 片段、搜索结果预览和分享卡片。全部在本地计算，不上传任何内容。
2. 截断按像素宽度估，不按字符数。SERP 标题区约 600px、描述区约 960px；一个汉字约 16px、一个拉丁字母约 8px。所以「60 字符」对中文和英文完全不是一回事——这是这类工具最常见的错。
3. 这些阈值是实测经验值，不是规范。Google 从未发布过 title / description 的字符上限，真正决定截断的是它自己的字体与排版，而且会变。
4. Twitter 卡片不读 og:* 标签，必须自己写一套 twitter:title / description / image。工具里已经把这三行单独生成，漏配是最常见的问题。
5. robots 里的 max-image-preview:large 是「建议」型指令，默认就该给；只有关掉大图预览时才写 max-image-preview:none。把建议型指令当成必须手选的选项，会让人以为默认状态下没有大图。
6. 分享图推荐 1200×630（1.91:1）。给正方形图会被平台裁成一条，中间那部分才是别人看到的。SVG 分享图多数平台不渲染，会显示空白卡片。
7. 提醒分「需处理」和「建议」两级。标题只出现一次站名（`JSON 格式化 · FreeTools`）是正常写法，不会报警——提醒一旦对正常写法也响，用户就会学会无视全部提醒。

相关工具