一次点击即可生成网页所需的所有关键 meta 标签。SEO 标题、meta 描述、Open Graph、Twitter 卡片和 robots 指令。
Paste these tags inside your <head> section, before the closing </head> tag.
Meta 标签是位于网页 <head> 部分的 HTML 代码片段，用于向搜索引擎、社交媒体平台和浏览器提供页面信息。与可见的页面内容不同，Meta 标签不会显示给访客，但在页面的索引、排名和在网络上的展示方式中起关键作用。
对 SEO 最重要的 Meta 标签是 title tag 和 meta description。title tag 是搜索结果中的可点击标题，也是最强大的页面内排名信号之一。meta description 是其下方的预览文本，影响用户是否点击。两者共同构成您在 Google 搜索结果中的“广告”。
width=device-width, initial-scale=1.0。UTF-8 以实现通用兼容性。Open Graph 标签（前缀为 og:）决定页面在 Facebook、LinkedIn、Pinterest 等平台分享时的展示效果。若缺少这些标签，社交平台会自行猜测显示内容，常出现错误图片或标题被截断的情况。关键的 OG 标签包括 og:title、og:description、og:image 和 og:url。
Twitter Card 标签 在 Twitter/X 上实现相同功能。twitter:card 标签定义卡片布局（summary 或 large image），而 twitter:title 和 twitter:description 可针对 Twitter 单独覆盖 OG 的值。如果仅设置 OG 标签，Twitter 会回退使用它们，因此 Twitter 专用标签虽为可选，但能提供更细致的控制。
为获得最佳社交分享效果，请使用至少 1200 x 630 像素 的图片用于 OG 和 Twitter 大图卡片。此尺寸在所有主流平台上均表现良好。
将此生成器与我们的 SERP 代码片段预览器 结合使用，可查看标题和描述在 Google 中的展示效果；并使用我们的 Schema 生成器 添加结构化数据。
Meta 标签是网页 head 部分的 HTML 元素，为搜索引擎和社交平台提供元数据。关键的 Meta 标签包括 title tag、meta description、Open Graph 标签、Twitter Card 标签以及控制页面在搜索和社交分享中展示和行为的 robots 指令。
title tag 和 meta description 是最关键的。title 直接影响排名，并作为搜索结果中的可点击标题。meta description 影响点击率。Robots、canonical 和 viewport 标签同样对正确索引和移动端优化至关重要。
Open Graph 标签决定页面在 Facebook、LinkedIn 等社交平台分享时的展示效果。它们定义社交分享预览卡片中的标题、描述、图片和 URL。若缺少这些标签，平台会自动生成预览，常出现效果差或内容错误的情况。
将 meta 标签放置在 HTML 的 head 部分。WordPress 可使用 Yoast SEO 或 RankMath 插件提供的字段。Shopify 需编辑 theme.liquid。Squarespace 可在 SEO 设置面板中添加。对于自定义 HTML 网站，直接将生成的代码粘贴到 head 标签之间。