首頁 » 數據分析 » 網站體驗核心指標 (Core Web Vitals) :LCP、FID、 CLS 是什麼?
網站體驗核心指標是什麼

網站體驗核心指標 (Core Web Vitals) :LCP、FID、 CLS 是什麼?

在 Google 的搜尋結果中,網站的排名不僅取決於網站的內容,也取決於網站的使用者體驗。

Google 推出網站品質評估指標 Core Web Vitals 後,即是 Largest Contentful Paint (LCP)、First Input Delay (FID)、以及 Cumulative Layout Shift (CLS),自此 Google 對「使用者體驗」的評估有更加明確的標準,也告訴網站經營者,以上指標都是影響 Google 搜尋排名的重要因素。

本文將深入解析 LCP、FID、CLS 這三項核心指標的定義、影響因素以及優化方法,希望協助網站擁有者能正確解讀指標,優化並提升網站成效。

LCP、FID、CLS 是什麼 ?

網站使用體驗核心指標,包含 LCP、FID、CLS 等數據,是一組以使用者為中心的實際使用情形況指標,可量化呈現使用者體驗的關鍵面向。這些指標會衡量網站可用性的各個面向,例如載入時間、互動性、載入時的內容穩定性 (例如避免畫面元素位移而讓人不小心按到不想要的按鈕,這會造成使用者反感)。

— Google 搜尋中心

LCP( Largest Contentful Paint)最大內容繪製

最大影像的載入時間-LCP
  • 定義:LCP 衡量的是頁面上「最大元素」,完成渲染所需的時間,即最大內容的呈現時間。
  • 使用者體驗的關係:LCP 直接關聯到用戶視覺上感知到的網站速度,時間越長,感受越差,反之亦然。
  • 常見不及格原因:可能是因為大型圖像、未壓縮的圖片或者伺服器回應時間過長,可以針對這幾項進行優化,以提升最大元素選染速度。

FID (First Input Delay)首次輸入延遲

  • 定義:FID 測量的是用戶首次與網站互動(點擊按鈕、連結等)到實際瀏覽器回應的時間。
  • 與使用者體驗的關係:FID 可以評估用戶與網站的互動是否流暢。
  • 常見不及格原因:通常是由於 JavaScript 的執行時間過長,優化 JavaScript 代碼、延遲非必要的腳本執行等都是提升 FID 的有效策略。

CLS(Cumulative Layout Shift )累計版面配置轉移

  • 定義:CLS 衡量的是在整個頁面生命週期中,元素由於布局變化而引起視覺變化的總和。
  • 與使用者體驗的關係:是 Google 評估網站視覺穩定性的指標。
  • 常見不及格原因:可能是圖片或廣告動態載入、字體尺寸變化等。透過確保所有元素在頁面載入時都有確定的區域,可以改善 CLS。

如何檢視網站 Core web vitals ?

方法一:從 Search Console 報告中檢視

  • 步驟一:打開 Search Console
  • 步驟二:選擇移動裝置版/電腦版
    網站在移動裝置和電腦版的表現通常不同,優化人員需要理解這些差異。尤其是目前使用者多以手機進行搜尋,因此除了電腦版的分析,移動裝置上的表現更需特別關注。
  • 步驟三:檢視網站 URL 大略狀況
Search Console 報告檢視

透過 Google Search Console 的 Core Web Vitals 報告,透過這個報告,你可以輕鬆檢視你的網頁是否被歸類為「不良 URL」、「需要改進的 URL」或「良好 URL」:

  • 不良 URL:網站性能需要立即改進。
  • 需要改進的 URL:網站性能有進步空間,建議進行優化。
  • 良好 URL:網站性能良好,用戶體驗佳。

步驟四:點擊「開啟報表」

Core Web Vitals 開啟報表

可以更深入了解分類問題和受影響的 URL 數量。

步驟五:細查影響狀況,點擊需要改善的項目

Search Console 細查網站影響狀況

步驟六:針對問題進行優化

Core-web-vitals-針對問題進行優化

此處的網址群組非常直觀,且便於網站擁有者分析優化,因為大多數待改進的 Core Web Vitals 問題是由「特定類型的頁面」引起的,只需在模板中進行一次更改,即可同步解決這些頁面的問題。

將能這邊也提醒大家,若以進行優化,要再回到這個頁面,按下「驗證修正後項目」,確認優化狀況,以即時調整。

方法二:Page Speed 報告中檢視

  • 步驟一:前往網站
    開啟瀏覽器,前往 https://pagespeed.web.dev/
  • 步驟二:輸入網址:
    在頁面上找到輸入框,輸入你想測試的網站網址。
  • 步驟三:按下【分析】
  • 步驟四:查看報告

分析完成後,你將獲得一份詳盡的報告,其中包括 LCP、FID 和 CLS 的數據。除了 Search Console 所提供的 3項指標,還多了 First Contentful Paint (FCP)Interaction to Next Paint (INP)Time to First Byte (TTFB),等其他評估使用者體驗的數據。

在 Page Speed 工具中,會將使用者體驗指標數據,加權計算,最後進行評分,並以顏色區分需不好、需改善、良好,視覺化整份報告書。

  • 0 到 49 (紅色):不好
  • 50 到 89 (橘色):需要改善
  • 90 至 100 (綠色):良好

報告內容也包含「最佳化建議」:

Core Web Vitals-最佳化建議

點擊個別項目,會展開針對該建議的「實際調整方法」,即「編碼」優化方式,甚至連優化後可節省數據用量都清楚展示。

Core Web Vitals-實際調整方法

Core web vitals 網站核心指標對 SEO 的影響

影響網站排名:

截自目前為止,Google 也已經證實,Core Web Vitals 是 Google 搜尋排名的重要指標之一。

影響轉換率:

用戶總是喜歡快速的網站,當你的網站提供快速且流暢的體驗時,使用者更容易獲取他們所需的資訊,不僅提高了流量,還能增加轉換率。

影響跳出率:

良好的使用者體驗,可能為你的網站贏得 Google 搜尋結果中的「良好頁面體驗」徽章或標籤,在某種層面上被 Google 認定為良好網站。

這種標籤的出現可能成為一種間接的排名因素,因為使用者更傾向於點擊帶有良好體驗標籤的結果,這些使用者行為,也會被反饋到 Google 的演算法中,能「間接」影響網站搜尋排名。

隨著 Google 於使用者體驗的重視程度提高,Core web vitals 將會越來越重要,其中涉及程式編碼、網站內容、關鍵字佈局、反向連結等優化技巧,如若在任一方面有疑問,都歡迎諮詢將能,讓我們為您打造全面的 SEO 優化方案。

延伸閱讀:

讓「將能」成為您的商業夥伴

用搜尋幫助企業成功

Scroll to Top

謝謝您訂閱我們的電子報,我們會把簡報寄送至您的信箱,若多日未收到,請到促銷信件查看!