Meta标签生成器
输入网站信息后自动生成完整的 HTML Meta 标签，包含 SEO 和 Open Graph 社交分享标签。
Meta 标签生成器
Meta 标签生成器使用指南
📌 简介
Meta 标签生成器是一款面向网站站长和前端开发者的工具，输入页面标题、描述、关键词等信息即可一键生成完整的 HTML Meta 标签，包含基础 SEO 标签、Open Graph 社交分享标签和 Twitter Card 标签。这些标签决定了搜索引擎如何理解页面内容，以及社交平台分享时展示的标题、描述和缩略图。所有生成在浏览器本地完成。
📖 什么是 Meta 标签？
Meta 标签是 HTML 文档头部（<head>）中用于描述页面元信息的标签，不直接显示在页面内容中。常见的 Meta 标签包括 description（页面描述）、keywords（关键词）、author（作者）、viewport（视口配置）等。Open Graph（og:xxx）是 Facebook 提出的协议，被微信、QQ、微博等社交平台广泛采用，用于控制在社交分享时的展示效果。
💼 常见应用场景
- 新建网站： 快速生成首页所需的全部 Meta 标签。
- SEO 优化： 规范化 description 和 keywords 标签。
- 社交分享： 配置 Open Graph 标签，让分享卡片更漂亮。
- WordPress 主题： 为主题添加标准的 Meta 标签。
⚙️ 使用步骤
- 依次填写标题、描述、关键词、作者、URL 等信息。
- 上传封面图 URL 后，社交分享卡片会显示该图片。
- 勾选是否生成 Twitter Card 标签。
- 生成的标签实时显示，点击“复制 Meta 标签”粘贴到 HTML 的 <head> 中。
⚠️ 注意事项
- description 建议控制在 150 字以内，过长会被搜索引擎截断。
- keywords 标签已被 Google 等主流搜索引擎忽略，但对部分国内搜索引擎仍有参考价值。
- 封面图建议使用 1200×630 像素，是社交平台推荐的 OG Image 尺寸。
❓ 常见问题 (FAQ)
Q: description 对 SEO 有多重要？
A: 虽然不直接影响排名，但 description 会显示在搜索结果中，影响用户点击率（CTR）。编写吸引人的 description 能间接提升流量。
Q: Open Graph 和 Twitter Card 有什么区别？
A: Open Graph 是 Facebook 提出的通用协议，被微信、QQ、微博、LinkedIn 等广泛支持；Twitter Card 是 Twitter 专用的标签。两个都建议配置，覆盖更多平台。
Q: canonical 标签有什么用？
A: canonical（规范链接）告诉搜索引擎页面的首选 URL，用于解决重复内容问题。例如带 www 和不带 www 的域名同时可访问时，用 canonical 指明主域名。