信息流按像素宽度截断标题,而不是按字符数。大多数布局显示两行后加省略号:桌面端约能放 60–70 个拉丁字符,手机约 55–70 个,窄侧栏列表只有 40–50 个;中文大约是其一半。W、M 等宽字母比 i、l 占地方,大写字母要多占 20–30% 宽度。把看点放在前 40 个字符(中文约前 15–20 个字)内,并在发布前检查每一种布局。
截断的真实原理
网页和应用布局会给标题一个固定宽度的框和最大行数。文字逐词排版,超出最后一行时,剩余部分被隐藏并显示省略号(…)。在网页上这由 text-overflow 和 line-clamp 等 CSS 属性实现,它们依据的是渲染宽度,而不是你输入了多少个字。
上传表单可能允许最多 100 个字符,但这是存储上限,不是显示上限。观众实际看到多少,取决于字体、字号、屏幕上卡片的宽度以及标题的语言。
“CSS 属性 text-overflow 用于设置如何向用户提示被隐藏的溢出内容:可以直接裁切、显示省略号('…'),或显示自定义字符串。”
text-overflow — MDN Web Docs · 引文译自英文原文
每种布局能放多少字
下列数字是在常见布局、使用典型无衬线界面字体时测得的近似值。它们会随屏幕宽度和缩放变化,请当作范围看待。关键规律是:侧栏能放下的字远少于主网格。
| 布局 | 标题框宽度 | 显示行数 | 约合拉丁字符 | 约合中日韩字符 |
|---|---|---|---|---|
| 桌面网格 | 约 310–360 px | 2 | 60–70 | 30–36 |
| 移动端信息流 | 约 300–340 px | 2 | 55–70 | 28–34 |
| 搜索结果 | 约 500–600 px | 2 | 90–110 | 45–55 |
| 侧栏 / 接下来播放 | 约 200–230 px | 2 | 40–50 | 20–25 |
| 电视界面 | 约 380 px(远距离观看尺寸) | 2 | 45–55 | 22–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 个字符内
- 开头不放频道名
- 长标题用句首大写
- 检查侧栏,而不只是桌面
四步检查标题截断
- 01
写两三个标题方案
为同一个想法写一长一短两个版本,看点放在不同位置。
- 02
粘贴到工具中
每个版本槽都有自己的标题栏,可以把标题和图片一起测试。
- 03
查看截断标尺
标尺按像素显示桌面、手机、搜索和侧栏各自在哪里截断标题。
- 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-… | 完整标题 |
常见的标题截断错误
数字符
字符数忽略了字母宽度和字体。应测量渲染宽度。
看点放在末尾
长标题的最后三分之一在手机和侧栏中常被隐藏。
长标题全大写
大写字母宽且难扫读,最多用于一个词。
频道名放开头
它占用宝贵的宽度,而且标题下方已经显示了频道名。
只在一种设备上测试
在桌面上放得下的标题,在侧栏可能被截掉一半。
重复封面文字
同样的词说两遍,浪费了标题需要的宽度。
