看到貼文說配色不好會掉排名、準備重做網站的老闆
先看：常見說法逐項對照
第一個動作：先把聽到的說法和官方文件對照一次
結論
一句話：
Google 公開的頁面體驗說明沒有提到配色、字體、跳出率或停留時間，也表示沒有單一的頁面體驗信號；有明確數字的是核心網頁指標：LCP 2.5 秒內、INP 低於 200 毫秒、CLS 低於 0.1。真正要處理的是手機版內容是否完整、主要內容是否容易辨識、廣告與干擾式插頁是否擋住內容。配色與排版差的代價多半先發生在閱讀與詢問，所以值得改，但不要把改配色當成救排名的方法。排名下降時，先查索引、轉址與內容，再談視覺。
常見說法逐項對照：哪些查得到官方依據
多數「配色害排名」的說法，在 Google 公開文件裡查不到依據；以下是逐項對照的結果。
| 聽到的說法 | 官方文件怎麼寫 | 怎麼看待 |
|---|---|---|
| 配色不好會被 Google 扣分 | 頁面體驗說明沒有提到配色 | 查無依據；但配色會影響閱讀，值得處理 |
| 跳出率、停留時間是核心排名因素 | 頁面體驗說明沒有提到；GA4 說明也沒有提到它們和搜尋排名的關係 | 查無依據，不要當成排名指標 |
| 演算法會檢查字體大小、行距，把排版差的網站標成低品質 | 查不到這樣的機制；入門指南要求的是文字易讀、組織良好 | 把它當讀者體驗來改，不是規避處罰 |
| H2、H3 順序錯了會降權 | 入門指南說標題順序錯亂，對 Google 搜尋沒有影響；語意順序對螢幕閱讀器有幫助 | 為了讀者與無障礙而整理，不必當排名問題 |
| 手機版被判定 Poor，排名就會自動降低 | 行動優先索引文件沒有這種說法 | 查無依據；但手機版內容變少或廣告擋住內容，確實可能有影響 |
| MUVERA 會替段落結構與視覺層級評分 | Google Research 2025 年 6 月發表的是多向量檢索演算法，文章沒有提到排名更新、版面或網站評分 | 與排版無關，不要當成改版理由 |
| E-E-A-T 會看設計專業程度 | 說明寫 E-E-A-T 本身不是特定的排名因素，也沒有列出設計項目 | 可信度看的是來源、作者與事實是否正確 |
說明：
「查無依據」的意思是本文查核的官方文件沒有這樣寫，不代表 Google 內部一定沒有相關訊號；Google 沒有公開完整的排名系統。查核日期 2026-11-05。
官方明確提到的頁面體驗項目
官方列出六個自我檢查的問題，其中只有核心網頁指標有明確的數字門檻。
| 官方的問題 | 和版面的關係 | 可以怎麼檢查 |
|---|---|---|
| 核心網頁指標表現是否良好 | 版面跳動會反映在 CLS | Search Console 的核心網頁指標報表、PageSpeed Insights |
| 頁面是否以 HTTPS 提供 | 和視覺無關，但會影響信任 | Search Console 的 HTTPS 報表 |
| 內容在行動裝置上是否顯示良好 | 字級、欄寬、圖片是否超出畫面 | 用實際手機逐頁打開 |
| 廣告是否過量、是否干擾主要內容 | 廣告佔掉第一屏就有問題 | 用手機看第一屏還剩多少內容 |
| 是否避免干擾式插頁 | 彈出視窗遮住內容 | 從搜尋結果點進去，看第一眼被什麼擋住 |
| 訪客能否輕易分辨主要內容 | 標題、內文、側欄與按鈕的層次 | 請沒看過網站的人說說這頁在講什麼 |
官方也寫明，這六題沒有涵蓋頁面體驗的所有面向，而且沒有單一的頁面體驗信號。頁面說明提到，排名系統使用的是核心網頁指標，其他面向未必直接提升排名，但能讓網站更好用。所以這張表不是評分表，比較適合拿來找出讀者卡住的地方。
有數字可以驗收的三個指標
這是最能客觀驗收的部分，三項都有官方門檻，改版前後可以比較。
| 指標 | 衡量什麼 | 良好門檻 | 和排版設計的關係 |
|---|---|---|---|
| LCP | 載入效能 | 2.5 秒內 | 第一屏的大圖或輪播常是拖慢的原因 |
| INP | 回應性 | 低於 200 毫秒 | 過多的動畫與第三方腳本會讓點擊反應變慢 |
| CLS | 視覺穩定性 | 低於 0.1 | 圖片沒有預留空間、廣告突然插入，會把內容往下推 |
想讓版面看起來高級而加上全螢幕影片、大量動畫與多種網頁字型，有時反而會讓這些數字變差。提案裡如果只有設計稿，沒有寫這三項的目標，上線後就很難說這次改版到底是加分還是減分。流量不大的網站，報表可能沒有足夠的實際使用資料，這時可以先用 PageSpeed Insights 的測試結果當參考。
手機版要先看什麼：內容有沒有變少
Google 用手機版內容來建立索引與排名，所以最該先查的是手機版有沒有少東西，而不是顏色。
| 檢查項目 | 官方要求 | 常見狀況 |
|---|---|---|
| 主要內容 | 手機版與電腦版包含相同的主要內容；可以用摺疊或分頁節省空間 | 為了版面乾淨，手機版把服務說明整段拿掉 |
| 標題 | 兩個版本使用相同且清楚的標題 | 手機版把標題縮成「服務」「更多」 |
| title 與 meta description | 兩個版本保持一致 | 手機版另外寫一組較短的文字 |
| 結構化資料 | 兩個版本具有相同的結構化資料 | 只有電腦版放了麵包屑或產品標記 |
| 圖片 | 高品質、格式受支援，替代文字一致 | 手機版換成又小又糊的圖片 |
| 廣告 | 依 Better Ads Standard 顯示 | 頁面頂部的廣告佔掉大半個手機畫面 |
字太小、行距太緊、按鈕靠得太近，官方文件沒有寫成「會被處罰」的條款，卻是讀者最直接感受到的問題：要放大才讀得下去、按電話卻按到旁邊的連結。這些值得改，理由是顧客能不能順利聯絡你。我們檢視本站的 Search Console 時，體驗選單列的是核心網頁指標與 HTTPS，沒有行動裝置可用性報表，所以手機版的問題要靠實際操作找出來。
配色：沒有官方的 SEO 規則，但有可讀性標準
顏色本身不必迎合演算法，要確認的是文字和背景的對比夠不夠。
| 文字類型 | WCAG 2.1 AA 最低對比度 | 說明 |
|---|---|---|
| 一般內文 | 4.5:1 | 計算結果不可四捨五入，4.499:1 不算通過 |
| 大字 | 3:1 | 至少 18 點，或粗體 14 點，約等於 24px 與 18.5px |
這是無障礙標準，不是 Google 的排名規則，但它提供了一個能驗收的數字，比「看起來舒服」好討論得多。淺灰字配白底、彩色底配細字，是最常見的不合格組合；可以用對比度檢查工具直接量文字與背景的色碼。
其他配色原則屬於設計判斷，以下是本站的建議，不是官方要求：主要行動按鈕全站用同一個顏色，讓人知道哪裡可以按；連結看得出是連結；紅色、綠色不要是傳達訊息的唯一方式，例如表單錯誤也要有文字說明。深色背景本身沒有問題，重點一樣是對比。
排版：讓人讀得下去，也讓人找得到下一步
官方提到的排版要求很樸實：文字易讀、組織良好，長內容要分段並加上標題。
| 做法 | 為什麼值得做 | 依據 |
|---|---|---|
| 長內容分段、加上說明性的標題 | 讀者可以直接跳到要找的段落 | SEO 入門指南 |
| 標題照語意排列 | 螢幕閱讀器的使用者才能理解結構 | SEO 入門指南（對搜尋排名沒有影響） |
| 主要內容和側欄、廣告明顯區隔 | 一眼知道這頁在講什麼 | 頁面體驗的自我檢查問題 |
| 訂閱、App 提示改用小型橫幅 | 彈出視窗可能讓 Google 與讀者都看不到內容 | 避免干擾式插頁的說明 |
| 重要資訊寫成文字，不要做成圖片 | 搜尋引擎與讀者都能讀取 | AI 功能與網站的最佳做法 |
| 第一屏放服務與聯絡方式 | 讀者不必捲動就知道下一步 | 本站建議 |
入門指南也提到，內容長度本身不影響排名，沒有最低或最高字數的目標。所以不需要為了「看起來內容很多」拉長頁面，也不需要為了「看起來很簡潔」把內容刪掉；該留多少，取決於讀者要解決問題時需要知道什麼。
跳出率到底代表什麼：先看定義
跳出率高不等於網站有問題，也不能直接解讀成排名會掉。
| GA4 的定義 | 內容 |
|---|---|
| 互動工作階段 | 持續超過 10 秒，或發生重要事件，或有 2 次以上的網頁瀏覽，符合任一項就算 |
| 參與度 | 互動工作階段佔全部工作階段的比例 |
| 跳出率 | 參與度的相反值，也就是非互動工作階段的比例 |
想一下實際情況：顧客搜尋店名，點進來 8 秒看到電話就撥出去了。如果撥號點擊沒有設定成重要事件，這次造訪在報表上就是一次跳出，但對你來說是最好的結果。很多轉換也不發生在網站上，顧客看完網站後去查地圖、走進店裡，這些 GA4 都看不到。
所以與其盯著跳出率，不如先把撥號、表單與預約設定成事件，再看這些動作有沒有變多。設定方式見撥號點擊怎麼追蹤；網站有人看卻看不到詢問時，見網站有人看卻看不到詢問。
排名或流量掉了，先查這些，再談視覺
配色通常不是第一個要查的地方；依下面的順序排查，比直接改版便宜得多。
- 確認數字本身：Search Console 的點擊是否真的下降，還是只有 GA4 變少。
- 對照時間點：當時有沒有改網站、換網址，或 Google 剛好公布更新。
- 查索引與轉址：重要頁面是否仍被收錄，舊網址有沒有正確轉到新網址。
- 看內容：被取代的頁面回答的問題，和你的頁面差在哪裡。
- 用手機走一次：內容有沒有少、第一屏有沒有被廣告或彈窗擋住。
- 最後才看視覺：對比度、字級與版面層次，是否讓人讀不下去。
前四步的做法見網站搜尋流量突然下降怎麼查。如果確定要改版，網址與內容的風險通常比配色大得多，改版前請先看網站改版前的 SEO 檢查。
廠商提案說「改配色能救排名」：這樣檢查
請對方把改版要改善什麼寫成可以驗收的項目；寫不出來，就不要把它當成 SEO 工作付費。
- 請對方指出依據：哪一份官方文件提到這項做法，連結給你看。
- 問要改善哪個指標：核心網頁指標、手機版內容，還是詢問數；改版前先記下基準。
- 問會不會動到網址與內容：有變動時，轉址表與內容對照表由誰負責。
- 問怎麼驗收：上線後看哪些數字、看多久，沒有改善時怎麼處理。
- 把視覺設計費和 SEO 工作分開報價，才知道各自花了多少。
- 聽到「保證排名回升」或用專有名詞帶過、卻講不出做法，先暫停。
這不代表改版不值得做。視覺老舊、手機難用的網站，改版對信任與詢問可能很有幫助；只是這筆錢的理由應該是轉換，而不是一個查不到出處的排名因素。
自己處理就好，還是需要找人協助？
| 情況 | 自己處理就好 | 可以考慮找人協助 |
|---|---|---|
| 文字對比不足、字太小 | 平台後台能調字級與顏色，自己改完用工具量 | 全站樣式寫死在程式裡，要工程師調整 |
| 第一屏被彈窗或廣告擋住 | 關掉或改成小型橫幅 | 廣告版位牽涉收益，需要重新規劃 |
| 核心網頁指標未達標 | 先壓縮圖片、減少輪播 | 問題出在主機、程式或第三方腳本 |
| 手機版內容比電腦版少 | 把被隱藏的段落放回去 | 手機版與電腦版是兩套網站 |
| 視覺整體老舊，想全面改版 | 先列出要保留的網址與內容 | 需要規劃架構、轉址與上線驗收 |
多數可讀性問題改幾個設定就能解決，不需要整站重做。要動到網址、版型與程式時，才值得找人一起規劃。
示意情境：差點為了配色重做網站的牙醫診所
假設一間牙醫診所的院長看到貼文，覺得網站的藍綠配色可能是排名下滑的原因，收到一份含稅十幾萬的改版提案。行政主管先照順序檢查：Search Console 顯示點擊確實少了兩成，時間點落在上個月換網站外掛之後；再查發現，幾個服務頁的舊網址在更新時失去了轉址。
修好轉址後，主管用手機走一次，又發現預約按鈕和電話太靠近，內文灰字對比只有 3:1。診所把字色改深、把按鈕分開，沒有改版，也沒有換配色。之後把預約點擊設定成重要事件，改看預約數，而不是跳出率。
說明：
以上為說明判斷順序的示意情境，診所、金額與數字皆為虛構，未包含實際成效。
常見問題
配色真的完全不影響 SEO 嗎？
本文查核的官方文件沒有把配色列為排名因素，所以不建議為了排名換顏色。不過文字對比不足會讓人讀不下去，影響的是詢問與信任，仍然值得修正。
深色背景會影響排名嗎？
官方文件沒有這樣的說法。深色或淺色都可以，用 WCAG 的對比度標準量過文字與背景就好；要留意的是細字配深底在手機上容易看不清楚。
手機版和電腦版的版面可以不一樣嗎？
可以，版面本來就會依螢幕調整。重點是主要內容、標題、title 與結構化資料要一致，內容可以收進摺疊或分頁，但不要整段拿掉。
要用什麼工具看頁面體驗？
已驗證的網站先看 Search Console 的核心網頁指標與 HTTPS 報表；單頁可以用 PageSpeed Insights 測試。流量少時實際資料可能不足，就先用手機實際操作，記下卡住的地方。
改完配色多久會看到排名變化？
沒有官方時間，也不應該預期排名會因此改變。比較合理的做法是記下改版前後的詢問、預約與撥號事件，用同期間比較，再判斷這次調整有沒有幫到生意。
參考資料
- Google 搜尋中心：瞭解 Google 搜尋結果中的頁面體驗
- Google 搜尋中心：瞭解網站使用體驗核心指標和 Google 搜尋結果
- Google 搜尋中心：行動優先索引最佳做法
- Google 搜尋中心：避免干擾式插頁和對話方塊
- Google 搜尋中心：搜尋引擎最佳化（SEO）入門指南
- Google 搜尋中心：建立實用、可靠且以使用者為優先的內容
- Google 搜尋中心：AI 功能與您的網站
- W3C：Understanding SC 1.4.3 Contrast (Minimum)
- Google Analytics 說明：[GA4] 參與度與跳出率
- Google Research：MUVERA: Making multi-vector retrieval as fast as single-vector search
外部連結為官方文件，內容可能更新，請以連結頁面的最新版本為準。
本文為一般性說明，不構成法律、醫療或財務意見，也不構成排名、流量或轉換保證；示意資料已標示。最後更新：2026-11-05