SERP 预览工具:标题和描述像素长度检测
输入页面的标题、描述和网址,工具会模拟 Google 搜索结果的样子,并按像素计算标题和描述会不会被截断。所有计算在浏览器里完成。
为什么按像素算,不按字数算
Google 截断标题和描述的依据是显示宽度,而不是字符数。一个汉字大约占两个英文字母的宽度,W 和 i 的宽度也差了好几倍。所以「标题不超过 60 个字符」这类规则只对纯英文大致成立,中文标题按这个规则写一定会被截断。
本工具用浏览器的 Canvas 按 Google 使用的 Arial 字体测量文字宽度,标题按 20 像素、描述按 14 像素计算:
| 项目 | 桌面 | 手机 |
|---|---|---|
| 标题 | 约 600 像素 | 约 600 像素(会换行,但过长同样会截断) |
| 描述 | 约 920 像素(两行左右) | 约 680 像素 |
这些数值是行业里常用的估算值,Google 没有公布官方上限,也会随界面改版调整。
检查项
- 标题为空、过短或超出显示宽度
- 描述为空、过短或超出显示宽度
- 目标关键词是否出现在标题和描述里,以及是否在标题前半部分
- 标题全大写单词过多、分隔符过多、标题和描述完全相同
给老手:测量方法
- 宽度用
CanvasRenderingContext2D.measureText测量,标题用20px Arial,描述用14px Arial,和 Google 桌面版搜索结果的样式一致。系统没有 Arial 时(部分 Linux),浏览器会换用度量兼容的字体,结果可能相差几个像素。 - 截断的模拟方法是:找到加上省略号后仍能放下的最后位置。英文会退回到单词边界。
- 上限(标题 600 像素,描述桌面 920 像素、手机 680 像素)是根据线上结果观察得出的常用估算值,不是官方数值。Google 调整过多次摘要长度,所以超出几个像素应理解为有截断风险,不是一定截断。
- 填写日期后,日期和分隔符的宽度会从描述的可用宽度里扣除。
常见问题
我写的描述为什么在搜索结果里没有显示?
Google 会根据搜索词决定显示什么。如果你的 meta description 和搜索词关系不大,Google 会从正文里另选一段。描述写得准确、包含页面主题词,被采用的可能性更高。
标题被 Google 改写了怎么办?
Google 改写标题的常见原因有:标题和页面内容不符、堆砌关键词、多个页面标题相同、标题过长。可以对照 H1 检查标题是否准确描述了页面内容。
中文标题建议写多长?
按 600 像素计算,纯中文标题大约 28–30 个汉字。中英文混排时以工具里的像素数为准。