跳到主内容
UniKit

Meta 标签预览

预览页面在 Google 搜索结果里的样子:标题按约 600px 像素宽度裁剪、描述按约 160 字符裁剪,并给出长度与像素估算。

浏览器本地运行所有计算都在你的浏览器里完成,数据不会离开本机。

页面 Meta

像素宽度用 Arial 字宽表逐字符估算(标题 20px / 上限 600px,描述 14px / 上限 920px),只做预览与检查,不会抓取任何页面。

搜索结果预览

Google 的截断宽度会随改版变化,这里用的是常见参考值。

UniKit 工具箱unikit.cc › tools › json-formatter

JSON 格式化与校验:在线美化、压缩、转义与语法报错定位

在线 JSON 格式化工具:一键美化或压缩 JSON、检查语法错误并定位到行列,支持转义还原,全部在浏览器本地完成,数据不会上传。

标题
29 字符 · 539 px · 完整显示
描述
65 字符 · 842 px · 完整显示
检查结果

长度与格式都正常,预览与真实结果基本一致。

这个工具能做什么

  • 写完 title 与 meta description 后先看一眼搜索结果里的实际效果,避免标题被截成「…」而关键信息刚好在截断点之后。
  • 排查收录问题:标题长度、描述长度、URL 面包屑是否过长,一次列出全部可疑点。
  • 多语言站点核对长度:中文标题按全角宽度算,60 个字符的英文标题和 30 个汉字标题在像素上是同一量级。

示例

输入

标题:JSON 格式化与校验:在线美化、压缩、转义与语法报错定位;描述:在线 JSON 格式化工具:一键美化或压缩 JSON、检查语法错误并定位到行列,支持转义还原,全部在浏览器本地完成,数据不会上传。;URL:https://unikit.cc/tools/json-formatter

输出

预览:UniKit 工具箱 · unikit.cc › tools › json-formatter;标题 29 字符 / 539 px(完整显示);描述 65 字符 / 842 px(完整显示);检查结果:无问题

示例就是工具默认载入的那组数据,可直接对照页面上渲染出的预览卡片。

常见问题

像素宽度是怎么算出来的?

用 Arial 的 advance width 表(单位 em)逐字符累加,再乘以字号:标题按 20px、上限约 600px,描述按 14px、上限约 920px。中日韩字符按一个全角宽度计,所以中英文混排的估算不会偏差太大。

为什么我的标题没超 60 个字符却提示会被截断?

因为限制同时看字符数和像素宽度,取更严格的那个。大写字母和数字占的宽度更大,例如 60 个大写 W 约 1133px,早就超过 600px 了;反过来 60 个「i」只有 266px,就不会被截断。

描述到底该写多少字?

英文一般 120–160 个字符,中文大约 60–70 个汉字(全角字符按 14px 计,超过约 65 个字就会碰到宽度上限)。太短的描述(小于约 400px)也容易被判定为信息量不足。

预览结果和真实搜索结果完全一致吗?

不完全一致。Google 会根据查询词、站点名、日期等动态改写标题和描述,桌面与移动端的截断宽度也不同。这里的预览用于判断「会不会被截断、关键信息是否落在前面」,不能当作像素级还原。

会去抓取我填的 URL 吗?

不会。URL 只用于生成面包屑预览,工具不发起任何网络请求,也不保存输入内容。

关键词:meta previewserp previewgoogle snippet previewtitle lengthmeta description lengthseo preview搜索结果预览标题长度描述长度像素宽度SEO 检查meta 标签

同类工具