什么是谷歌核心頁(yè)面指標(biāo)？

核心頁(yè)面指標(biāo)是什么？

核心頁(yè)面指標(biāo)指標(biāo)是一組三個(gè)指標(biāo)，用于衡量網(wǎng)頁(yè)的速度、交互性和視覺(jué)穩(wěn)定性。

它們是 Google“網(wǎng)頁(yè)體驗(yàn)”排名信號(hào)的一部分因素（基本上是 Google 評(píng)估網(wǎng)頁(yè)整體用戶體驗(yàn)或 UX 的方式）。

因此，改進(jìn)它們可以幫助您的網(wǎng)站在搜索結(jié)果中排名更高并提供更好的用戶體驗(yàn)。

三個(gè)核心網(wǎng)絡(luò)要素是：

1. 最大內(nèi)容繪制 (LCP)：這衡量了頁(yè)面上最大內(nèi)容元素的加載時(shí)間。為了提供良好的用戶體驗(yàn)，您的 LCP 應(yīng)少于 2.5 秒。

2. 交互到下一次繪制 (INP)：這衡量您的網(wǎng)站對(duì)用戶交互的響應(yīng)速度。您的 INP 應(yīng)為 200 毫秒或更短，以獲得快速且響應(yīng)迅速的體驗(yàn)。

3. 累計(jì)布局偏移 (CLS)：這衡量了頁(yè)面加載時(shí)布局意外偏移的程度。為了獲得良好的用戶體驗(yàn)，CLS 應(yīng)小于 0.1。

為什么核心網(wǎng)絡(luò)生命力如此重要？

您的網(wǎng)站在核心網(wǎng)頁(yè)指標(biāo)中的表現(xiàn)會(huì)影響您的用戶體驗(yàn)和排名潛力。因?yàn)槟木W(wǎng)站應(yīng)該為用戶提供快速、流暢和愉快的體驗(yàn)。

谷歌旨在獎(jiǎng)勵(lì)為用戶提供這種出色體驗(yàn)的內(nèi)容。

Google 的網(wǎng)頁(yè)體驗(yàn)排名系統(tǒng)由一系列 Google 認(rèn)為對(duì)用戶體驗(yàn)很重要的信號(hào)組成，其中包括：

· HTTPS

· 移動(dòng)友好性

· 缺少插頁(yè)式彈出窗口

· “安全瀏覽”（基本上，你的頁(yè)面上沒(méi)有惡意軟件）

而核心網(wǎng)絡(luò)生命力是其中至關(guān)重要的一部分。

需要指出的是，出色的頁(yè)面體驗(yàn)不會(huì)神奇地將您推到 Google 的第一位。事實(shí)上，在一篇討論將核心網(wǎng)絡(luò)指標(biāo)與其他現(xiàn)有信號(hào)相結(jié)合的帖子中，Google 很快指出，頁(yè)面體驗(yàn)并不是唯一重要的事情。請(qǐng)記住，他們使用數(shù)百個(gè)排名因素來(lái)對(duì)網(wǎng)站進(jìn)行搜索排名。

您可以采取以下措施來(lái)改善網(wǎng)站的 LCP：

· 刪除所有不必要的第三方腳本： 我們的頁(yè)面速度研究發(fā)現(xiàn)，每個(gè)第三方腳本都會(huì)使頁(yè)面速度減慢 34 毫秒

· 升級(jí)你的網(wǎng)絡(luò)主機(jī)：更好的托管可以縮短整體加載時(shí)間（包括 LCP）

· 避免延遲加載首屏圖片：延遲加載可以優(yōu)化圖片的加載方式，但在首屏執(zhí)行此操作實(shí)際上會(huì)增加 LCP 時(shí)間

· 刪除較大的頁(yè)面元素：考慮刪除首屏上方較大的、不必要的圖像和其他功能，以加快 LCP 的速度

· 縮小 CSS：龐大的 CSS可能會(huì)顯著延遲 LCP 時(shí)間

交互到下一次繪制 (INP)

接下來(lái)我們來(lái)看看谷歌的第二個(gè)核心網(wǎng)絡(luò)生命力：從交互到下一步繪制。

INP 測(cè)量頁(yè)面加載完成后，瀏覽器響應(yīng)用戶與頁(yè)面的下一次交互（例如單擊或點(diǎn)擊）所需的時(shí)間。

該指標(biāo)類似于 INP 于 2024 年取代的首次輸入延遲 (FID)。但它側(cè)重于頁(yè)面首次加載后的響應(yīng)能力。使其成為了解頁(yè)面整體響應(yīng)能力的更可靠方法。

交互的示例包括：

· 從菜單中選擇一個(gè)選項(xiàng)

· 點(diǎn)擊按鈕將電子郵件提交到表單中

· 打開(kāi)移動(dòng)導(dǎo)航菜單

與 LCP 一樣，Google 對(duì)可接受的 INP 時(shí)間也有具體的標(biāo)準(zhǔn)。

理想情況下，INP 時(shí)間為 200 毫秒或更短。超過(guò)此時(shí)間則需要改進(jìn)，超過(guò) 500 毫秒則為較差。

對(duì)于 100% 內(nèi)容的頁(yè)面（如博客文章或新聞文章），INP 可能不是什么大問(wèn)題。唯一真正的“交互”是向下滾動(dòng)頁(yè)面?；蛘吣蠛弦苑糯蠛涂s小。但這些都不計(jì)入 INP 測(cè)量目的。

當(dāng)然，您的菜單仍然需要響應(yīng)。如果您在其中有任何注冊(cè)按鈕，您需要確保它們也能快速響應(yīng)。

但是對(duì)于登錄頁(yè)面、注冊(cè)頁(yè)面或其他用戶需要快速點(diǎn)擊的頁(yè)面（例如將產(chǎn)品添加到購(gòu)物車），INP 非常重要。

例如，考慮一下這樣的頁(yè)面的加載體驗(yàn)：

對(duì)于這樣的登錄頁(yè)面，加載內(nèi)容所需的時(shí)間并不是那么重要（反正也沒(méi)有那么多內(nèi)容需要加載）。

重要的是你能多快開(kāi)始輸入你的登錄信息。然后是“登錄”按鈕能多快起作用。

考慮到所有這些，您可以采取以下措施來(lái)提高網(wǎng)站的 INP 分?jǐn)?shù)：

· 最小化（或延遲）JavaScript：瀏覽器加載 JS 時(shí)，用戶幾乎不可能與頁(yè)面交互。因此，最小化或延遲頁(yè)面上的 JS 是 INP 的關(guān)鍵。

· 刪除所有不重要的第三方腳本：與 LCP 一樣，第三方腳本（如 Google Analytics、熱圖等）會(huì)對(duì) INP 產(chǎn)生負(fù)面影響。如果您的 INP 時(shí)間過(guò)長(zhǎng)，請(qǐng)考慮刪除所有不重要的腳本。

· 推遲代碼執(zhí)行：您可以將瀏覽器需要執(zhí)行的長(zhǎng)任務(wù)分解為較小的塊。您可能需要開(kāi)發(fā)人員的幫助。

累積布局偏移 (CLS)

累積布局偏移 (CLS) 衡量頁(yè)面加載時(shí)的穩(wěn)定性（又稱“視覺(jué)穩(wěn)定性”）。

換句話說(shuō)：如果頁(yè)面上的元素在頁(yè)面加載時(shí)移動(dòng)，那么您的 CLS 分?jǐn)?shù)可能會(huì)很高。這很糟糕。

相反，您希望頁(yè)面元素在頁(yè)面加載時(shí)相當(dāng)穩(wěn)定。

為什么？

假設(shè)有一位用戶進(jìn)入您的商店頁(yè)面。他們看到一個(gè)按鈕，可以了解有關(guān)特定產(chǎn)品的更多信息。當(dāng)他們點(diǎn)擊該按鈕時(shí)，屏幕頂部會(huì)出現(xiàn)一個(gè)橫幅，將所有內(nèi)容向下移動(dòng)。因此，他們不小心點(diǎn)擊了“立即購(gòu)買”按鈕。

這是一個(gè)糟糕的用戶體驗(yàn)。

以下是 Google 針對(duì) CLS 制定的具體標(biāo)準(zhǔn)：

您希望 CLS 分?jǐn)?shù)不超過(guò) 0.1。0.1 至 0.25 之間的分?jǐn)?shù)需要改進(jìn)，高于此分?jǐn)?shù)的分?jǐn)?shù)則被視為較差。

正如你所見(jiàn)，這是我需要改進(jìn)的地方。特別是在移動(dòng)設(shè)備上。

以下是您可以采取的一些簡(jiǎn)單措施來(lái)盡量減少 CLS。

· 對(duì)任何媒體（如視頻和圖片）使用設(shè)置的尺寸屬性尺寸：這樣，用戶的瀏覽器就能準(zhǔn)確知道該元素在頁(yè)面上占用多少空間。并且不會(huì)在頁(yè)面完全加載后動(dòng)態(tài)更改它。

· 確保廣告元素有預(yù)留空間：否則它們可能會(huì)突然出現(xiàn)在頁(yè)面上。將內(nèi)容向下、向上或向側(cè)面推。

· 避免在首屏上方動(dòng)態(tài)添加新內(nèi)容：例如，在頁(yè)面頂部插入橫幅會(huì)導(dǎo)致加載時(shí)所有內(nèi)容向下移動(dòng)。相反，請(qǐng)考慮在首屏下方添加類似元素。

（來(lái)源：Hoan外貿(mào)建站 公眾號(hào)）

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