Meta 标签生成器
实时预览并生成 SEO、Open Graph 和 X meta 标签
工具功能
Meta 标签生成器通过一个表单为页面生成 SEO、Open Graph 和 X（Twitter）标签。它会显示搜索和社交分享的近似预览，检查常见错误，并将同一组标签输出为 head 中的 HTML 片段、Next.js metadata 对象、React Helmet、Nuxt useHead 或 Astro 组件。
使用方法
- 1.填写页面标题、Meta 描述和规范 URL。
- 2.保持“社交信息使用 SEO 值”开启即可复用到 Open Graph 和 X；关闭后可单独编写社交文案。
- 3.为分享卡片添加绝对图片 URL、替代文本和网站名称。
- 4.查看搜索、Open Graph 和 X 预览以及检查结果。
- 5.打开代码，选择格式，然后复制或下载。
功能特点
- •所有值都会针对 HTML 和 JavaScript 转义，引号、& 符号和尖括号不会破坏输出。
- •标签始终按相同顺序输出，所有格式都由同一模型生成。
- •检查会提示缺失或缺少协议的规范 URL、相对图片地址、noindex、主机不一致以及异常的标题或描述长度。
- •全部在浏览器中运行。只有选择“显示图片”时才会加载图片。
局限
预览和长度检查都是近似结果。Google、Facebook、X 等平台使用各自的字体渲染，并可能改写或截断标题和描述，因此任何预览都无法与真实结果完全一致。
