指南 · 阅读约 8 分钟

各设备的标题截断:看像素宽度,而不是字符数

为什么同样长的两个标题会在不同位置被截断,每种布局能放多少文字,以及如何写出不丢失看点的标题。

快速答案

信息流按像素宽度截断标题,而不是按字符数。大多数布局显示两行后加省略号:桌面端约能放 60–70 个拉丁字符,手机约 55–70 个,窄侧栏列表只有 40–50 个;中文大约是其一半。W、M 等宽字母比 i、l 占地方,大写字母要多占 20–30% 宽度。把看点放在前 40 个字符(中文约前 15–20 个字)内,并在发布前检查每一种布局。

2折叠前显示行数
px按像素计算,而非字数
4已测版式

截断的真实原理

网页和应用布局会给标题一个固定宽度的框和最大行数。文字逐词排版,超出最后一行时,剩余部分被隐藏并显示省略号(…)。在网页上这由 text-overflow 和 line-clamp 等 CSS 属性实现,它们依据的是渲染宽度,而不是你输入了多少个字。

上传表单可能允许最多 100 个字符,但这是存储上限,不是显示上限。观众实际看到多少,取决于字体、字号、屏幕上卡片的宽度以及标题的语言。

“CSS 属性 text-overflow 用于设置如何向用户提示被隐藏的溢出内容:可以直接裁切、显示省略号('…'),或显示自定义字符串。”

text-overflow — MDN Web Docs · 引文译自英文原文

每种布局能放多少字

下列数字是在常见布局、使用典型无衬线界面字体时测得的近似值。它们会随屏幕宽度和缩放变化,请当作范围看待。关键规律是:侧栏能放下的字远少于主网格。

布局标题框宽度显示行数约合拉丁字符约合中日韩字符
桌面网格约 310–360 px260–7030–36
移动端信息流约 300–340 px255–7028–34
搜索结果约 500–600 px290–11045–55
侧栏 / 接下来播放约 200–230 px240–5020–25
电视界面约 380 px(远距离观看尺寸)245–5522–28

中文、日文和韩文字符大致是方形,宽度约为普通拉丁字母的两倍,所以能放下的数量约为一半。德语和荷兰语标题常有很长的复合词,会提前换行,让第一行显得很短。

为什么“字符数”是错误的单位

在比例字体中,每个字母宽度都不同。大写 W 的宽度可以是小写 i 的三倍。全大写标题比同样单词的句首大写形式多占约 25% 的空间;数字通常等宽,也比一般字母宽。

举一个同为 30 个字符的例子:“Illicit little lilies in Lille”很窄,而“WWW MAKEOVER: MOM’S NEW HOME”很宽。前者在侧栏一行内轻松放下,后者可能 18 个字符后就换行。这就是 ThumbProof 用真实字体渲染测量每个标题、而不是数字符的原因。

标题样式相对宽度示例
句首大写100%I tried every thumbnail trick
每词首字母大写约 104%I Tried Every Thumbnail Trick
全大写约 125–130%I TRIED EVERY THUMBNAIL TRICK
数字较多约 110%2026 vs 2016: 10 years later

写出经得起截断的标题

把看点前置。观众从左往右扫读,在窄布局中后半句可能根本不显示。把结果、数字或反转放进前 40 个字符(中文约 15–20 个字),其余部分留给锦上添花的细节。

删掉开头的“本期视频”“我是如何”或频道名等填充词。不要让可见部分以无力的词结尾。如果省略号落在关键短语中间,就改写标题,让关键短语在每种布局中都在截断点之前结束,而不只是桌面端。

  • 看点放在前 40 个字符内
  • 开头不放频道名
  • 长标题用句首大写
  • 检查侧栏,而不只是桌面

四步检查标题截断

  1. 01

    写两三个标题方案

    为同一个想法写一长一短两个版本,看点放在不同位置。

  2. 02

    粘贴到工具中

    每个版本槽都有自己的标题栏,可以把标题和图片一起测试。

  3. 03

    查看截断标尺

    标尺按像素显示桌面、手机、搜索和侧栏各自在哪里截断标题。

  4. 04

    把看点前移

    如果关键短语在任何布局中被截断,就改写到它在所有布局中都位于省略号之前。

其他语言和文字的标题

如果你用多种语言发布,请分别检查每个译本。德语、荷兰语和芬兰语的复合词不能从中间断开,一个长词就可能把整行挤下去,让第一行空一半。法语和西班牙语标题往往比英文原文长 15–25%,会把看点推到截断点之后。

中文、日文和韩文标题几乎可以在任意两个字之间换行,所以行会排得很满,但每个字都很宽。30 个字的中文标题在侧栏里就已经占满两行。中日韩文字与拉丁单词、数字混排的标题要格外小心,因为拉丁部分更窄,换行可能落在品牌名或型号中间。

语言相对英文的常见长度注意
德语 / 荷兰语+10–30%无法换行的长复合词
法语 / 西班牙语 / 意大利语 / 葡萄牙语+15–25%冠词和介词把看点往后推
日语 / 中文 / 韩语字符数少 40–50%,但字形宽在拉丁产品名中间断行

标题与封面是一对

标题和图片是一起被阅读的。如果封面已经写了“10 MIN”,标题就不必以“10 分钟”开头,可以改为点明菜名或方法,这也节省了宽度。一个好办法是:先遮住封面只读标题的可见部分,再反过来只看封面。两者都应能单独成立,并为对方补充信息。

无障碍与搜索摘要

完整标题仍会被屏幕阅读器朗读,并在观看页、搜索引擎和链接预览中完整显示,所以被隐藏的部分并没有浪费。用它来放帮助观众做决定的背景信息,例如集数、型号或年份,只需确保可见部分能独立成立。

搜索结果页显示的标题比信息流更长,常在 90 个字符以上,并可能加粗与查询匹配的词。所以靠前的清晰关键词有双重作用:在窄信息流中可见,在搜索中也容易被发现。

发布前的标题检查清单

发布前,像观众一样读标题:只读可见部分,用最窄的布局,放在封面旁边。如果这段文字仍能告诉人们会得到什么,标题就合格;如果它以无力的词、半个数字或被截断的品牌名结尾,就改写。

然后从搜索角度检查完整标题:它是否以自然的说法包含了人们会输入的词?它与视频第一分钟的内容是否一致?过度承诺的标题也许能赢得第一次点击,但很快会流失观众,这对视频的伤害比一个朴实准确的标题更大。

检查项通过
看点在前 40 个字符内是
侧栏中的可见片段意思完整是
开头没有频道名或填充词是
最多一个词全大写是
主关键词措辞自然是
承诺与视频第一分钟一致是

实例:把看点往前移

原标题:“The Complete Beginner’s Guide to Cooking Restaurant-Quality Ramen at Home in Ten Minutes”(88 个字符)。桌面端在“at H…”之后被截断,侧栏在“Restaurant-…”之后被截断。最有意思的部分——十分钟——从未显示出来。

改写为:“10-Minute Ramen That Beats Takeout”(34 个字符)。它在桌面和手机上一行就能放下,在侧栏中占两行,而且数字与封面图相呼应。

布局原标题:可见部分改写后:可见部分
桌面…Ramen at H…完整标题
手机…Restaurant-Quality…完整标题
侧栏The Complete Beginner’s Guide to Cooking Restaurant-…完整标题

常见的标题截断错误

数字符

字符数忽略了字母宽度和字体。应测量渲染宽度。

看点放在末尾

长标题的最后三分之一在手机和侧栏中常被隐藏。

长标题全大写

大写字母宽且难扫读,最多用于一个词。

频道名放开头

它占用宝贵的宽度,而且标题下方已经显示了频道名。

只在一种设备上测试

在桌面上放得下的标题,在侧栏可能被截掉一半。

重复封面文字

同样的词说两遍,浪费了标题需要的宽度。

FAQ

相关问题解答

视频标题多少字符会被截断?

两行内,桌面约 60–70 个拉丁字符,手机 55–70 个,侧栏列表 40–50 个。它取决于字母宽度,所以要测量渲染后的文字。

标题最长可以多长?

上传表单通常允许最多 100 个字符,但信息流中显示得少得多。把前 40–60 个字符当作所有人都能看到的部分。

为什么标题在手机上被截断而桌面上没有?

手机上的标题框更窄,字体相对更大,所以每行能放的字符更少。

大写字母会让标题变长吗?

会。全大写比句首大写多占约 25–30% 宽度,所以全大写标题会更早被截断。

中文或日文标题能放多少字?

约为拉丁字符的一半:桌面和手机约 28–36 个,侧栏列表约 20–25 个。

关键词要放在标题开头吗?

把最重要的词——看点和主关键词——放在开头,因为这部分在所有布局中都可见。

参考来源

文中规格与数据已于 2026年10月27日 对照以下公开资料核对。平台规则会变化,重要发布前请到官方帮助页确认限制。

  1. text-overflow — MDN Web Docs
  2. line-clamp — MDN Web Docs
  3. F-Shaped Pattern of Reading on the Web — Nielsen Norman Group
继续阅读

相关指南与工具