Google 網站核心指標：Core Web Vitals 解析與優化

你是否曾經興沖沖地點開一個網頁，卻因為畫面一片空白超過幾秒鐘，就不耐煩地按下了「上一頁」？

這不僅是你個人的體驗，更是全球使用者的共同行為模式。根據統計，如果網頁載入時間超過 2 秒，可能有高達一半的使用者會選擇放棄離開。為了量化這種「使用者體驗」，Google 提出了 Core Web Vitals (CWV，網站核心指標)。

對於企業主與行銷人員來說，這不只是技術名詞，而是直接影響 SEO 排名、網站流量以及訂單轉換率的關鍵戰場。這篇文章將帶你深入淺出地了解 Core Web Vitals，並提供實用的優化策略。

我只想看重點： 網站核心指標 (Core Web Vitals) 5 大問答 1 分鐘搞懂

為什麼 Core Web Vitals (CWV) 對你的網站至關重要？

簡單來說，Core Web Vitals 是 Google 用來評估「你的網站好不好用」的一套標準。

Google 已經明確將 CWV 納入搜尋引擎演算法的排名因素之一。這意味著，如果你的內容與競爭對手不相上下，但你的網站載入更快、操作更順暢，你的排名就會在對手之上。

• 第一印象： 良好的各項指標能確保使用者對網站留下專業、快速的第一印象。
• SEO 紅利： 符合標準的網站能獲得更好的搜尋結果排名。
• 商業價值： 順暢的體驗能大幅降低跳出率，直接提升轉換率（Conversion Rate）。

💡 專家觀點：
很多老闆會問我：「SEO 不是只要把關鍵字塞進文章就好了嗎？」其實現在的 SEO 已經進化了。Google 越來越像一個「挑剔的店長」，它不僅看你賣什麼（內容），更看你的店面乾不乾淨、動線順不順暢（Core Web Vitals）。先把體驗做好，流量才留得住。

Core Web Vitals 的三大支柱：LCP、INP、CLS

要衡量使用者體驗，Google 鎖定了三個最重要的面向：載入效能、互動性以及視覺穩定性。

值得注意的是，這些指標並非一成不變。為了更準確地反映真實體驗，INP (Interaction to Next Paint) 已於 2024 年 3 月正式取代了 FID，成為核心指標的一員。

目前的 Core Web Vitals 包含以下三個關鍵指標：

1. LCP (Largest Contentful Paint)： 最大內容繪製（看得到嗎？）
2. INP (Interaction to Next Paint)： 與下一個顯示內容的互動（按了有反應嗎？）
3. CLS (Cumulative Layout Shift)： 累積版面配置偏移（畫面會亂跳嗎？）

Google 建議，為了確保大多數使用者都有良好體驗，你的網站數據應該以達到 第 75 個百分位數 為目標。

三大核心指標標準與優化策略

LCP (載入效能)：讓使用者盡快看到重點

定義： 衡量頁面中「最大元素」（通常是首圖、H1 大標題或影片預覽）載入完成所需的時間。
建議標準： 應在 2.5 秒內 完成（顯示為「良好」）。

常見的 LCP 偵測項目：

• Banner 大圖或背景圖片。
• SVG 向量圖或影片。
• 包含主要文字的區塊。

優化策略：

• 圖片瘦身： 這是最常見的問題。請務必壓縮圖片大小，或使用 WebP 等新一代格式。
• 伺服器優化： 減少伺服器回應時間，考慮使用 CDN (內容傳遞網路) 分流流量。
• 排除阻擋資源： 延遲載入非必要的 JavaScript 或 CSS，讓瀏覽器優先處理主要內容。

💡 專家觀點：
如果你的網站是用 WordPress 架設的，LCP 分數通常卡在「圖片太大」或「外掛太多」。我建議優先檢查首頁的那張大 Banner，如果它超過 200KB，請務必壓縮它！ 這是提升 LCP 最立竿見影的方法。

INP (互動性)：拒絕點擊後的延遲感

定義： 計算使用者與頁面互動（點擊、輸入）後，直到瀏覽器更新畫面所需的「最長互動時間」。
特點： 與舊指標 FID 僅計算「首次」不同，INP 觀察的是整體過程中的延遲，更能客觀評估網站是否「卡頓」。
建議標準： 應低於 200 毫秒 (ms)。

優化策略：

• 優化 JavaScript： 這是互動延遲的主因。拆解執行時間過長的程式碼。
• 減少 Request 數： 降低瀏覽器同時要處理的任務數量。
• 使用 Web Worker： 讓複雜的運算在背景執行，不要卡住主執行緒。

CLS (視覺穩定性)：避免內容亂跳的困擾

定義： 衡量網頁載入時，元素發生意外位移的程度。
建議標準： 分數應低於 0.1。

不可預期的位移範例：
你正想點擊一個按鈕，結果圖片突然載入把按鈕擠下去，害你點到了廣告。這就是糟糕的 CLS。

優化策略：

• 預留空間： 在 CSS 中為圖片或影片設定好 width 和 height，先佔好位子。
• 固定廣告尺寸： 嵌入外部資源（如 Ads, iframes）時必須設定明確尺寸。
• 避免動態插入： 除非是用戶操作觸發，否則不要在現有內容上方突然插入新區塊。

💡 專家觀點：
CLS 常發生在「字型載入」和「廣告區塊」上。很多設計師喜歡用特殊字型，但字型檔載入慢會導致文字閃爍或位移。建議使用 font-display: swap 語法，這能讓文字先以系統字型顯示，避免畫面空白或跳動。

如何測量與監測 Core Web Vitals？

不用瞎猜，Google 提供了多種免費工具讓你「體檢」網站：

1. PageSpeed Insights (PSI)： 最常用的工具。輸入網址就能看到分數與具體的優化建議（紅字部分就是你需要改善的）。
2. Search Console： 這是站長必備。它提供的報告是基於 CrUX (Chrome User Experience Report)，也就是真實使用者的數據，比實驗室數據更具參考價值。
3. Web Vitals Extension： Chrome 的擴充功能，讓你瀏覽網頁時即時看到指標燈號。
4. Lighthouse & Chrome 開發者工具： 適合開發人員深入除錯使用。

💡 專家觀點：
不要只看 PageSpeed Insights 的「實驗室數據 (Lab Data)」就沾沾自喜。Search Console 裡的「現場數據 (Field Data)」才是 Google 排名真正參考的依據。有時候實驗室跑分 90 分，但真實用戶因為網路環境差，體驗只有 50 分，這才是你需要解決的問題。

網站體驗對 SEO 的影響

雖然我們花了很多篇幅講 Core Web Vitals，但它只是「網頁體驗」訊號的一部分。要做好 SEO，你還需要關注：

• 行動裝置友善性 (Mobile-Friendly)： 手機版介面是否好讀好用？
• HTTPS 安全性： 網站是否有 SSL 加密（網址列的小鎖頭）？
• 避免蓋版廣告： 不要一進站就跳出巨大的廣告遮擋內容，這非常扣分。

內容為王，體驗為后

最後我想強調一個觀念：內容品質仍然是 SEO 的核心。如果你的內容空洞，網站跑得再快也沒用。

在現今競爭激烈的網路世界中，大家的內容品質往往不相上下。這時候，優良的 Core Web Vitals 就成為決勝的關鍵因素。一個載入快速、互動流暢的網站，不僅能取悅 Google 的演算法，更能贏得使用者的心。

現在，就打開 Search Console 檢查你的網站核心指標吧！