免费在线 Meta 标签生成器
填写各字段:工具会实时生成页面的 title、meta description、keywords、canonical、Open Graph 和 Twitter Card 标签,展示 Google 预览和分享卡片,检查推荐长度(50-60 与 120-160 字符),然后交付可直接粘贴的 HTML 代码。免费、无需账户,一切都在您的浏览器中完成。
发布页面前先创建您的标签
填写标题、描述和 URL:预览、仪表和代码会随每次键入实时更新。
Meta 标签生成器免费且无限制:页面数量不限,覆盖所有社交网络,无需账户。全部在您的浏览器中运行 — 不使用任何服务器。
一个页面的所有标签,集中在一处
实时 Google 预览
搜索结果在您输入的同时逐步呈现:favicon、网址、蓝色标题和灰色摘要。在页面上线之前,您就能看到用户将读到的全部内容,包括截断效果。
测试预览Facebook、LinkedIn 和 X 的分享卡片
社交预览会还原分享时展示的卡片:1200 × 630 图片、网站名称、加粗标题和两行描述。同一个图片文件同时用于 og:image 和 twitter:image。
查看卡片长度与 8 项标准评分
两个仪表实时跟踪 title 和描述的字符数,检查列表会验证长度、HTTPS、URL 是否规范、关键词是否存在、图片以及网站名称。评分随每次键入更新。
查看检查项可直接粘贴的 HTML 代码
一个代码块汇集了 title、meta description、keywords、robots、canonical、Open Graph 和 Twitter Card。一次点击即可把全部标签复制到剪贴板:粘贴到页面的 head 标签中即可上线。
复制代码三步搞定 meta 标签
填写您的字段
标题、描述、URL、关键词、分享图片和网站名称。选择页面类型与索引级别,或加载示例,立即查看工具的运行效果。
检查预览与仪表
Google 结果和分享卡片随每次键入重新计算。不断调整文本,直到两个仪表都变绿、SEO 检查评分达到满分。
复制并粘贴
点击「复制代码」即可将所有标签放入剪贴板。把它们粘贴到 HTML 页面的 head 部分:您的代码片段已为 Google 和社交网络做好准备。
关于 meta 标签的常见问题
什么是 meta 标签,它为什么重要?
title 和 meta description 的理想长度是多少?
如何把生成的 meta 标签添加到我的网站?
meta keywords 还有影响吗?
title、og:title 和 twitter:title 有什么区别?
canonical 标签是做什么用的?
Facebook 和 X 需要不同的图片吗?
Meta 标签生成器免费并且保护隐私吗?
Meta 标签生成器:2026 年推荐长度
优化良好的页面从标签开始:它们决定了 Google 在结果中显示什么,也决定了社交网络在分享时展示什么。其中, meta 标签生成器 由 Volade 将所有字段集中在一处,检查推荐长度并交付对应的 HTML 代码 — 无需账户、无需服务器,几秒钟即可完成。
每个标签的理想长度
每个标签都有自己的显示窗口。太短浪费空间;太长则被截断。下表为参考:
| 标签 | 推荐长度 | 超出后 |
|---|---|---|
| title | 50–60 个字符 | 在 Google 中被截断 |
| meta description | 120–160 个字符 | 被概括或改写 |
| URL (slug) | 3–6 个词 | URL 难以阅读 |
| og:title | ≤ 60 个字符 | 在卡片中被截断 |
| og:description | ≤ 200 个字符 | 截断程度不定 |
| twitter:title | ≤ 70 个字符 | 在信息流中被截断 |
| twitter:description | ≤ 200 个字符 | 截断程度不定 |
| meta keywords | 3–5 个词 | 被 Google 忽略 |
| 图片 (og:image) | 1200 × 630 px | 被裁剪或模糊 |
| 页面 H1 | 仅 1 个,≤ 60 字符 | 意图冲突 |
工具的两个仪表会实时跟踪这些区间:标题在 50 至 60 个字符之间变绿,描述在 120 至 160 之间。
Title、description、canonical:每个标签的角色
其中, title 是结果中唯一以蓝色显示的元素:它决定用户是否点击。而 meta description 不参与排名,却用两行文字推销这个页面。而 canonical 可避免同一内容分散在多个 URL 上而被稀释,而 robots 标签决定页面是否应被索引。生成器会根据您的字段生成这四者,无需您记住语法。
Open Graph 与 Twitter Card:掌控分享效果
分享链接时,Facebook、LinkedIn 和 X 会读取页面的 og: 与 twitter: 标签。没有它们,平台会根据 title 猜测并自行选择图片 — 往往不理想。填写 og:title、og:description、og:image(1200 × 630)和 twitter:card,就能完全指定卡片的渲染效果,包括图片和文字。工具的预览会在发布前重现这一效果。
那些让你损失点击的错误
标题过长、从词中间被截断,描述随手填写,URL 用 http 而不是 https,缺少分享图片:这些问题,只需 8 项检查 即可一眼发现。最终评分表明页面是否已就绪,或上线前还需要哪些修正。