Meta Tag Generator

Meta Tags 生成器可根据页面信息自动生成完整的 HTML <meta> 标签集合，覆盖 SEO、社交分享和移动端三大场景。你需要输入页面标题、描述、关键词、作者、URL、网站名称和 favicon 路径等基本信息，工具自动生成对应的 meta 标签：标准 SEO 标签（title、description、keywords、robots、canonical）、Open Graph 标签（og:title、og:description、og:image、og:url）、Twitter Card 标签（twitter:card、twitter:title）、和移动端标签（viewport、theme-color）。一键复制即可粘贴到 HTML head 中。

Meta Tags 生成器在前端开发中节省大量重复工作。新项目或新页面启动时，开发者需要为每个页面编写完整的 meta 标签——工具可以一次性生成并确保格式正确。网站改版或 SEO 优化时，批量更新页面的 meta 标签是一个系统性工程，生成器确保遗漏任何重要标签。社交分享调试时，如果链接在 Facebook/Twitter 中显示不正确，通过生成的 OG 标签模板排查缺失项。着陆页（Landing Page）A/B 测试中快速创建不同版本的 meta 标签也是一个高频场景。

配合 OG 图片生成器 生成社交媒体分享预览图，或使用 二维码生成器 为页面生成可分享的 QR 码。

三大 meta 标签体系的核心作用：

• 标准 SEO Meta：<title> 和 <meta name="description"> 是搜索引擎结果页面（SERP）中显示的标题和摘要。keywords 已不被 Google 使用。robots 控制爬虫行为。
• Open Graph：由 Facebook 提出的标准，控制链接在 Facebook、LinkedIn、Discord 等平台中的预览卡片。og:image 是最重要的字段——没有好图片的分享链接点击率大降。
• Twitter Card：Twitter/X 的卡片格式，支持 summary（小图）、summary_large_image（大图）、player（视频）等类型。twitter:card = summary_large_image 是最推荐的选择。

• 描述长度：meta description 限制约 155-160 字符（Google SERP 截断点），OG description 建议 200 字符以内。过长会被截断显示...
• 图片尺寸：og:image 推荐 1200×630 像素（1.91:1 比例），小于 200×200 的图片可能无法显示在分享卡片中。
• 重复内容：SEO 和 OG 标签的标题/描述通常相同但并非必须——可以针对不同平台优化不同的文案。
• 动态生成：JavaScript SPA（单页应用）动态渲染的 meta 标签大多数社交平台爬虫无法识别——需要 SSR（服务端渲染）或 SSG（静态站点生成）。

在创建新页面、批量生成 SEO 标签、或调试社交分享预览时使用此工具。对于需要动态生成 meta 标签的场景（如电商商品详情页），推荐使用 Next.js Metadata API、React Helmet 或 Vue Meta 等框架级方案。