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

> 免费在线 SEO Meta 标签生成与检查：生成 title、description、canonical、robots、Open Graph、Twitter 卡片与 JSON-LD，实时预览搜索与社交卡片。

- 网址: https://qilingtools.com/zh/meta-tags
- 分类: 开发工具 (https://qilingtools.com/zh/dev)
- 标签: [开发](https://qilingtools.com/zh/tags/dev), [前端网页](https://qilingtools.com/zh/tags/frontend)
- 最后更新: 2026-10-26
- 价格: 免费，无需注册
- 隐私: 在浏览器本地处理，文件不上传服务器

一个网页能不能在搜索结果里吸引点击、分享到社交平台时是不是一张漂亮的卡片，很大程度取决于 <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 等问题，还能一键把现有标签载入生成器修改。全部在浏览器本地完成。

## 使用步骤

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

## 功能特点

- 标题与描述的字符数和像素宽度，按 Google 规则截断
- Google、Facebook / LinkedIn、X、微信分享卡片预览
- Open Graph、Twitter 卡片、canonical、robots 全覆盖
- hreflang 多语言互链与 x-default
- WebSite、Organization、Article、Product、FAQ 结构化数据
- 检查现有 HTML：列出标签并报告 SEO 问题
- 一键把现有标签载入生成器
- 本地处理，不上传

## 常见问题

### 标题和描述应该写多长？

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 查看）粘贴进来，解析在浏览器本地完成。预览中的图片由你的浏览器直接加载。

## 相关工具

- [JSON 格式化](https://qilingtools.com/zh/json): 免费在线 JSON 格式化：一键美化、压缩，实时语法校验并定位到出错行列，支持树形视图折叠、键名排序、转义与去转义、Unicode 转中文、复制下载，数据不上传。
- [Base64 编解码](https://qilingtools.com/zh/base64): 免费在线 Base64 编码解码工具：支持中文 UTF-8、URL 安全变体，文本与 Base64 互转，实时转换，本地处理不上传。
- [URL 编解码](https://qilingtools.com/zh/url-encode): 免费在线 URL 编码解码工具：encodeURIComponent 与 encodeURI 两种模式，处理中文、空格与特殊符号，本地实时转换不上传。
- [JWT 解析](https://qilingtools.com/zh/jwt): 免费在线 JWT 解析工具：解码 JWT 的 Header 与 Payload，展示过期时间、签发时间等，本地解析不上传，保护令牌安全。
- [时间戳转换](https://qilingtools.com/zh/timestamp): 免费在线 Unix 时间戳转换工具：时间戳与日期互转，自动识别秒/毫秒，显示本地时间、UTC、ISO 8601 和相对时间，实时更新。
- [哈希计算](https://qilingtools.com/zh/hash): 免费在线哈希/摘要计算工具：对文本或文件计算 SHA-1、SHA-256、SHA-384、SHA-512，使用浏览器加密接口本地完成，文件不上传。
- [UUID 生成](https://qilingtools.com/zh/uuid): 免费在线 UUID 生成器：使用加密安全随机数批量生成符合 RFC 4122 的 UUID v4，可大写、去连字符、加花括号，一键复制。
- [进制转换](https://qilingtools.com/zh/base-convert): 免费在线进制转换工具：二进制、八进制、十进制、十六进制及任意 2–36 进制互转，支持大整数（BigInt），本地实时计算。