SERP 预览工具:标题和描述像素长度检测

作者 Linus Li · 更新于 · 免费,在浏览器本地运行

给这个工具打分已有 1 人评分

输入页面的标题、描述和网址,工具会模拟 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 个汉字。中英文混排时以工具里的像素数为准。

延伸阅读

微信扫码关注公众号

微信扫码关注公众号