資訊流按畫素寬度截斷標題,而不是按字元數。大多數佈局顯示兩行後加省略號:桌面端約能放 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-… | 完整標題 |
常見的標題截斷錯誤
數字符
字元數忽略了字母寬度和字型。應測量渲染寬度。
看點放在末尾
長標題的最後三分之一在手機和側欄中常被隱藏。
長標題全大寫
大寫字母寬且難掃讀,最多用於一個詞。
頻道名放開頭
它佔用寶貴的寬度,而且標題下方已經顯示了頻道名。
只在一種裝置上測試
在桌面上放得下的標題,在側欄可能被截掉一半。
重複封面文字
同樣的詞說兩遍,浪費了標題需要的寬度。
