免費參與·100+跨境活動
免費下載·4000+跨境資料
免費學(xué)習(xí)·2000+直播課程
免費加入·15萬+賣家交流群
2024-11-19 10:38
核心頁面指標(biāo)指標(biāo)是一組三個指標(biāo)，用于衡量網(wǎng)頁的速度、交互性和視覺穩(wěn)定性。
它們是 Google“網(wǎng)頁體驗”排名信號的一部分因素（基本上是 Google 評估網(wǎng)頁整體用戶體驗或 UX 的方式）。
因此，改進它們可以幫助您的網(wǎng)站在搜索結(jié)果中排名更高并提供更好的用戶體驗。
三個核心網(wǎng)絡(luò)要素是：
1. 最大內(nèi)容繪制 (LCP)：這衡量了頁面上最大內(nèi)容元素的加載時間。為了提供良好的用戶體驗，您的 LCP 應(yīng)少于 2.5 秒。
2. 交互到下一次繪制 (INP)：這衡量您的網(wǎng)站對用戶交互的響應(yīng)速度。您的 INP 應(yīng)為 200 毫秒或更短，以獲得快速且響應(yīng)迅速的體驗。
3. 累計布局偏移 (CLS)：這衡量了頁面加載時布局意外偏移的程度。為了獲得良好的用戶體驗，CLS 應(yīng)小于 0.1。
您的網(wǎng)站在核心網(wǎng)頁指標(biāo)中的表現(xiàn)會影響您的用戶體驗和排名潛力。因為您的網(wǎng)站應(yīng)該為用戶提供快速、流暢和愉快的體驗。
谷歌旨在獎勵為用戶提供這種出色體驗的內(nèi)容。
Google 的網(wǎng)頁體驗排名系統(tǒng)由一系列 Google 認為對用戶體驗很重要的信號組成，其中包括：
· HTTPS
· 移動友好性
· 缺少插頁式彈出窗口
· “安全瀏覽”（基本上，你的頁面上沒有惡意軟件）
而核心網(wǎng)絡(luò)生命力是其中至關(guān)重要的一部分。
需要指出的是，出色的頁面體驗不會神奇地將您推到 Google 的第一位。事實上，在一篇討論將核心網(wǎng)絡(luò)指標(biāo)與其他現(xiàn)有信號相結(jié)合的帖子中，Google 很快指出，頁面體驗并不是唯一重要的事情。請記住，他們使用數(shù)百個排名因素來對網(wǎng)站進行搜索排名。
您可以采取以下措施來改善網(wǎng)站的 LCP：
· 刪除所有不必要的第三方腳本： 我們的頁面速度研究發(fā)現(xiàn)，每個第三方腳本都會使頁面速度減慢 34 毫秒
· 升級你的網(wǎng)絡(luò)主機：更好的托管可以縮短整體加載時間（包括 LCP）
· 避免延遲加載首屏圖片：延遲加載可以優(yōu)化圖片的加載方式，但在首屏執(zhí)行此操作實際上會增加 LCP 時間
· 刪除較大的頁面元素：考慮刪除首屏上方較大的、不必要的圖像和其他功能，以加快 LCP 的速度
· 縮小 CSS：龐大的 CSS可能會顯著延遲 LCP 時間
接下來我們來看看谷歌的第二個核心網(wǎng)絡(luò)生命力：從交互到下一步繪制。
INP 測量頁面加載完成后，瀏覽器響應(yīng)用戶與頁面的下一次交互（例如單擊或點擊）所需的時間。
該指標(biāo)類似于 INP 于 2024 年取代的首次輸入延遲 (FID)。但它側(cè)重于頁面首次加載后的響應(yīng)能力。使其成為了解頁面整體響應(yīng)能力的更可靠方法。
交互的示例包括：
· 從菜單中選擇一個選項
· 點擊按鈕將電子郵件提交到表單中
· 打開移動導(dǎo)航菜單
與 LCP 一樣，Google 對可接受的 INP 時間也有具體的標(biāo)準(zhǔn)。
理想情況下，INP 時間為 200 毫秒或更短。超過此時間則需要改進，超過 500 毫秒則為較差。
對于 100% 內(nèi)容的頁面（如博客文章或新聞文章），INP 可能不是什么大問題。唯一真正的“交互”是向下滾動頁面。或者捏合以放大和縮小。但這些都不計入 INP 測量目的。
當(dāng)然，您的菜單仍然需要響應(yīng)。如果您在其中有任何注冊按鈕，您需要確保它們也能快速響應(yīng)。
但是對于登錄頁面、注冊頁面或其他用戶需要快速點擊的頁面（例如將產(chǎn)品添加到購物車），INP 非常重要。
例如，考慮一下這樣的頁面的加載體驗：
對于這樣的登錄頁面，加載內(nèi)容所需的時間并不是那么重要（反正也沒有那么多內(nèi)容需要加載）。
重要的是你能多快開始輸入你的登錄信息。然后是“登錄”按鈕能多快起作用。
考慮到所有這些，您可以采取以下措施來提高網(wǎng)站的 INP 分數(shù)：
· 最小化（或延遲）JavaScript：瀏覽器加載 JS 時，用戶幾乎不可能與頁面交互。因此，最小化或延遲頁面上的 JS 是 INP 的關(guān)鍵。
· 刪除所有不重要的第三方腳本：與 LCP 一樣，第三方腳本（如 Google Analytics、熱圖等）會對 INP 產(chǎn)生負面影響。如果您的 INP 時間過長，請考慮刪除所有不重要的腳本。
· 推遲代碼執(zhí)行：您可以將瀏覽器需要執(zhí)行的長任務(wù)分解為較小的塊。您可能需要開發(fā)人員的幫助。
累積布局偏移 (CLS) 衡量頁面加載時的穩(wěn)定性（又稱“視覺穩(wěn)定性”）。
換句話說：如果頁面上的元素在頁面加載時移動，那么您的 CLS 分數(shù)可能會很高。這很糟糕。
相反，您希望頁面元素在頁面加載時相當(dāng)穩(wěn)定。
為什么？
假設(shè)有一位用戶進入您的商店頁面。他們看到一個按鈕，可以了解有關(guān)特定產(chǎn)品的更多信息。當(dāng)他們點擊該按鈕時，屏幕頂部會出現(xiàn)一個橫幅，將所有內(nèi)容向下移動。因此，他們不小心點擊了“立即購買”按鈕。
這是一個糟糕的用戶體驗。
以下是 Google 針對 CLS 制定的具體標(biāo)準(zhǔn)：
您希望 CLS 分數(shù)不超過 0.1。0.1 至 0.25 之間的分數(shù)需要改進，高于此分數(shù)的分數(shù)則被視為較差。
正如你所見，這是我需要改進的地方。特別是在移動設(shè)備上。
以下是您可以采取的一些簡單措施來盡量減少 CLS。
· 對任何媒體（如視頻和圖片）使用設(shè)置的尺寸屬性尺寸：這樣，用戶的瀏覽器就能準(zhǔn)確知道該元素在頁面上占用多少空間。并且不會在頁面完全加載后動態(tài)更改它。
· 確保廣告元素有預(yù)留空間：否則它們可能會突然出現(xiàn)在頁面上。將內(nèi)容向下、向上或向側(cè)面推。
· 避免在首屏上方動態(tài)添加新內(nèi)容：例如，在頁面頂部插入橫幅會導(dǎo)致加載時所有內(nèi)容向下移動。相反，請考慮在首屏下方添加類似元素。
（來源：Hoan外貿(mào)建站 公眾號）
以上內(nèi)容屬作者個人觀點，不代表雨果跨境立場！本文經(jīng)原作者授權(quán)轉(zhuǎn)載，轉(zhuǎn)載需經(jīng)原作者授權(quán)同意。?
收錄于以下專欄
