公司地址:
台北市中山區建國北路二段

工作時段:
週一~週五: 9am – 7p
週六、日: 10am – 7pm

 

3項網站使用體驗核心指標-2021SEO新規定

新挑戰-2021優化網站速度效能讓排名提升

2021年對於部落客以及自媒體網站擁有者的挑戰之一無疑是來自Google宣佈的:今年5月開始,網站的速度將對SEO排名產生影響,並指出網站需要能達到具有關鍵意義的3項網站使用體驗核心指標(Core Web Vitals benchmarks):分別是最大內容繪製(Largest Contentful Paint – LCP)、首次輸入延遲(First Input Delay – FID)、纍計畫面偏移(Cumulative Layout Shift – CLS)。

網站使用體驗核心指標-seo規定
SEO新規-測試網站速度-網站優化-最好是ATOS

3項網站使用體驗核心指標(Core Web Vitals benchmarks)

這個主題是於今年1月底在Google的SEO部門被提出,核心思路是Google希望提升廣大使用者的搜尋和瀏覽體驗,這也意味著開啓速度更快的網站在相同內容前提下能獲得Google更高的排名獎勵。Google宣佈的3個核心網路指標基準分別是:

  • 最大內容繪製(Largest Contentful Paint – LCP):這個指標用來量測特定網頁主要內容載入速度,Google指出這個指標應該小於2.5秒。
  • 首次輸入延遲(First Input Delay – FID):這個指標用來量測登陸特定網頁後,訪問者需要多久才能與該網頁互動,Google指出這個指標應該小於100毫秒。有另一個指標與這個指標相關,叫做總封鎖時間(Total Blocking Time – TBT)。
  • 纍計畫面偏移(Cumulative Layout Shift – CLS):這個指標用來量測訪問者經歷預期外的畫面偏移頻率,Google指出這個指標應該維持在0.1以下。

6種Google官方網站速度效能測試工具

瞭解完Google的政策調整之後,要如何知道自己的網站是否達到標準呢?如果能同時達到3項指標的最低標準,網站在接下來Google正式發佈這個規則時便能獲取更高的排名結果。在此Google提供了6種不同的方式來測試自己網站的網站體驗核心指標:

Search Console

Google Search Console 是SEOer們入門使用的工具,在認證網站所有權後,就能查看各類Google提供的數據。其中有一個標簽為網站使用體驗核心指標,能分別查看網站在行動裝置以及桌面設備上的體驗得分(良好、需要改善、不良3個等級)。網站數據源於實際訪問者,不適用於流量不大的新網站,數據太少會被忽略顯示;

PageSpeed Insights

Google最常被使用的網站效能監測工具,如果網站瀏覽數據不足,可以在這邊測試網頁體驗得分。可同時查看手機端和桌機端的網站效能報告,並會在得分下方提供待改善方向的建議;

PageSpeedInsights-網站使用體驗核心指標-seo規定
PageSpeedInsights-測試網站速度

Lighthouse

非常實用的工具,同時集合了網站速度效能(Performance),網站前端視覺體驗(Accessibility),網站安全性能最佳化(Best Practices),以及搜尋引擎優化(SEO)。能在測試過後通過點擊ViewReport查看各分項的改善建議;

LightHouse-測試網站速度
LightHouse-測試網站速度

Chrome DevTools

使用Google Chrome瀏覽器的開發者工具,可以在網頁開啓時通過點擊鍵盤F12開啓開發者模式。在下方Performance標簽下,點擊Reload圖示重整即可顯示網頁載入速度,同樣可以監測網站效能數據;

ChromeDev-測試網站速度-網站使用體驗核心指標-seo規定
ChromeDev-測試網站速度

Chrome UX Report

與Search Console(GSC)一樣,數據源於實際網站訪問者,需要有一定的訪問數據才會顯示;

Web Vitals Extension

一個基於Chrome瀏覽器的新擴充外掛,可以直接監測網頁的3項網站體驗核心指標,這個工具很方便直覺,在網頁載入後,通過點擊這個擴充外挂圖標,就可以立刻判斷正在訪問的網頁效能是否滿足Google新規定的3項核心指標,點此前往安裝

WebVitalsExtension-測試網站速度-網站使用體驗核心指標-seo規定
WebVitalsExtension-測試網站速度

3個SEOer常用的網站速度測試工具

除了Google推薦的6個網站效能監測工具以外,網站開發者以及SEO專業人員推薦使用的另外3個好用的網站速度效能測試工具,也是我自己正在使用的工具推薦給大家:

GTmetrix

免費或付費增加選項,登陸以後可以免費使用諸如香港、新加坡等地的服務器位置測試特定網頁速度效能,並通過WaterFall標簽查看網頁分別載入各項內容構件的載入速度和先後順序,便於發現需要調整優化的網頁組件(如CSS/JS/IMAGE等);

GTmetrix-測試網站速度-網站使用體驗核心指標-seo規定
GTmetrix-測試網站速度

Pingdom

免費使用,與GTmetrix類似,但是可以選擇跟臺灣網路狀況更接近的日本服務器監測網頁速度效能,也是可以使用WaterFall查看網頁Request組件數以及各網頁Request組件的加載時間;

Pingdom-測試網站速度-網站使用體驗核心指標-seo規定
Pingdom-測試網站速度

WEBPAGETEST

免費使用,更全面的監測工具,服務器位置可以選擇臺灣,以及更多GTmetrix付費才能使用的進階設定。除了網站速度效能以外,最近還增加了網站安全性能分數建議,真的是佛心來的,良心工具十分推薦。

WebPageTest-測試網站速度-網站使用體驗核心指標-seo規定
WebPageTest-測試網站速度

後話:持續優化網站效能

最好是ATOS也在2021過年期間積極優化網站速度效能,也一度讓網站當機過年(優化有風險)。雖然各類效能監測工具的分數衹能用來參考(甚至有一些WordPress外掛嘲諷這些性能測試分數,做出能一鍵改善測試分數的功能),但關鍵還是在訪問者在網站上的訪問體驗是否快速流暢。因此通過各類監測工具下方的具體測試報告建議,能獲得一些優化網站速度效能的方向和思路。優化網站速度效能的課題在國外一直都被熱烈討論,因爲每個網站都不同(不同服務器、不同外掛),因此要針對一個已經完成的網站優化速度性能,並沒有一個完全通用的解法。接下來我也會持續跟大家分享我自己是如何優化網站速度效能的,如果有任何疑問也可以直接留言給我們,我們看到會儘快給出可能的建議。

原文出處:2021SEO新規定:3項網站使用體驗核心指標測試網站速度優化效能讓網站排名提升
查看更多內容:數據分析

參考文章: