核心頁面指標是什麼？

核心頁面指標指標是一組三個指標，用於衡量網頁的速度、互動性和視覺穩定性。

它們是 Google“網頁體驗”排名訊號的一部分因素（基本上是 Google 評估網頁整體使用者體驗或 UX 的方式）。

因此，改進它們可以幫助您的網站在搜索結果中排名更高並提供更好的使用者體驗。

三個核心網路要素是：

1. 最大內容繪製 (LCP)：這衡量了頁面上最大內容元素的載入時間。爲了提供良好的使用者體驗，您的 LCP 應少於 2.5 秒。

2. 互動到下一次繪製 (INP)：這衡量您的網站對使用者互動的響應速度。您的 INP 應為 200 毫秒或更短，以獲得快速且響應迅速的體驗。

3. 累計佈局偏移 (CLS)：這衡量了頁面載入時佈局意外偏移的程度。爲了獲得良好的使用者體驗，CLS 應小於 0.1。

為什麼核心網路生命力如此重要？

您的網站在覈心網頁指標中的表現會影響您的使用者體驗和排名潛力。因為您的網站應該為使用者提供快速、流暢和愉快的體驗。

谷歌旨在獎勵為使用者提供這種出色體驗的內容。

Google 的網頁體驗排名系統由一系列 Google 認為對使用者體驗很重要的訊號組成，其中包括：

· HTTPS

· 移動友好性

· 缺少插頁式彈出視窗

· “安全瀏覽”（基本上，你的頁面上沒有惡意軟體）

而核心網路生命力是其中至關重要的一部分。

需要指出的是，出色的頁面體驗不會神奇地將您推到 Google 的第一位。事實上，在一篇討論將核心網路指標與其他現有訊號相結合的帖子中，Google 很快指出，頁面體驗並不是唯一重要的事情。請記住，他們使用數百個排名因素來對網站進行搜尋排名。

您可以採取以下措施來改善網站的 LCP：

· 刪除所有不必要的第三方指令碼： 我們的頁面速度研究發現，每個第三方指令碼都會使頁面速度減慢 34 毫秒

· 升級你的網路主機：更好的託管可以縮短整體載入時間（包括 LCP）

· 避免延遲載入首屏圖片：延遲載入可以最佳化圖片的載入方式，但在首屏執行此操作實際上會增加 LCP 時間

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

· 縮小 CSS：龐大的 CSS可能會顯著延遲 LCP 時間

互動到下一次繪製 (INP)

接下來我們來看看谷歌的第二個核心網路生命力：從互動到下一步繪製。

INP 測量頁面載入完成後，瀏覽器響應使用者與頁面的下一次互動（例如單擊或點選）所需的時間。

該指標類似於 INP 於 2024 年取代的首次輸入延遲 (FID)。但它側重於頁面首次載入後的響應能力。使其成爲了解頁面整體響應能力的更可靠方法。

互動的示例包括：

· 從選單中選擇一個選項

· 點選按鈕將電子郵件提交到表單中

· 開啟移動導航選單

與 LCP 一樣，Google 對可接受的 INP 時間也有具體的標準。

理想情況下，INP 時間為 200 毫秒或更短。超過此時間則需要改進，超過 500 毫秒則為較差。

對於 100% 內容的頁面（如部落格文章或新聞文章），INP 可能不是什麼大問題。唯一真正的“互動”是向下滾動頁面。或者捏合以放大和縮小。但這些都不計入 INP 測量目的。

當然，您的選單仍然需要響應。如果您在其中有任何註冊按鈕，您需要確保它們也能快速響應。

但是對於登入頁面、註冊頁面或其他使用者需要快速點選的頁面（例如將產品新增到購物車），INP 非常重要。

例如，考慮一下這樣的頁面的載入體驗：

對於這樣的登入頁面，載入內容所需的時間並不是那麼重要（反正也沒有那麼多內容需要載入）。

重要的是你能多快開始輸入你的登入資訊。然後是“登入”按鈕能多快起作用。

考慮到所有這些，您可以採取以下措施來提高網站的 INP 分數：

· 最小化（或延遲）JavaScript：瀏覽器載入 JS 時，使用者幾乎不可能與頁面互動。因此，最小化或延遲頁面上的 JS 是 INP 的關鍵。

· 刪除所有不重要的第三方指令碼：與 LCP 一樣，第三方指令碼（如 Google Analytics、熱圖等）會對 INP 產生負面影響。如果您的 INP 時間過長，請考慮刪除所有不重要的指令碼。

· 推遲程式碼執行：您可以將瀏覽器需要執行的長任務分解為較小的塊。您可能需要開發人員的幫助。

累積佈局偏移 (CLS)

累積佈局偏移 (CLS) 衡量頁面載入時的穩定性（又稱“視覺穩定性”）。

換句話說：如果頁面上的元素在頁面載入時移動，那麼您的 CLS 分數可能會很高。這很糟糕。

相反，您希望頁面元素在頁面載入時相當穩定。

為什麼？

假設有一位使用者進入您的商店頁面。他們看到一個按鈕，可以瞭解有關特定產品的更多資訊。當他們點選該按鈕時，螢幕頂部會出現一個橫幅，將所有內容向下移動。因此，他們不小心點選了“立即購買”按鈕。

這是一個糟糕的使用者體驗。

以下是 Google 針對 CLS 制定的具體標準：

您希望 CLS 分數不超過 0.1。0.1 至 0.25 之間的分數需要改進，高於此分數的分數則被視為較差。

正如你所見，這是我需要改進的地方。特別是在移動裝置上。

以下是您可以採取的一些簡單措施來儘量減少 CLS。

· 對任何媒體（如影片和圖片）使用設定的尺寸屬性尺寸：這樣，使用者的瀏覽器就能準確知道該元素在頁面上佔用多少空間。並且不會在頁面完全載入後動態更改它。

· 確保廣告元素有預留空間：否則它們可能會突然出現在頁面上。將內容向下、向上或向側面推。

· 避免在首屏上方動態新增新內容：例如，在頁面頂部插入橫幅會導致載入時所有內容向下移動。相反，請考慮在首屏下方新增類似元素。