晨星行銷|網路流量操盤手

一位行銷主管與一位網站顧問在工作室對談,主管拿著紅筆說「這頁沒成交,按鈕改大一點吧」,顧問指著螢幕上的四欄數據回應「先看哪一格先掉」

網頁優化怎麼做?單一頁面可以自己改的8個項目與順序

作者|晨星行銷 陳俊鳴執行長(網路流量操盤手・企業行銷顧問)

多數談「網頁優化」的內容,其實在談整個網站——速度、結構、技術項目、要不要外包。那些本站另有專文。

這篇只處理一件事:你手上有一個頁面,它表現不好。在不動其他頁面的前提下,你能改的是哪幾項。

而在列出那八項之前,要先分清楚一件事:它們不是在解決同一個問題。

目的問題長什麼樣對應的項目
被找到沒有流量標題、內容對題、圖片
被讀完有流量,但停留很短首屏、速度、內容結構
被行動讀完了,但沒有動作CTA、內部連結

⚠️ 注意

⚠️ 診斷錯目的,是這件事最常見的浪費。

一個沒有流量的頁面,你把 CTA 改得再好也沒用;一個有流量但兩秒就跳走的頁面,你把標題改得再吸引人,只是讓更多人進來跳走。

所以動手之前,先看一個數字組合:曝光、點擊、停留、轉換——第一個掉下來的那一格,就是你該修的那一層。

第一項:頁面標題——Google 可能自動改寫

標題是這幾項裡投報率最高的,但它有一個很多人不知道的性質。

四根由高到低的階梯長條分別是曝光、點擊、停留與轉換,第一個陡降處被紅筆標出,下方三條目的帶
第一個掉下來的那一格,就是你該修的那一層。

Google 官方講得很直接:搜尋結果上那個標題連結的產生是「完全自動化」的,它會同時參考頁面內容與網路上對這一頁的引用。使用的來源包含`<title>` 元素裡的文字,以及頁面上的其他標題。

而且:Google 無法為個別網站手動更改標題連結;當它偵測到問題時,會嘗試從錨點文字、頁面文字或其他來源產生一個更好的標題。

官方列出的最佳做法:

做法說明
每一頁都要有 `<title>`少了它,Google 只能自己找
有描述性、精簡兩個條件要同時滿足
避免空泛的描述官方舉的例子:首頁寫「首頁」、個人檔案寫「個人檔案」
避免不必要的冗長冗長也是一種問題
語言與書寫系統要跟頁面主要內容一致中文頁面就寫中文,不要寫英文或音譯

💡 小提醒

⚠️ 注意官方沒有給的東西:它沒有說標題該有幾個字。

網路上流傳的「55 個字元」「30 個中文字」這類數字,是從搜尋結果的顯示寬度推估出來的,不是 Google 的規定。它們可以當參考,但不要當成規則——而且顯示寬度本身會隨版面調整。

比較實際的判準是官方那兩個詞:有描述性、精簡。 一個中文標題如果讀起來像在湊字,那就是冗長了。

⚠️ 還有一個實務上的重點:如果 Google 一直改寫你的標題,那通常是一個訊號——它偵測到你的 `<title>` 跟頁面內容對不上,或太空泛。這種時候該做的不是跟它對抗,是回頭看那一頁的內容跟標題到底有沒有講同一件事。

左邊三個來源匯入一個標示完全自動化的齒輪方塊,右邊是產生出來的搜尋標題,下方五個最佳做法標籤
搜尋結果上的標題是自動產生的,你無法手動指定。

第二項:內容對不對題

這一項決定的是「有沒有流量」。而它比標題更根本。

判斷方法只有一個問題:搜這個字進來的人,他要的答案在這一頁上嗎?

常見的不對題症狀
標題承諾 A,內容講 B跳出很高
只講了一半(例如講「怎麼選」卻沒給判準)停留短,沒有轉換
把三個主題塞在一頁每一個都排不上
寫給自己看(用內部術語)搜尋的人根本不會用那個詞

最後一列特別常見於專業服務業:公司內部叫「數位轉型顧問服務」,客戶搜的是「流程太亂怎麼辦」。兩邊講的是同一件事,但那一頁永遠不會被那個人找到。

改的方向:把讀者實際會問的問題,原封不動地寫成小標。 那不只幫助搜尋,也幫助讀完。

四列不對題的情況各配一個小版面示意與症狀,最後一列另附公司說法與客戶搜法的對照
搜這個字進來的人,他要的答案在這一頁上嗎。

第三項:首屏——決定訪客會不會停留

首屏,就是使用者打開頁面、還沒滑動之前看到的那一塊。

它要在幾秒內回答三個問題:

讀者的問題首屏該給的
這是什麼一句話講清楚這一頁在講什麼
跟我有關嗎講出對象或情境
接下來要幹嘛一個明確的下一步

常見的首屏問題:

左邊手機與桌機兩個框都把未滑動區域標出,右邊三列首屏該回答的問題,下方四個被劃掉的常見錯誤
首屏要在幾秒內回答三個問題。
  • 一張大圖佔滿,文字要滑才看得到。
  • 標語很美但沒有資訊(「讓夢想起飛」)。
  • 一次給三個行動選項,等於沒有給。
  • ⚠️ 手機版的首屏跟桌機完全不同,而多數人只檢查桌機。

第四項:速度——只處理這一頁自己造成的部分

速度是站台層級的大題目。本篇只講「這一頁自己造成的那部分」。

這一頁自己能改的說明
圖片太大最常見,也最容易修
嵌入的第三方元件地圖、影片、聊天外掛、社群嵌入
輪播與動畫首屏的輪播尤其貴
字型檔載入多套字重

第二列值得多講一句:很多頁面慢,不是網站慢,是那一頁多嵌了一個東西。一個嵌入的地圖、一段自動播放的影片、一個第三方的評價外掛——它們各自看起來都不大,但它們會把整頁的載入往後拖。

⚠️ 測速工具與整站的效能排查見網站速度測試怎麼做,這裡不重複。

一條載入時間軸上排著四個寬度不一的拖慢因素,嵌入的第三方元件那一塊另附四個子標籤
很多頁面慢不是網站慢,是那一頁多嵌了一個東西。

第五項:圖片——替代文字與檔名也是被找到的管道

圖片這一項最容易被當成美術問題,但它同時是「被找到」的一個管道。

Google 對圖片的官方最佳做法,有幾項值得直接照做:

項目官方的說法
替代文字(alt)它是「提供圖片額外資訊時最重要的屬性」;要有用、資訊豐富、關鍵字用得恰當且符合脈絡,不要塞關鍵字。官方舉的好例子是像「大麥町幼犬在玩撿球」這種具描述性的寫法
檔名「簡短但有描述性」;不要用 `image1.jpg` 這種
周圍的文字Google 會從頁面內容(包含圖說與圖片標題)取得圖片資訊
位置圖片要放在相關文字附近,而且放在與圖片主題相關的頁面上
怎麼放用標準的 `<img>` 元素——Google 找得到 `<img>` 的 `src`,但不會索引 CSS 背景圖
結構化資料加上結構化資料,圖片有機會在某些複合式搜尋結果中顯示並取得標記
響應式圖片用 `<picture>` 或 `srcset`,但一定要用 `src` 提供備援網址,讓瀏覽器與爬蟲都拿得到

⚠️ 注意

⚠️ 「不會索引 CSS 背景圖」那一列,是實務上最常踩到的一條。

很多版型把主視覺、產品照、案例照都用 CSS 背景圖的方式放——畫面上看得到,但 Google 的圖片搜尋完全不存在。

判斷方法很簡單:在那張圖上按右鍵,看有沒有「另存圖片」這個選項。 沒有的話,它多半是背景圖。

⚠️ 另外「替代文字」那一列要提醒一件事:它同時是無障礙的必要條件——螢幕閱讀器唸的就是那段文字。所以寫得好,是一件同時服務三邊的事:搜尋、無障礙、以及圖片載入失敗時的讀者。

七列官方圖片做法各配一個圖示與說明,其中怎麼放那一列加上警示標記與背景圖的提醒
圖片同時也是被找到的一個管道。

第六項:內容結構——讓人讀得完

有流量、也沒跳走,但讀者滑到一半就走了——那多半是結構問題。

結構問題修法
整段文字沒有小標每 200~300 字給一個小標
小標寫得像目錄(「服務介紹」)改成讀者會問的問題
重點藏在段落中間把結論放段落開頭
沒有可以掃的東西表格、清單、重點標示

⚠️ 一個容易被忽略的連帶效果:小標同時是 Google 產生標題連結的來源之一。 官方明講它會參考「頁面上的其他標題」——所以把小標寫好,是一件同時服務兩邊的事。

左邊一整片文字牆讀者中途離開、右邊有小標表格與重點的版面讀者讀到底,右側四列修法
結構決定他讀不讀得完,而小標同時服務搜尋。

第七項:CTA——要接得上讀者剛讀完的內容

CTA 最常見的問題不是「不夠顯眼」。是它跟讀者剛剛讀完的東西沒有接上。

❌ 常見寫法✅ 接得上的寫法
立即聯絡我們把你的情況告訴我們,我們先評估
了解更多看實際的處理流程
馬上預約先看有沒有適合你的時段

判斷方法:把 CTA 上面那一段讀完,再讀 CTA,順不順? 不順的話,那個按鈕就是斷的。

⚠️ 另外一個原則:一頁只給一個主要行動。 給三個選項的結果通常是零個被點。次要的行動可以放,但要在視覺上明顯次一階。

左欄三個接不上的按鈕寫法,右欄三個接得上的寫法,下方一條把上一段讀完再讀按鈕的測試帶
行動呼籲不是按鈕,是跟前一段的接續。

第八項:這一頁的內部連結

內部連結的整體結構是另一個題目(見網站連結優化先做站內),這一頁自己該做的只有兩件事:

做什麼為什麼
連出去:在讀者剛好產生疑問的那一句後面,給相關的頁面幫他往下走
被連進來:找兩三篇相關的舊文,加一條連到這一頁讓這一頁不是孤立的

第二件事最常被跳過,因為它要動的是別的頁面。但一個沒有任何內部連結指過去的頁面,搜尋引擎跟讀者都不容易走到。

中央一張這一頁的卡片,往右連出去給相關頁面,左邊三篇舊文各連一條進來
這一頁自己要做的連結工作只有兩件。

網頁優化八個項目的動手順序

順序項目對應的問題
1內容對題沒流量
2標題沒流量
3被連進來沒流量
4圖片的替代文字與檔名沒流量(而且最便宜)
5首屏有流量但停留短
6速度有流量但停留短
7內容結構讀一半就走
8CTA 與連出去讀完沒動作

這個順序的邏輯只有一句:由上往下,前面沒解決,後面做了也看不出效果。

⚠️ 但有一個例外:如果速度慢到離譜(例如首屏要等好幾秒),那它要插隊到最前面——因為在那種情況下,前面三項改得再好,人也等不到看見。

八個編號項目依所解決的問題分成四組,速度那一項另有一條插隊到最前面的箭頭
由上往下做,前面沒解決後面看不出效果。

最後講一個我自己在改頁面時的做法。

改之前,我會先把那一頁印出來,或截成一張長圖,然後拿紅筆做三件事:圈出讀者第一眼會看到的三個東西、畫掉所有「我們公司」開頭的句子、在每一段旁邊寫一句「這段是要讓他做什麼」。

第三件事最有用。 很多段落寫完之後,你會發現自己答不出它是要讓讀者做什麼——那種段落通常可以刪掉,而刪掉之後整頁反而變好。

⚠️ 而第二件事幾乎每次都會畫掉一半。 「我們公司成立於」「我們秉持」「我們提供」——這些句子的主詞全部是你,而讀者在找的是他自己的問題。把主詞換過來,多數句子會直接變得好讀。

一張長版面截圖上有三種紅筆標記,分別是圈出第一眼看到的、畫掉我們公司開頭的句子、每段旁寫一句要讓他做什麼
動手改之前,先拿紅筆在印出來的頁面上做三件事。

至於整個網站該從哪裡開始優化、優先順序怎麼排,那是站台層級的問題(見網站優化先做哪一項);要不要外包則見網站優化服務包含什麼;而這一頁到底卡在哪一層,那要看它自己的曝光、點擊、停留與轉換四個數字,不是照著清單全部做一遍。

四宮格總結,分別是先看哪一格先掉、標題是自動產生的、背景圖不會被索引、按鈕要接得上
這篇的四個重點。

常見問題

先看四個數字,決定你要修哪一層。 曝光、點擊、停留、轉換——第一個掉下來的那一格,就是你該修的那一層。⚠️ 診斷錯目的是最常見的浪費:一個沒有流量的頁面,CTA 改得再好也沒用;一個有流量但兩秒就跳走的頁面,把標題改得更吸引人,只是讓更多人進來跳走。

因為標題連結的產生是完全自動化的。 Google 官方明講它會同時參考頁面內容與網路上對這一頁的引用,來源包含 `<title>` 裡的文字與頁面上的其他標題;而且它無法為個別網站手動更改標題連結。⚠️ 被改寫通常是一個訊號——它偵測到你的標題跟頁面內容對不上或太空泛,該做的不是對抗,是回頭看那一頁有沒有講同一件事。

官方沒有給字數。 Google 的最佳做法只有幾個詞:每一頁都要有標題、有描述性、精簡、避免空泛的描述、避免不必要的冗長,以及語言與書寫系統要跟頁面主要內容一致。⚠️ 網路上流傳的「55 個字元」這類數字是從顯示寬度推估出來的,不是規定——可以參考,但不要當規則。

不是先改 CTA,先看他讀不讀得完。 順序是首屏 → 速度 → 內容結構 → CTA。⚠️ CTA 最常見的問題不是不夠顯眼,是它跟讀者剛剛讀完的東西沒有接上——判斷方法:把 CTA 上面那一段讀完,再讀 CTA,順不順? 不順的話,那個按鈕就是斷的。

三個問題的答案:這是什麼、跟我有關嗎、接下來要幹嘛。 ⚠️ 常見的問題有四種:一張大圖佔滿、文字要滑才看得到;標語很美但沒有資訊;一次給三個行動選項,等於沒有給;以及手機版的首屏跟桌機完全不同,而多數人只檢查桌機。

不一定,先看這一頁自己多嵌了什麼。 很多頁面慢不是網站慢,是那一頁多嵌了一個東西——嵌入的地圖、自動播放的影片、第三方評價外掛、首屏的輪播、多套字重的字型檔。⚠️ 它們各自看起來都不大,但會把整頁的載入往後拖。

要,而且它同時是被找到的一個管道。 Google 的官方做法包含:替代文字是「提供圖片額外資訊時最重要的屬性」、檔名要簡短但有描述性、圖片要放在相關文字附近、用標準的 `<img>` 元素。⚠️ 最常踩到的一條是:Google 不會索引 CSS 背景圖——判斷方法是在圖上按右鍵,看有沒有「另存圖片」,沒有的話它多半是背景圖,在圖片搜尋裡等於不存在。

不只,它同時是 Google 產生標題連結的來源之一。 官方明講它會參考「頁面上的其他標題」。⚠️ 所以把小標寫好是一件同時服務兩邊的事:小標寫得像目錄(「服務介紹」)對兩邊都沒幫助,改成讀者會問的問題,對兩邊都有。

參考資料

ℹ️ 關於本文

本文引用的官方文件以查閱當日(2026 年 9 月 13 日)的公開版本為準,搜尋引擎的說明會更新,實際請以官方文件的當期版本為準。⚠️ 文中刻意不提供標題的「最佳字數」——Google 官方沒有給數字,網路上流傳的字元數是從搜尋結果顯示寬度推估出來的,而顯示寬度本身會隨版面調整。本文也不提供效能指標的門檻數字與工具操作步驟,那些屬於站台層級的主題,本站另有專文處理。文中的八項與動手順序是本文為了單一頁面的情境所做的整理,不是官方的分類;實際該修哪一項,請依那一頁自己的資料判斷。

陳俊鳴

陳俊鳴

網路流量操盤手.企業行銷顧問

操盤SEO與網路行銷實戰逾15年,2014年創辦晨星事業有限公司(晨星行銷),從SEO網站架設、關鍵字策略到銷售漏斗與變現模式一手包辦。現為智信科技、瞻新資訊等多家企業的常年行銷顧問,也獲頒過亞洲十大卓越名師金像獎,把每一次流量成長都當成自己的事業在打。曾是馬來西亞象棋、圍棋國手,拿過亞洲盃第二名。