Core Web Vitals 是什麼？為什麼它直接影響你的生意
Core Web Vitals 是 Google 衡量網站速度和易用性的官方指標——也是排名因素。這篇文章解釋每個指標的含義、為什麼大多數 WordPress 和 Shopify 網站難以達標，以及真正通過測試需要什麼條件。
# Core Web Vitals 是什麼？為什麼它直接影響你的生意
你可能在 Google Search Console 報告裡看過這個詞，或者在 SEO 審核時聽代理商提到過。Core Web Vitals。名字聽起來很技術性，但概念其實很直接——一旦你理解它，它和你業務表現之間的連結就會變得非常清晰。
---
Core Web Vitals 是什麼
Core Web Vitals 是 Google 用來衡量網頁載入和使用的真實體驗的一組指標。Google 在 2021 年宣布將其作為官方排名因素。它們衡量三件事：
### LCP — 最大內容繪製
衡量什麼： 頁面上最大的可見元素載入需要多長時間。通常是主視覺圖片、大型標題或主要內容區塊。
為什麼重要： LCP 是 Google 衡量「用戶等多久才覺得頁面載入完成」的替代指標。一個主要內容需要 4 秒才載入的頁面感覺是壞掉的，即使 HTML 實際上幾乎立刻就傳來了。
Google 的標準：
- 良好：2.5 秒以內
- 需要改善：2.5–4 秒
- 差：超過 4 秒
WordPress 網站在手機端的 LCP 中位數是 4.5 秒。大多數香港的 WordPress 用戶，在這個指標上都落在「差」的類別——通常自己都不知道。
### INP — 下次繪製互動
衡量什麼： 用戶點擊按鈕、填寫表單欄位或與任何元素互動時，頁面的響應速度。INP 在 2024 年 3 月取代了舊版的 FID 指標，更全面地捕捉頁面響應性。
為什麼重要： 載入快但互動遲鈍的頁面，在用戶試圖採取行動的那一刻製造阻力——填聯絡表單、點購買按鈕、選擇日期。
Google 的標準：
- 良好：200 毫秒以內
- 需要改善：200–500 毫秒
- 差：超過 500 毫秒
### CLS — 累積版面位移
衡量什麼： 頁面在載入過程中，元素是否會移動。典型的例子是正要點擊某個按鈕，頁面突然位移，結果點到了別的地方。
為什麼重要： 版面位移創造令人不適的體驗，並造成誤點。在廣告、沒有設定尺寸的圖片或晚載入的字體把內容往下推的頁面上，這種情況特別常見。
Google 的標準：
- 良好：0.1 以下
- 需要改善：0.1–0.25
- 差：超過 0.25
---
為什麼這是業務問題，不只是技術問題
Core Web Vitals 和業務成果之間的連結，透過三個管道體現。
### 搜尋排名
Google 把 Core Web Vitals 作為排名訊號。當兩個頁面對某個搜尋查詢同樣相關時，Core Web Vitals 分數更好的那個通常會排名更高。對香港在競爭激烈的本地市場的企業來說，這是一個有意義的差異化因素。
這種效果在邊際情況最明顯——當你的網站在搜尋結果的第 5 到第 10 名之間競爭時。Core Web Vitals 可能是讓一個頁面從第 8 名移到第 4 名，或反過來的因素。
### 轉換率
Google 和德勤發布的研究顯示，頁面載入時間改善 0.1 秒，與零售網站轉換率提升 8%、旅遊網站提升 10% 相關。這些數字反映的是真實的用戶行為：人們在頁面載入完成之前就離開了慢速頁面。
對每月從自然搜尋獲得 100 個詢問的香港企業來說，轉換率提升 8% 意味著在相同流量下額外獲得 8 個詢問。以此規模計算，這是實質性的差異。
### 手機優先索引
Google 使用手機優先索引，意味著它主要評估你網站的手機版本來決定排名。手機端的 Core Web Vitals 分數往往比桌面版差得多——因為手機設備的處理能力較弱，通常也在較慢的網路上運行。
桌面版表現良好但手機版表現差的網站，被評估的是它表現最差的那個版本。
---
為什麼 WordPress 和 Shopify 網站難以達到 Core Web Vitals 標準
你建立網站所用的平台，對 Core Web Vitals 分數的可達成程度有重大影響。
WordPress 的挑戰：
LCP 是最大的問題。WordPress 在每個頁面的 `<head>` 從多個插件載入 JavaScript 和 CSS，阻止瀏覽器在這些文件被處理完之前渲染內容。即使使用快取和 CDN，在手機端把 LCP 降到 2.5 秒以下也需要大量開發工作——而且結果很脆弱，插件更新後就可能失效。
INP 在 WordPress 上受到影響，因為頁面編輯器和追蹤腳本的大量 JavaScript 執行，延遲了頁面對用戶互動的響應速度。
Shopify 的挑戰：
Shopify 的 Liquid 模板語言比靜態文件增加了渲染開銷。每次頁面載入都涉及通過 Liquid 進行伺服器端處理。第三方應用程式注入額外的 JavaScript——每個應用程式都會逐步降低效能。Shopify 自己的研究發現，每增加一個應用程式，Lighthouse 分數平均降低 3–5 分。
LCP 和 INP 都受到影響。CLS 在沒有明確設定尺寸的產品圖片的 Shopify 商店中也很常見。
---
真正通過 Core Web Vitals 需要什麼
「通過」Core Web Vitals 意味著在至少 75% 的頁面的手機版本上，三個指標都達到「良好」範圍。不只是首頁——是所有關鍵頁面。
在 WordPress 等平台上達到這一點通常需要：
- 移除或替換重型插件，改用更輕量的替代方案
- 換用效能優化的主題（通常意味著完全重新設計）
- 實施伺服器端快取、CDN 和圖片優化
- 通過手動腳本載入優化來最小化阻擋渲染的資源
- 為所有圖片和媒體元素設定明確的尺寸
這是可以達到的。但它需要持續的維護——因為每次插件更新都可能讓你的進度歸零。
在 Next.js 靜態網站上，同樣的目標由架構本身來實現：
- 頁面預先建立為靜態 HTML 文件——每次請求不需要伺服器端處理
- JavaScript 按需分割載入
- 圖片自動以最佳格式和大小提供
- 不存在會增加阻擋渲染腳本的插件層
配置良好的 Next.js 網站和優化良好的 WordPress 網站之間的基準效能差距，通常是 20–40 個 Lighthouse 分數點。這個差距直接轉化為 Core Web Vitals 分數的差異。
---
如何查看你目前的 Core Web Vitals 分數
PageSpeed Insights（pagespeed.web.dev）提供實驗室數據（模擬效能）和真實用戶數據（來自 Chrome 用戶體驗報告的實際使用體驗）。兩個都看，重點看手機標籤，特別關注 LCP、INP 和 CLS。
Google Search Console 在「體驗」部分顯示整個網站的 Core Web Vitals 數據，按 URL 分類。這裡能看到哪些具體頁面未達標以及差距有多大。
如果你的手機端 LCP 持續超過 3 秒，或 Search Console 顯示大量 URL 在「差」的類別，那麼值得重新評估的是你的平台架構——而不只是你的優化方式。
---
常見問題
改善 Core Web Vitals 一定能改善排名嗎？
Core Web Vitals 是眾多排名訊號之一。改善它不會凌駕於薄弱的內容或差勁的反向連結表現之上。但對已經有紮實內容、在第一頁中段或第二頁頂部競爭的香港企業來說，Core Web Vitals 可以是決定性的差異因素。
我的首頁分數很好，這代表沒問題嗎？
不一定。Google 在頁面層面評估 Core Web Vitals，橫跨整個網站。一個被手動優化的首頁可能分數很好，而產品頁、Blog 文章或服務頁面——沒有受到同樣關注的——分數可能很差。檢查代表性的關鍵頁面樣本，不只是首頁。
有沒有辦法在不重建的情況下，讓 WordPress 通過 Core Web Vitals？
有，但需要大量努力。輕量主題、最少必要插件、伺服器端快取、CDN 和手動腳本優化，可以讓許多 WordPress 網站進入「良好」範圍。挑戰在於可持續性：在插件更新和內容變更後維持這些分數，需要持續的開發者關注。
---
Core Web Vitals 作為競爭分析工具
使用 Core Web Vitals 的一個實際方式是作為競爭基準。把你主要競爭對手的 URL 放入 PageSpeed Insights 跑一次。如果他們手機端得 35 分而你得 28 分，你們基本上在同一水平。如果他們得 85 分而你得 35 分，這個差距很可能正在以單靠內容優化無法彌補的方式，貢獻於他們的排名優勢。
投資真正平台效能的企業，追求的不只是一個指標。他們在消除一個結構性劣勢，這個劣勢同時影響搜尋排名和用戶實際到達網站時的體驗。
如果你想了解你目前的 Core Web Vitals 對你的搜尋表現意味著什麼——以及改善它需要什麼——聯絡我們 進行免費網站審核。我們會給你一個清晰、誠實的現況評估。