标题长度:该看像素宽度,不是数字数

更新于 2 分钟阅读

“标题控制在 60 字符以内”这条建议,其实是一个用字符数粗略换算出来的规则,而真正的判定标准是 渲染后的像素宽度。同样字数的两个标题,实际宽度可能相差接近一倍。

真正该关注的数值

桌面端搜索结果里的标题位置大约 600 像素宽;移动端更窄,单行常见在 480 像素左右,有空间时会折出第二行。 具体截断位置取决于结果页使用的字体与设备,因此这些数字应当当作工作参考值,而不是硬性保证。

决定访客看到多少内容的是宽度,不是个数。看两个长度相同的例子:

  • 量化交易平台 支持多交易所撮合与风控 —— 视觉宽度约 30 个全角字符,容易被截断。
  • 交易风控工具 —— 8 个字符,全部落在预算内。

同理,一串只含 i、l 这类窄字符的英文标题,即使 60 字符也常常显示完整;全是 W、M 和大写字母时, 45 字符就可能被剪掉。单纯的字数统计器无法告诉你这件事,这也是只有长度条的编辑器保护力度偏弱的原因。

中文的预算更小

一个全角汉字的宽度约等于两个拉丁字母,因此同样的 600 像素预算,中文大约只能放 26–30 个汉字,而不是 60 个。 把中文标题写到 60 字,几乎一定会被截断。比较稳妥的目标是 28 字左右,并且把不能丢的那个词放在最前面。

比截断更值得注意的是改写

Google 从 2021 年起公开说明,会在相当比例的搜索结果里,用页面 H1、锚文本等内容重写展示标题。 标题过长或与页面主题不符时,被改写的概率更高。实际可做的三件事:

  1. 把必须保留的关键词前置。
  2. 让 <title> 与页面 H1 的措辞保持一致,这样即使被改写,展示的仍然是同一个短语。
  3. 站点名放在末尾,用 | 或 - 分隔,并且尽量简短。

description 的长度逻辑

摘要是结果的另一半,行为却不同:无论你把长度控制得多好,Google 都可能改用页面中与查询更相关的一段正文。 桌面端 150–160 字是一个显示惯例而非上限,移动端截得更早。比较有效的写法是一句结论,再加一个值得点击的理由。

发布前怎么确认

最省事且可靠的做法,是用浏览器排版文字时使用的同一套测量方式来计算宽度。Meta 标签生成器 就是这么做的:它同时给出桌面端与移动端预览,并显示标题的实际宽度,让你在页面上线前就看到截断位置。

至于 Open Graph 字段,各平台通常在 og:title 的 60–70 字符处截断,og:image 则建议接近 1200×630 —— 分享出去时使用的是这些标签,而不是你的 <title>。

打开工具: Meta 标签生成器与搜索结果预览

返回指南列表

更多指南