Core Web Vitals(核心網頁指標)是 Google 為量度網頁用家體驗而訂立的三項指標:LCP(最大內容繪製,量度載入速度)、INP(互動至下一次繪製,量度反應速度)和 CLS(累計版面偏移,量度視覺穩定度)。簡單嚟講,就是用數字回答三條問題:頁面幾時睇到主要內容?點擊之後幾時有反應?瀏覽途中版面有冇突然跳動?
Core Web Vitals 的定義
Core Web Vitals 是 Google「Web Vitals」計劃中最受重視的一組指標,重點不在伺服器或程式碼有多先進,而是真實用家的感受。每項指標都有「良好」「需要改善」「欠佳」三個級別,Google 建議以 75 百分位的真實用家數據作評估,即至少四分之三的訪客體驗要達標。
- LCP(Largest Contentful Paint):頁面最大內容元素(通常是主圖或大標題)出現所需時間,2.5 秒內屬良好。
- INP(Interaction to Next Paint):用家點擊、輕觸或按鍵後,畫面作出回應的時間,200 毫秒內屬良好。INP 已於 2024 年 3 月取代 FID 成為核心指標。
- CLS(Cumulative Layout Shift):頁面載入期間元素意外移位的程度,0.1 或以下屬良好。
為什麼 Core Web Vitals 重要?
Google 已確認 Core Web Vitals 屬頁面體驗信號之一,但它不是壓倒性的排名因素;內容與搜尋意圖是否吻合,影響仍然大得多。不過在兩個內容質素相近的頁面之間,體驗較好的一個佔優,而且體驗差亦會直接拖低轉換。
對香港用家而言尤其明顯。大量人用手機、在地鐵或行街時瀏覽,網絡環境時好時壞,一個三秒仍未出現主圖的頁面,很容易令人返回搜尋結果,跳出率隨之上升。對企業來說,改善 Core Web Vitals 往往同時提升查詢表單完成率與網購結帳率,投資回報清晰可量度。
Core Web Vitals 如何運作?
Google 主要透過 Chrome 用戶體驗報告(CrUX)收集真實用家數據,稱為「場域數據」(field data)。與在實驗室環境跑出來的模擬分數不同,場域數據反映不同裝置、地區和網絡下的實際情況。評估流程大致如下:
- Chrome 用家瀏覽網站時,匿名記錄 LCP、INP、CLS 數值。
- 數據按網址或整個來源(origin)彙整,取過去 28 天的 75 百分位。
- 三項指標全部達「良好」,頁面才算通過 Core Web Vitals 評估。
- 網站管理員可在 Google Search Console 的 Core Web Vitals 報表、PageSpeed Insights 及 Chrome DevTools 查看結果與改善建議。
實際例子
B2C 例子:一間銅鑼灣的時裝網店,首頁橫幅圖片是 3MB 的未壓縮 JPG,手機上 LCP 超過 4 秒。換成 WebP 格式、加上適當尺寸及預先載入後,LCP 降至 2 秒內,加入購物車的比率隨之改善。
B2B 例子:一間提供會計服務的中小企,查詢表單旁的彈出式 cookie 橫幅會令頁面突然下推,CLS 高達 0.3,訪客經常誤按錯誤按鈕。為橫幅預留固定高度後,CLS 回到 0.05,表單提交過程順暢得多。
優點與挑戰
- 優點:指標清晰、有免費工具可量度;改善後同時有助用家體驗和轉換;技術問題容易向開發團隊溝通。
- 挑戰:流量較少的網站未必有足夠場域數據;第三方廣告與追蹤碼常常拖慢 INP;只追求分數而忽略內容質素,是常見誤區。
Core Web Vitals 最佳實踐
- 先看場域數據:在 Search Console 找出「欠佳」的網址群組,再用 PageSpeed Insights 逐頁診斷。
- 優化 LCP:壓縮並使用 WebP 或 AVIF 圖片、預先載入首屏主圖、善用 CDN 與瀏覽器快取。
- 優化 INP:減少長時間運行的 JavaScript、延後載入非必要的第三方腳本。
- 優化 CLS:為圖片、廣告位和嵌入內容預設寬高,避免在已有內容上方插入新元素。
- 每次改版或加入新插件後重新檢查,並把指標納入定期 SEO 審核。
常見問題
Core Web Vitals 會直接影響 Google 排名嗎?
會,但影響有限。Google 把它當作頁面體驗信號之一,內容相關性仍是首要考慮。達標並不保證排名上升,不達標亦不代表一定下跌。
實驗室數據與場域數據有甚麼分別?
實驗室數據是在固定環境下模擬跑出來的分數,適合除錯;場域數據則來自真實用家,才是 Google 評估所依據的資料。兩者數值不同很正常,應以場域數據為準。
小型網站都需要理會 Core Web Vitals 嗎?
需要。即使流量不多,頁面載入慢仍然會流失潛在客戶。小型網站通常較易處理,從壓縮圖片和精簡插件入手已能見效。
