Meta 标签生成器
本地运行，数据不上传服务器
使用说明
做新页面时，SEO 基础 Meta 标签和 Open Graph 分享信息经常要写一遍，字段多了容易漏；发到微信或 Twitter 的分享卡片标题、描述和图片不对，需要检查 OG 标签；给静态站点或博客加 head 片段时，不想每次都翻文档确认写法。这些场景用一个生成器能省不少时间。 这个工具根据输入自动生成完整的 head 片段，包含基础 Meta 标签和 Open Graph 标签。Title、Description、Keywords、Author、Charset、Viewport 等字段按标准格式输出，OG 部分覆盖标题、描述、图片和 URL。 输入的内容会做 HTML 转义，避免特殊字符破坏标签结构。URL 字段会校验格式，必须是 http 或 https。右侧提供社交分享卡片预览，能直观看到分享到社交平台的效果。适合做前端、SEO、独立开发者。
核心功能
- ✓生成完整 HTML head 片段，包含基础 Meta 和 Open Graph
- ✓支持 Title、Description、Keywords、Author、Charset、Viewport 字段
- ✓支持 OG Title、OG Description、OG Image URL、OG URL 字段
- ✓输入内容自动 HTML 转义
- ✓URL 字段格式校验，必须为 http 或 https
- ✓社交分享卡片实时预览
- ✓结果可复制或下载 HTML 文件
使用教程
为新页面生成 SEO Meta：填好标题、描述和关键词，得到可直接粘到 head 里的标签片段。 配置社交分享信息：填 OG Title、OG Description、OG Image URL，预览分享卡片的展示效果。 给静态站点加 head：Hexo、Hugo 等静态站点需要自定义 head 时，用工具生成后再粘贴。 检查分享卡片效果：看到预览后再发布，避免分享出去标题被截断或图片显示不对。 补充 Author 和 Viewport：移动端页面加 Viewport，多作者站点补 Author，一次填好。
常见问题
Q：会帮我评估标题长度适合搜索结果吗？
A：不会，工具只生成标签，不评估 SEO 效果或字符数是否符合搜索引擎最佳实践。
Q：支持 Twitter Card 吗？
A：当前只生成 Open Graph 字段，不支持 Twitter Card 专属字段。
Q：OG Image URL 必须是 https 吗？
A：必须是 http 或 https，工具会做格式校验。
Q：填错字段会怎样？
A：字段内容会自动 HTML 转义，URL 字段格式不正确会提示。
Q：生成的内容能直接用吗？
A：可以，输出是完整的 head 片段，包含 doctype 和示例 body，可根据需要裁剪。
Q：数据会上传服务器吗？
A：不会，生成和预览在浏览器本地完成。