Google 2021 年 5 月開始上線「網站體驗核心指標(Core Web Vitals)」,總共有三項特定指標來評斷網頁的效能,我們都知道網頁效能影響到用戶體驗,與 SEO 息息相關。下文將會解釋這個概念。 在了解「網站體驗核心指標」之前,我們先了解一下什麼是用戶體驗,和這項指標與SEO又什麼關係。
什麼是使用者體驗 (User Experience)?
使用者體驗,我們常簡稱的 UX(User Experince),即「任何產品、生活形式經過人為的設計後,使用上感受到的體驗」因此 UX 無所不在。從我們使用的浴廁設施、家具、到你喝的早餐店奶茶、滑的手機都是經過設計而成。
用戶體驗的設計師關心產品「何時」被使用,「如何」吸引人購買,以及購買後「如何」被使用。延伸到網站上,理所當然網站的載入速度、介面美觀、實用性、是否符合用戶的需求、用戶是否想再回訪,因此也與行銷、設計、工程和 SEO 息息相關。
什麼是網站體驗核心指標(Core Web Vital)?
Core Web Vitals 是一組總體指標,Google 選出了三大評估指標列入,認為這些因素對網頁的用戶體驗很重要。 主要是頁面速度,以及網站與用戶之間的互動成果,這三大指標分別為:
LCP(最大內容繪製)
FID(首次輸入延遲)
CLS(累計版面配置位移)
簡言之,Core Web Vitals 是 Google 的「頁面體驗」分數,是 Google 評估頁面整體 UX 的標準。
三大指標:LCP、FID、CLS
指標/成效 | 良好 | 需要改善 | 低落 |
LCP 最大可見內容的 載入所需時間 | 2.5秒以下 | 4秒以下 | 4秒以上 |
FID 使用者與伺服器之間完成第一次互動 所需的時間 | 100毫秒以下 | 300 毫秒以下 | 超過 300 毫秒 |
CLS 累計版面 配置位移 | 0.1 以下 | 0.25 以下 | 超過 0.25 |
LCP – 最大內容繪製
全名: Largest Contentful Paint
定義:LCP 是從用戶的角度來看加載頁面所需的時間。簡單來說,是從點擊網頁後,看到最大塊內容的時間。(通常是圖片或影片)
LCP 與其他頁面速度測量不同,相比許多其他頁面的速度指標,LCP 衡量的標準會更精準一點。
Google 對 LCP 良好的標準為每一頁載入速度低於 2.5 秒。
如何檢查:你可以使用 Google PageSpeed Insights 檢查整體網站的 LCP 分數。如果你想針對每一頁來檢查,那麼你可以使用 Google Search Console 檢查每一頁的 LCP。
FID -首次輸入延遲時間
全名:First Input Delay
定義:自使用者首次與網頁完成一次互動所需要的時間。
互動例子包括:
- 點選選單其中一個選項
- 點擊連結
- 輸入 Email
- 打開被折疊的文章段落…等等。
Google 對 FID 良好的標準為,用戶與網站完成一次互動的時間低於 100 毫秒。
如何檢查:你可以使用 Google PageSpeed Insights 檢查整體的 FID 分數。
CLS (累計版面配置位移)
全名:Cumulative Layout Shift
定義:指頁面加載時的視覺穩定性,簡言之,Google 不希望你的網頁元素隨著加載內容太慢而位移,導致用戶錯誤點擊的情形發生。
如果這情形很嚴重,你的 CLS 分數將變得很高,分數越高代表位移越多,用戶體驗越低落。
Google 對 CLS 良好的標準為 0.1 以下。( 0 代表沒有位移)
如何檢查:你可以使用 Google PageSpeed Insights 、Crome UX Report 檢查整體的 CLS 分數。
可以衡量 Core Web Vital 的工具
Google 有許多工具可以協助你判斷你在這三項主要指標上的表現如何,根據 web.dev的文章,以下是可以衡量指標的工具。
PageSpeed Insights 和 Google Search Console 是大家所熟悉的工具,很適合用來檢視自己的網站體驗是否抵達 Google Web Vital 列出的標準。
如何衡量網站體驗指標:以 PageSpeed Insights 為例
以 PageSpeed 做示範工具,將你的網址貼上 PageSpeed Insights 頁面,Google 目前已經將新版指標放上網站,你可以直接觀看這三項指標的評測結果:
手機版和網頁版是分開的,因此你會有兩種版本的評測結果。
再往下拉,Google 會提出幾項可以優化網站體驗的項目,仔細到會將該地方的語法附上。
SEO 人員優化三項指標的具體執行方法
在 Backlinko 網站上,有提出分別針對這三項指標的具體執行方法,你可以透過以下方法來優化你的網站體驗核心指標
優化Google LCP問題的具體執行方法
優化指標:每一篇頁面載入速度低於 2.5 秒。
你可以採取以下措施來改善網站 LCP:
- 刪除任何不必要的第三方 Scripts :
每個第三方 Scripts 會使頁面速度降低 34 毫秒。 - 升級你的主機:
更好的託管主機可以大幅加快整體加載時間(包括 LCP)。 - 設置延遲加載:
延遲加載使圖像僅在有人向下滾動頁面時,才開始加載。 - 刪除大頁面元素:
Google PageSpeed Insights 會告訴您頁面是否有降低頁面 LCP 速度的元素。
優化Google FID問題的具體執行方法
優化指標:你的用戶與網頁完成的首次互動的時間在 100 毫秒以下。
你可以採取以下措施來改善網站 FID:
- 最小化(或推遲)JavaScript:
當瀏覽器加載 JavaScript 時,用戶幾乎不太可能在這期間與頁面互動。因此,最小化或推遲頁面上的 JavaScript 。 - 刪除任何不必要的第三方 Scripts:
和 FCP 一樣,第三方 Scripts(如 Google Analytics、熱圖等)無益於 FID。 - 使用瀏覽器緩存:
有助於更快地加載頁面上的內容。這有助於您用戶的瀏覽器更快地完成 JavaScript 加載任務。
優化Google CLS問題 的具體執行方法
優化指標:Google 對 CLS 良好的標準為 0.1 以下。( 0 代表沒有位移)
你可以採取以下措施來改善網站 CLS:
- 為任何媒體(影片、圖片、GIF、圖表等)使用 set size 屬性維度:
- 這樣用戶的瀏覽器就知道該元素將在該頁面上佔用多少空間。並且不會在頁面完全加載時即時更改它。
- 確保留給廣告元素一個預留空間:
否則它們可能會突然出現在頁面上,將內容向下、向上或向一側推送。 - 在網頁第一屏下方添加新的 UI 元素:
這樣,它們就不會將用戶「期望互動」的內容向下推送。
SEO 人員如何看待網站體驗核心指標
Google 將這三項新指標推行並列為核心指標,意味著 Google 更加重視網站帶給用戶使用的體驗,網站體驗核心指標更加拉高了網站架構、介面以及瀏覽體驗的品質。企業與工程師可以藉此來檢視自身的網站在電腦、手機上閱覽起來是否有流暢良好的閱覽經驗。
除了網站架構擁有良好的體驗以外,網站內容也是 SEO 領域中不可忽視的元素。提供良好品質的網站介面、網站內容、文章等等,能夠提升你在 Google 搜尋引擎中的排名與商業地位。更重要是能夠滿足你的客戶。
你可以從這裡了解更多 SEO 的相關知識
SEO 是什麼?新手也可以輕鬆實踐的 7 個 SEO 執行策略
攻打 SEO 搜尋排名前的關鍵,你應該先認識 Google 這三件事