發(fā)布日期:2022-10-17 10:32:49
瀏覽次數(shù):0 Google 2021年開始上線的「網(wǎng)站體驗核心指標(Core Web Vitals)」,總共有三項特定指標來評斷網(wǎng)頁的性能,我們都知道網(wǎng)頁性能影響到用戶體驗,與SEO息息相關(guān)。下文將會解釋這個概念。
在了解「網(wǎng)站體驗核心指標」之前,我們先了解一下什么是用戶體驗,和這項指標與SEO又什么關(guān)系。
使用者體驗,我們常簡稱的UX(User Experince),即「任何產(chǎn)品、生活形式經(jīng)過人為的設(shè)計后,使用上感受到的體驗」因此UX無所不在。從我們使用的浴廁設(shè)施、家具、到你喝的早餐店奶茶、滑的手機都是經(jīng)過設(shè)計而成。
用戶體驗的設(shè)計師關(guān)心產(chǎn)品「何時」被使用,「如何」吸引人購買,以及購買后「如何」被使用。延伸到網(wǎng)站上,理所當然網(wǎng)站的加載速度、界面美觀、實用性、是否符合用戶的需求、用戶是否想再回訪,因此也與行銷、設(shè)計、工程和SEO息息相關(guān)。
Core Web Vitals是一組總體指標,Google選出了三大評價指標列入,認為這些因素對網(wǎng)頁的用戶體驗很重要。主要是頁面速度,以及網(wǎng)站與用戶之間的互動成果,這三大指標分別為:
LCP(最大內(nèi)容繪制)FID(首次輸入延遲)CLS(累計版面配置位移)
簡言之,Core Web Vitals是Google的「頁面體驗」分數(shù),是Google評價頁面整體UX的標準。
LCP(最大內(nèi)容繪制)
全名:Largest Contentful Paint
定義:LCP是從用戶的角度來看加載頁面所需的時間。簡單來說,是從點擊網(wǎng)頁后,看到最大塊內(nèi)容的時間。(通常是圖片或視頻)
LCP與其他頁面速度測量不同,相比許多其他頁面的速度指標,LCP衡量的標準會更精準一點。
Google對LCP良好的標準為每一頁加載速度低于2.5秒。
如何檢查:你可以使用Google PageSpeed Insights檢查整體網(wǎng)站的LCP分數(shù)。如果你想針對每一頁來檢查,那么你可以使用Google Search Console檢查每一頁的LCP。
FID(首次輸入延遲時間)
全名:First Input Delay
定義:自使用者首次與網(wǎng)頁完成一次互動所需要的時間。
互動例子包括:
點選菜單其中一個選項
點擊連接
輸入Email
打開被折疊的文章段落…等等。
Google對FID良好的標準為,用戶與網(wǎng)站完成一次互動的時間低于100毫秒。
如何檢查:你可以使用Google PageSpeed Insights檢查整體的FID分數(shù)。
CLS(累計版面配置位移)
全名:Cumulative Layout Shift
定義:指頁面加載時的視覺穩(wěn)定性,簡言之,Google不希望你的網(wǎng)頁元素隨著加載內(nèi)容太慢而位移,導(dǎo)致用戶錯誤點擊的情形發(fā)生。
如果這情形很嚴重,你的CLS分數(shù)將變得很高,分數(shù)越高代表位移越多,用戶體驗越低落。
Google對CLS良好的標準為0.1以下。(0代表沒有位移)
如何檢查:你可以使用Google PageSpeed Insights、Crome UX Report檢查整體的CLS分數(shù)。
Google有許多工具可以協(xié)助你判斷你在這三項主要指標上的表現(xiàn)如何,根據(jù)web.dev的文章,以下是可以衡量指標的工具。
PageSpeed 和 Google Search Console 是大家所熟悉的工具,很適合用來檢視自己的網(wǎng)站體驗是否抵達 Google Web Vital 列出的標準。
在 backlinko 網(wǎng)站上,有提出分別針對這三項指標的具體執(zhí)行方法,你可以透過以下方法來優(yōu)化你的網(wǎng)站體驗核心指標
優(yōu)化LCP的具體執(zhí)行方法
優(yōu)化指標:每一篇頁面加載速度低于2.5秒。
你可以采取以下措施來改善網(wǎng)站LCP:
刪除任何不必要的第三方Scripts: 每個第三方Scripts會使頁面速度降低34毫秒。
升級你的主機: 更好的托管主機可以大幅加快整體加載時間(包括LCP)。
設(shè)置延遲加載: 延遲加載使圖象僅在有人向下滾動頁面時,才開始加載。
刪除大頁面元素: Google PageSpeed Insights會告訴您頁面是否有降低頁面LCP速度的元素。
優(yōu)化FID的具體執(zhí)行方法
優(yōu)化指標:你的用戶與網(wǎng)頁完成的首次互動的時間在100毫秒以下。
你可以采取以下措施來改善網(wǎng)站FID:
最小化(或推遲)JavaScript: 當瀏覽器加載JavaScript時,用戶幾乎不太可能在這期間與頁面互動。因此,最小化或推遲頁面上的JavaScript。
刪除任何不必要的第三方Scripts: 和FCP一樣,第三方Scripts(如Google Analytics、熱圖等)無益于FID。
使用瀏覽器緩存: 有助于更快地加載頁面上的內(nèi)容。這有助于您用戶的瀏覽器更快地完成JavaScript加載任務(wù)。
優(yōu)化CLS的具體執(zhí)行方法
優(yōu)化指標:Google對CLS良好的標準為0.1以下。(0代表沒有位移)
你可以采取以下措施來改善網(wǎng)站CLS:
為任何媒體(視頻、圖片、GIF、圖表等)使用set size屬性維度: 這樣用戶的瀏覽器就知道該元素將在該頁面上占用多少空間。并且不會在頁面完全加載時即時更改它。
確保留給廣告元素一個預(yù)留空間: 否則它們可能會突然出現(xiàn)在頁面上,將內(nèi)容向下、向上或向一側(cè)推送。
在網(wǎng)頁第一屏下方添加新的UI元素: 這樣,它們就不會將用戶「期望互動」的內(nèi)容向下推送。
Google將這三項新指標推行并列為核心指標,意味著Google更加重視網(wǎng)站帶給用戶使用的體驗,網(wǎng)站體驗核心指標更加拉高了網(wǎng)站構(gòu)架、界面以及瀏覽體驗的質(zhì)量。企業(yè)與工程師可以借此來檢視自身的網(wǎng)站在電腦、手機上閱覽起來是否有流暢良好的閱覽經(jīng)驗。
除了網(wǎng)站構(gòu)架擁有良好的體驗以外,網(wǎng)站內(nèi)容也是SEO領(lǐng)域中不可忽視的元素。提供良好質(zhì)量的網(wǎng)站界面、網(wǎng)站內(nèi)容、文章等等,能夠提升你在Google搜尋引擎中的排名與商業(yè)地位。更重要是能夠滿足你的客戶。