Meta 标签生成器 - 在线生成 SEO 与社交分享标签 - 极速工具箱

工具简介

在线 Meta 标签生成器。填好标题、描述等字段，自动生成可粘贴进 <head> 的完整标签代码，并实时预览搜索结果样式*与*社交分享卡片。同时给出标题与描述的宽度提示，避免被搜索引擎截断。

搜索结果里，标题和描述都有显示上限，超出部分会被截断成省略号：

字段	建议上限（显示宽度）
标题	约 60
描述	约 160

中文按 2 个宽度计算（一个汉字约等于两个英文字母宽）。所以标题约 30 个汉字、描述约 80 个汉字就要收住了。

本工具在输入框下方实时显示当前宽度，超出会标红提醒。

标签	作用
`<title>`	搜索结果标题、浏览器标签页文字
`description`	搜索结果的摘要文字
`keywords`	关键词。主流搜索引擎已基本忽略，只对站内检索有意义
`author`	作者 / 团队署名
`robots`	控制是否收录、是否跟踪链接
`canonical`	声明页面的规范地址，解决重复内容问题
`viewport`	移动端适配，不写会导致手机上按桌面宽度渲染
`theme-color`	移动端浏览器地址栏配色
`og:*`	Open Graph，微信、微博、Facebook 等抓取分享卡片时使用
`twitter:*`	Twitter / X 卡片

同一个页面如果可以通过多个地址访问（带 ?utm_source=、带 www 和不带、http 和 https），搜索引擎会认为是多个重复页面，分散权重。

<link rel="canonical"> 用来声明「哪个才是正式地址」。规则：

需要「不收录」时用 noindex；只在 robots.txt 里 Disallow 是拦不住收录的——被 Disallow 的页面仍可能因为外部链接而被收录，只是没有摘要。

常见问题 FAQ

支持生成 JSON-LD 结构化数据吗？

本工具只生成 meta 标签。结构化数据（如 Article、FAQPage、BreadcrumbList）需要单独写 script type="application/ld+json" 代码块。

标题里放关键词堆砌有用吗？

没有用，还可能被判为作弊。标题应该是一句通顺、能概括页面内容的话，关键词自然出现即可。

留空的字段会怎样？

不会输出对应的标签。og:title 和 og:description 留空时会自动使用页面标题和描述。

生成的代码要放在哪里？

粘贴到页面 HTML 的 head 标签内。charset 建议放在最前面，避免中文乱码。不要用生成的代码覆盖整个 head。

theme-color 有什么用？

在移动端浏览器里给地址栏 / 状态栏上色，让页面看起来更完整。属于锦上添花，不影响 SEO。

viewport 标签是必须的吗？

如果页面做了移动端适配就是必须的，不写会导致手机上按桌面宽度渲染、文字极小。但如果页面没做适配，写了反而更糟，此时应该先改版。

不写 og 标签会怎样？

微信、微博、Facebook 等平台抓不到你指定的标题和图片，会自动从页面里挑一段文字和一张图，效果不可控。

og:image 有什么要求？

建议 1200×630，体积 200 KB 以内，必须是可公网访问的完整地址。图片上的关键文字不要贴边，部分平台会裁切。

noindex 和 robots.txt 的 Disallow 有什么区别？

noindex 是让页面不被收录；Disallow 是让爬虫不去抓取。被 Disallow 的页面仍然可能因为外部链接被收录（只是没有摘要），所以要让页面彻底不出现在搜索结果里，应该用 noindex。

canonical 必须写吗？

如果同一个页面能通过多个地址访问，就必须写。否则搜索引擎会认为是重复内容，分散权重。注意必须是含 https:// 的绝对地址。

keywords 还有用吗？

对主流搜索引擎的排名几乎没有作用，Google 早在 2009 年就明确不使用它。保留它只对站内检索、部分老式搜索引擎有意义。

标题和描述应该多长？

按显示宽度算，标题控制在 60 以内、描述控制在 160 以内。一个汉字按 2 个宽度计算，也就是标题约 30 个汉字、描述约 80 个汉字。工具会在输入框下方实时显示当前宽度。