指南 · 閱讀約 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
繼續閱讀

相關指南與工具