Google 核心網(wǎng)頁指標(biāo)全解讀｜即將成為 Google 排名因素

為提升網(wǎng)頁的瀏覽體驗，2020 年 5 月份，Google 公布了核心網(wǎng)頁指標(biāo)（Core Web Vitals），并宣稱核心網(wǎng)頁指標(biāo)可能成為排名因素之一。現(xiàn)在時間終于敲定，核心網(wǎng)頁指標(biāo)加入排名影響因素的時間是 2021 年 5 月份。

什么是核心網(wǎng)頁指標(biāo)

核心網(wǎng)頁指標(biāo)（Core Web Vitals）是模擬真實場景、以用戶為中心的一系列用戶體驗指標(biāo)。主要衡量網(wǎng)頁可用性的多個維度，分別是加載時間、交互性、內(nèi)容加載時的穩(wěn)定性。

如上圖，之前影響排名的網(wǎng)頁體驗類因素有移動友好性、安全瀏覽、HTTPS、無干擾性插頁式廣告，之后將加入核心網(wǎng)頁指標(biāo)的三個指標(biāo)。這三個指標(biāo)分別是 LCP、FID、CLS。

考量網(wǎng)頁加載時間 - LCP

LCP，Largest Contentful Paint，最大內(nèi)容渲染時間，即瀏覽器可視區(qū)域中最大的內(nèi)容塊渲染出來的時間。

這個內(nèi)容塊可以是<img>、<svg>或者<video>圈出的矩形區(qū)域，也可以是文字塊圈出的區(qū)域。

可以看下官網(wǎng)的示范圖：

FCP（First Contentful Paint），是首次繪制內(nèi)容的事件，即上圖中第一個內(nèi)容模塊展示出來的時刻。

LCP，是可視區(qū)域內(nèi)最大內(nèi)容塊渲染出來的時間，而上圖中最大的內(nèi)容塊是首頁的圖片，因此，當(dāng)圖片渲染出來時，即 LCP 的時刻。

FCP 能讓用戶不著急跳出，而最大內(nèi)容塊渲染出來，才是用戶真正開始瀏覽網(wǎng)頁的時刻，所以 LCP 更符合用戶的瀏覽習(xí)慣。

關(guān)于 LCP 指標(biāo)的衡量和優(yōu)化，可以參考官方文檔：

web.dev/lcp/

web.dev/optimize-lcp/

考量網(wǎng)頁交互性 - FID

回想你有沒有遇到過網(wǎng)頁打開后，點擊鏈接、按鈕或輸入文字沒有反應(yīng)的情況。這是因為瀏覽器主線程在執(zhí)行其他操作，比如在解析和執(zhí)行一些大型 JS。

而 FID（First Input Delay，首次輸入延遲）就是考察從用戶首次與頁面進行交互（即當(dāng)他們單擊鏈接，點擊按鈕或使用自定義的JavaScript驅(qū)動的控件）到瀏覽器實際上能夠響應(yīng)該交互之間的時間。

關(guān)于 FID 指標(biāo)的衡量和優(yōu)化，可以參考官方文檔：

web.dev/fid/

web.dev/optimize-fid/

考量內(nèi)容加載的穩(wěn)定性 - CLS

CLS，Cumulative Layout Shift，累積布局偏移，* 用來衡量網(wǎng)頁加載時模塊上下跳動的指標(biāo)* 。比如下面的例子：

當(dāng)用戶點擊時，模塊位置變化，導(dǎo)致點擊錯誤，是很差的用戶體驗。因此，當(dāng)模塊上下跳動的偏移越大，CLS 的分?jǐn)?shù)越低?？梢钥聪鹿俜降氖痉秷D片：

關(guān)于 FID 指標(biāo)的衡量和優(yōu)化，可以參考官方文檔：

web.dev/cls/

web.dev/optimize-cls/

核心網(wǎng)頁指標(biāo)為什么會成為排名因素

關(guān)于這個問題，Google是這么說的：

出色的頁面體驗使人們可以做更多的事情并更深入地參與其中；相反，不良的頁面體驗可能會妨礙人們在頁面上找到有價值的信息。通過將頁面體驗添加到Google在對搜索結(jié)果進行排名時考慮的數(shù)百種信號中，我們旨在幫助人們更輕松地訪問他們正在尋找的信息和網(wǎng)頁，并支持網(wǎng)站所有者提供用戶喜歡的體驗。

另外，如果網(wǎng)頁滿足網(wǎng)頁體驗的所有指標(biāo)，Google 還會在 SERP 添加特殊標(biāo)示！我猜測是類似于 AMP 網(wǎng)頁的小閃電。

這個特殊標(biāo)示會近期開始測試，如果沒問題，會在 2021 年 5 月同步上線。

盡管此次是網(wǎng)頁體驗相關(guān)的內(nèi)容，但 Google 不惜多次打臉，反復(fù)強調(diào)內(nèi)容的相關(guān)性和質(zhì)量仍是更重要的因素。好的網(wǎng)頁體驗，無法超越高相關(guān)性、優(yōu)質(zhì)的網(wǎng)頁。但如果內(nèi)容質(zhì)量相近的網(wǎng)頁，網(wǎng)頁體驗好的會有排名優(yōu)勢。

這個也容易理解，用戶更愿意等待一個優(yōu)質(zhì)內(nèi)容的網(wǎng)頁，而不愿意快速打開一個垃圾網(wǎng)頁。另外也能知道，在整體的排名因素中，內(nèi)容因素是最高優(yōu)先級的，其次才是網(wǎng)頁體驗部分。

怎么優(yōu)化核心網(wǎng)頁指標(biāo)

了解了核心網(wǎng)頁指標(biāo)，我該怎么去優(yōu)化呢。

第一步，需要使用 GSC 的 核心網(wǎng)頁指標(biāo)報告，做個整站調(diào)查，了解網(wǎng)站的整體情況和現(xiàn)存問題。

如上圖，先看下自己網(wǎng)站的整體情況怎么樣。有多少優(yōu)質(zhì)的、待改進的、欠佳的網(wǎng)頁。

然后看下改進和欠佳的問題具體是哪些。點擊還能看到涉及網(wǎng)頁的具體問題。

第二步，就是使用 Page Speed Insights 和 Lighthouse 工具來測試和提升相關(guān)性能指標(biāo)。

另外，還可以訪問 web.dev/vitals-tools 了解更多工具。

關(guān)于 AMP

Google 說，AMP 仍是提升性能成本最低的方式之一，比如你如果用 Wordpress 搭建網(wǎng)站，使用 AMP 插件就可以使整站實現(xiàn) AMP。如果你在使用 AMP，可以使用 AMP 性能指南來診斷網(wǎng)頁，進一步提升性能。

另外，Google 會繼續(xù)支持和維護 AMP 項目，像之前一樣。

至于 AMP 是否會下線，我覺得不太可能。但地位沒之前那么高，卻是顯而易見的。

核心網(wǎng)頁指標(biāo)的推出，也是因為 AMP 的局限明顯，復(fù)雜的交互無法滿足開發(fā)者的需求才推出。

我預(yù)計，核心網(wǎng)頁指標(biāo)和 AMP 會長期共存，并有差異化的定位。

AMP 面向中小站長和開發(fā)者，實現(xiàn)成本低，交互需求不算復(fù)雜。

而核心網(wǎng)頁指標(biāo)則面向交互需求較高、愿意投入開發(fā)的站長和開發(fā)者。

參考文檔

了解 Google 搜索結(jié)果中的網(wǎng)頁體驗 https://developers.google.com/search/docs/guides/page-experience

LCP 文檔 https://web.dev/lcp/

LCP 優(yōu)化文檔 https://web.dev/optimize-lcp/

FID 文檔 https://web.dev/fid/

FID 優(yōu)化文檔 https://web.dev/optimize-fid/

CLS 文檔 https://web.dev/cls/

CLS 優(yōu)化文檔 https://web.dev/optimize-cls/

【重要】谷歌發(fā)布核心網(wǎng)頁指標(biāo)Core Web Vitals https://mp.weixin.qq.com/s/HFTVRBEsq5ZrbKjICv33VA

Page Speed Insights https://developers.google.com/speed/pagespeed/insights/

Lighthouse 工具 https://developers.google.com/web/tools/lighthouse

AMP 性能指南 https://amp.dev/page-experience/

（來源：SEO技術(shù)流）

以上內(nèi)容屬作者個人觀點，不代表雨果網(wǎng)立場！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。

（來源：SEO技術(shù)流）