此前谷歌宣稱Google Page Experience排名算法將在未來(lái)實(shí)施，它是通過(guò)一套稱為“Core Web Vitals”的新指標(biāo)來(lái)衡量，旨在根據(jù)用戶對(duì)網(wǎng)頁(yè)交互體驗(yàn)的感知來(lái)判斷網(wǎng)頁(yè)，屬于用戶體驗(yàn)排名評(píng)分的一部分。如果Google通過(guò)Core Web Vitals的新指標(biāo)來(lái)衡量，認(rèn)為您的網(wǎng)站用戶在您的網(wǎng)頁(yè)上的瀏覽體驗(yàn)很差，則Google可能不會(huì)對(duì)這些網(wǎng)頁(yè)進(jìn)行排名。

Google Page Experience Update預(yù)計(jì)將于2021年某個(gè)時(shí)候生效，并會(huì)在發(fā)布前提前通知，因此大家有足夠的時(shí)間準(zhǔn)備。

摘要：

• 什么是頁(yè)面體驗(yàn)(Page Experience)？

• 什么是Core Web Vitals？

• 頁(yè)面體驗(yàn)元素排名因素構(gòu)成

• 優(yōu)質(zhì)的內(nèi)容仍然是至高無(wú)上的

• 工具分享

什么是頁(yè)面體驗(yàn)？

頁(yè)面體驗(yàn)指標(biāo)旨在了解用戶如何看待特定網(wǎng)頁(yè)的體驗(yàn)，諸如頁(yè)面是否快速加載，是否適合移動(dòng)設(shè)備運(yùn)行等注意事項(xiàng)HTTPS，是否存在侵入性廣告，以及頁(yè)面加載時(shí)內(nèi)容是否跳躍。

頁(yè)面體驗(yàn)由幾個(gè)現(xiàn)有的Google搜索排名因素組成，包括移動(dòng)設(shè)備友好更新，頁(yè)面速度更新，HTTPS排名提升，侵入式插頁(yè)式懲罰，非安全瀏覽懲罰，同時(shí)圍繞速度和可用性改進(jìn)指標(biāo)。這些改進(jìn)是在Google的“Core Web Vitals”下進(jìn)行的。

什么是Core Web Vitals？

Core Web Vitals也叫Web Vital, 是一組新的性能指標(biāo)，以用戶為中心可對(duì)頁(yè)面各方面進(jìn)行評(píng)分，有助于突出顯示影響用戶體驗(yàn)（UX）的網(wǎng)頁(yè)開(kāi)發(fā)方面：頁(yè)面加載，交互性和視覺(jué)穩(wěn)定性即是 LCP, FID, CLS，屬于頁(yè)面體驗(yàn)排名因素的一部分。

指標(biāo)詳細(xì)解釋：

最大的內(nèi)容涂料（LCP）：測(cè)量加載性能。為了提供良好的用戶體驗(yàn)，LCP應(yīng)該在頁(yè)面首次開(kāi)始加載后的2.5秒內(nèi)發(fā)生。

LCP：從頁(yè)面加載開(kāi)始到完全呈現(xiàn)用戶視口中最大的圖像或文本塊之間的時(shí)間間隔。您可能會(huì)在頁(yè)面加載時(shí)看到分?jǐn)?shù)變化，并且當(dāng)內(nèi)容可見(jiàn)但最大的節(jié)點(diǎn)仍在積壓中時(shí)仍要顯示。這在節(jié)流的連接速度上更加明顯。

首次輸入延遲（FID）：衡量互動(dòng)性。為了提供良好的用戶體驗(yàn)，頁(yè)面的FID應(yīng)當(dāng)小于 100毫秒。

FID: 頁(yè)面準(zhǔn)備好與用戶交互所需的時(shí)間，意思是當(dāng)頁(yè)面正在組裝時(shí)，頁(yè)面需要多長(zhǎng)時(shí)間來(lái)響應(yīng)單擊，滾動(dòng)或鍵盤(pán)輸入，以處理其相應(yīng)的事件處理程序。主線程阻止腳本任務(wù)會(huì)大大延遲用戶交互。

累積布局偏移（CLS）：衡量視覺(jué)穩(wěn)定性。為了提供良好的用戶體驗(yàn)，頁(yè)面的CLS應(yīng)保持小于0.1。

CLS：由于DOM操縱或缺少主要媒體元素的尺寸屬性而導(dǎo)致的視口的距離和比例的測(cè)量值。主要用于查看頁(yè)面在加載時(shí)是否穩(wěn)定（即，圖像，內(nèi)容，按鈕在頁(yè)面加載時(shí)是否在頁(yè)面中移動(dòng)，或者頁(yè)面保持原樣并保持牢固）。簡(jiǎn)而言之，頁(yè)面的布局會(huì)發(fā)生偏移，從而導(dǎo)致不良的用戶體驗(yàn)。Google分享了此操作的GIF：

每個(gè)Web Vital統(tǒng)計(jì)信息的性能指標(biāo)均根據(jù)以下三個(gè)結(jié)果進(jìn)行分級(jí)：

好（通過(guò)）

需要改進(jìn)

失敗

這些指標(biāo)集中于某些事件的完成時(shí)間，包括這些事件發(fā)生時(shí)的交互作用或視覺(jué)影響，同時(shí)頁(yè)面加載到相對(duì)于用戶體驗(yàn)的穩(wěn)定點(diǎn)為止。這意味著得分值可以隨著用戶與您的頁(yè)面互動(dòng)而改變。當(dāng)事件在秒表時(shí)間間隔內(nèi)發(fā)生得更快時(shí)，您可以獲得更好的分?jǐn)?shù)。

頁(yè)面體驗(yàn)排名元素構(gòu)成

將所有這些組合在一起時(shí)，可以為這些元素起名為用戶體驗(yàn)。谷歌表示，頁(yè)面體驗(yàn)不是排名得分，而是這里面的每個(gè)元素（LCP,FID,CLS,移動(dòng)友好性，安全瀏覽，https，沒(méi)有侵入性插頁(yè)式廣告）在谷歌排名算法里都有自己的權(quán)重和排名。

?優(yōu)質(zhì)的內(nèi)容仍然是至高無(wú)上的

如果頁(yè)面內(nèi)容是優(yōu)質(zhì)的，即使頁(yè)面體驗(yàn)的某些方面低于標(biāo)準(zhǔn)，谷歌也會(huì)對(duì)頁(yè)面的總體信息進(jìn)行最佳排序，因?yàn)榱己玫捻?yè)面體驗(yàn)不會(huì)取代擁有豐富而相關(guān)的內(nèi)容。

但在有多個(gè)頁(yè)面具有相似內(nèi)容的情況下，頁(yè)面體驗(yàn)對(duì)于搜索中的可見(jiàn)性變得更加重要。

?

工具時(shí)間

1.?PageSpeed Insights

測(cè)量Web Vitals的第一站應(yīng)該是PageSpeed Insights。您可以在一份報(bào)告中同時(shí)獲得實(shí)驗(yàn)室數(shù)據(jù)和現(xiàn)場(chǎng)數(shù)據(jù)（如果有）。您還將獲得其他一些與改進(jìn)頁(yè)面失敗有關(guān)的其他指標(biāo)，尤其是影響頁(yè)面速度和下載資料的發(fā)現(xiàn)。

2. Web Vitals Chrome擴(kuò)展程序

使用Chrome擴(kuò)展程序，您可以在頁(yè)面加載時(shí)訪問(wèn)“ Web Vitals”，并且如前所述，您可以與頁(yè)面進(jìn)行互動(dòng)以進(jìn)行故障排除，以防出現(xiàn)“首次輸入延遲”和/或“內(nèi)容布局轉(zhuǎn)換”問(wèn)題。瀏覽網(wǎng)站時(shí)，也可以逐頁(yè)使用該功能。

3. WebPageTest

使用此獨(dú)立的測(cè)試工具，您可以在各種條件下配置您的方法。該信息由Chromium團(tuán)隊(duì)的Google工程師構(gòu)建，與您從Google本身獲得的任何信息一樣具有權(quán)威性，并提供了RESTful API。

5. Google Search Console

幫助管理員深入研究問(wèn)題頁(yè)面所在的問(wèn)題區(qū)域，也可以深入查找具有類似問(wèn)題的頁(yè)面組。最終，它將您鏈接到PageSpeed Insights。

6. Web Vitals JavaScript API

使用JavaScript直接從瀏覽器訪問(wèn)指標(biāo)，并將其傳輸?shù)侥x擇的存儲(chǔ)庫(kù)。另外，您也可以將測(cè)試引入開(kāi)發(fā)流程，并確保所做的更改不會(huì)對(duì)您的分?jǐn)?shù)產(chǎn)生負(fù)面影響。

7. Chrome Dev Tools

Chrome本身提供了一套最終的工具集，這些工具可以使用“性能”標(biāo)簽中的報(bào)告和頁(yè)面加載記錄中的非常詳細(xì)的信息來(lái)發(fā)現(xiàn)或追溯問(wèn)題。種類繁多的工具以及無(wú)窮無(wú)盡的開(kāi)關(guān)和選件是進(jìn)行最嚴(yán)格的優(yōu)化工作的理想選擇。