标题和描述应该写多长？

Google 按像素宽度而不是字数截断：桌面端标题大约 600px（约 50～60 个英文字符或 28～30 个汉字），描述大约 920px（约 150～160 个英文字符或 75～80 个汉字）。工具按 Google 使用的 Arial 字体宽度估算像素，进度条变红说明会被截断。搜索引擎有时也会改写标题或自行摘取描述。

og:image 应该用多大的图片？

推荐 1200×630 像素（1.91:1），文件小于 5MB，并使用完整的 https 绝对地址——很多平台抓取不到相对地址。X 的大图卡片也使用这个比例；小图摘要卡片会裁成正方形，重要内容请放在图片中央。

微信分享卡片会读取这些标签吗？

在微信里直接打开链接再分享时，微信通常会读取页面标题、og:description（或 description）以及页面里的图片作为缩略图；公众号和已接入 JS-SDK 的网页则以 JS-SDK 设置的内容为准。这里的微信预览用于检查标题和描述在卡片中的截断效果。

检查现有网页时会联网抓取吗？

不会。出于隐私和跨域限制，工具不会替你请求任何网址，需要你把网页源代码（浏览器中按 Ctrl+U 或 ⌥⌘U 查看）粘贴进来，解析在浏览器本地完成。预览中的图片由你的浏览器直接加载。

🪧

🪧Meta 标签生成器 - SEO、Open Graph、Twitter 卡片与分享预览

一个网页能不能在搜索结果里吸引点击、分享到社交平台时是不是一张漂亮的卡片，很大程度取决于 <head> 里的那几行标签。在这里填写标题、描述、规范地址、分享图片等信息，就能生成完整的 <head> 代码：title 与 meta description、canonical、robots（index/follow 以及 max-image-preview 等指令）、Open Graph（og:type、og:image 及尺寸和替代文字、og:locale）、X（Twitter）卡片、多语言 hreflang 互链与 x-default、favicon、Apple Touch Icon、manifest 和 theme-color，以及 WebSite、Organization、Article、Product、FAQ 五种 JSON-LD 结构化数据模板。标题和描述下方会同时显示字符数和按 Google 实际字体估算的像素宽度，超过约 600px 的标题、约 920px 的描述会在搜索结果中被截断，预览里也会按同样规则截断。右侧可以切换 Google 搜索结果、Facebook / LinkedIn、X 和微信分享卡片预览。已有网页也可以直接检查：粘贴 HTML 源代码，工具会列出识别到的所有标签，并指出缺失的描述、过长的标题、相对地址的 canonical 或 og:image、错误的 hreflang 代码、无效的 JSON-LD 等问题，还能一键把现有标签载入生成器修改。全部在浏览器本地完成。

免费 · 无需注册 · 浏览器本地处理最后更新：2026-10-26

正在加载工具...

如何使用Meta 标签生成器

1填写标题、描述、规范地址和分享图片，按需设置 robots、hreflang、图标和 JSON-LD
2在右侧切换 Google、Facebook、X、微信预览，根据字数与像素宽度调整文案
3复制或下载 <head> 代码；也可以切到“检查现有网页”粘贴 HTML 找出问题

常见问题

标题和描述应该写多长？: Google 按像素宽度而不是字数截断：桌面端标题大约 600px（约 50～60 个英文字符或 28～30 个汉字），描述大约 920px（约 150～160 个英文字符或 75～80 个汉字）。工具按 Google 使用的 Arial 字体宽度估算像素，进度条变红说明会被截断。搜索引擎有时也会改写标题或自行摘取描述。
og:image 应该用多大的图片？: 推荐 1200×630 像素（1.91:1），文件小于 5MB，并使用完整的 https 绝对地址——很多平台抓取不到相对地址。X 的大图卡片也使用这个比例；小图摘要卡片会裁成正方形，重要内容请放在图片中央。
微信分享卡片会读取这些标签吗？: 在微信里直接打开链接再分享时，微信通常会读取页面标题、og:description（或 description）以及页面里的图片作为缩略图；公众号和已接入 JS-SDK 的网页则以 JS-SDK 设置的内容为准。这里的微信预览用于检查标题和描述在卡片中的截断效果。
检查现有网页时会联网抓取吗？: 不会。出于隐私和跨域限制，工具不会替你请求任何网址，需要你把网页源代码（浏览器中按 Ctrl+U 或 ⌥⌘U 查看）粘贴进来，解析在浏览器本地完成。预览中的图片由你的浏览器直接加载。