什麼是 Core Web Vitals？

Google Core Web Vitals 由三個指標組成 - LCP、FID、CLS - 簡單來說都是與網站的速度有關。

Google 最新演算法指標 - Core Web Vitals ( LCP、FID、CLS) , 頁面速度將影響你的 SEO排名！

Q: 什麼是 LCP (Largest Contentful Paint)？

LCP (Largest Contentful Paint) 顯示最大內容渲染所需時間，可反應出網站的讀取速度。

Q: 什麼是 FID (First Input Delay)？

FID (First Input Delay)：是指使用者與網頁頁面互動所需要的時間。像是點擊連結、按鈕或是自定義的JavaScript控制元件等，反應網站互動體驗與速度的關係。

Q: 什麼是CLS (Cumulative Layout Shift)？

CLS (Cumulative Layout Shift)：指網站在 Loading 讀取時有時會導致物件位移，會導致使用者點不到想點擊的區塊。CLS 就是用來評估這部分的反應時間及網站的穩定度。而 Google官方規範並建議 FID 的反應時間必須要在 0.1 秒以內。

Google 宣布 2021 年 8 月開始 Core Web Vitals (LCP、FID、CLS) 將成為 Google 搜尋排序指標之一，而這項更新將會檢測你的網頁是否符合 AMP 或良好 Web Vitals 的網指數。本篇將告訴你 Core Web Vitals 到底是什麼？以及在面對 Google 調整新的演算法之後，你可以如何準備，包括幾個主題：

什麼是頁面體驗 Page Experience？
頁面體驗更新對搜索意味著什麼？
你可以做什麼準備?

什麼是頁面體驗信號 Page Experience？

Page Experience 是完全針對使用者體驗而設計出來的訊號，它會影響你在 Google 的排名以及 SEO成效。

從上圖可知 Page Experience 基本上可以拆成:

網站使用體驗核心指標 Core Web Vitals (LCP、FID、CLS)
行動裝備上瀏覽速度及友善度（Mobile Friendly）
網站安全性（Safe Browsing）
安全傳輸 (HTTPs)
避免侵入式插頁面 (No intrusive interstitials)

而本次 Google 更新的最重要的項目 Core Web Vitals 由三個指標組成 - LCP、FID、CLS - 簡單來說都是與網站的速度有關。

LCP (Largest Contentful Paint)：顯示最大內容渲染所需時間，可反應出網站的讀取速度。

LCP (Largest Contentful Paint) 範例 - 24slakc.com

FID (First Input Delay)：是指使用者與網頁頁面互動所需要的時間。像是點擊連結、按鈕或是自定義的JavaScript控制元件等，反應網站互動體驗與速度的關係。

CLS (Cumulative Layout Shift)：指網站在 Loading 讀取時有時會導致物件位移，會導致使用者點不到想點擊的區塊。CLS 就是用來評估這部分的反應時間及網站的穩定度。而 Google官方規範並建議 FID 的反應時間必須要在 0.1 秒以內。

CLS (Cumulative Layout Shift) 範例 - Google

新的演算法要來了，我可以怎麼做準備？

Google 針對 Core Web Vitals 也推了出六樣測試工具，能夠將網頁指標量化。2021 年更將 Web Vitals 表現納入 Google 搜尋引擎排序演演算法中，有點算是半強迫地讓眾多仰賴來客流量的企業能夠先利用這些工具改善體驗分數，表現良好的網站還能優先出現在 Google Search 引擎上。

其中推薦 PageSeed Insights 、 Web Vitals Extension、 Google Lighthouse 來簡易測試網站的表現分數。更詳細的工具介紹可以看這篇 - Core Web Vitals 檢測工具推薦

Page Speed Insights 中開發者能夠清楚地看到每個頁面是否符合所有 Core Web Vitals 指標的良好體驗的數值，以幫助開發者改善頁面體驗。

Web Vitals Extension 可以讓你知道目前網站三個數值的秒數。

Google Lighthouse 是一個自動化的網站檢測工具，它可以幫助開發人員診斷問題，並確定改善其網站用戶體驗的機會。

至於其他因素：

行動裝備上瀏覽速度及友善度（Mobile Friendly）在 Google 長工具 Google Search Console 的Mobile Usability 可以看到。
網站安全性（Safe Browsing): 可在 Google 工具的「安全問題」報告中查看。
安全傳輸 (HTTPs) : 使用Chrome打開網站，如果網址旁邊看到一個鎖的圖示，則表示網站位於HTTPS。
避免侵入式插頁面 (No intrusive interstitials): 像是彈跳式頁面廣告。

避免侵入式插頁面 (No intrusive interstitials) 範例

你也可以來看看 Google 用台語來解釋 Core Web Vital，可能會更容易理解。

總結：

Google 的 Core Web Vitals 的用意是讓用戶獲得更好的體驗，這就是為什麼您應該持續監控並改善這些缺失。或許您的網站現在沒有看到具體問題，但使用者體驗在這次的演算法更新中將成為 SEO 的重點項目。若您的網站尚未符合 Core Web Vitals 的分數，建議您可以趕快將看到的問題修正，否則現有的 SEO 排名很有可能受到影響。

若您希望改善自己網站的 Core Web Vitals 分數，讓用戶或得更好的體驗，歡迎與転転合作，我們是這塊的專家！畢竟頁面速度處理上非常複雜，會需要深度分析您的網站及靠外掛程式來處理此問題。