您應該了解的有關 Google Core Web Vitals 的信息

已發表: 2021-05-08

您聽說過 Google 的新 Core Web Vitals 嗎？ 除了四個現有的頁面體驗信號之外，Core Web Vitals 對於最佳用戶體驗（加載、交互性和視覺穩定性）至關重要。 谷歌將在 6 月中旬逐步開始推出這些指標，到 8 月底它們將在排名確定中發揮全部作用。 在此博客中，我們將仔細研究每個核心網絡生命，它們將如何影響您的網站，改進它們的工具等等。

谷歌的核心網絡生命力是什麼？

Core Web Vitals 根據速度以及訪問者與頁面交互的速度來評估用戶體驗（在桌面和移動設備上）。 每個 Core Web Vital “代表了用戶體驗的一個不同方面，在該領域是可衡量的，並反映了以用戶為中心的關鍵結果的真實體驗。”

Core Web Vitals 不僅僅關注文本元素，而是評估頁面內整體用戶體驗 (UX) 的質量。 有三個核心網絡生命力：

  1. 最大含量塗料 (LCP)
  2. 首次輸入延遲 (FID)
  3. 累積版式偏移 (CLS)

LCP 評估性能和負載、FID 響應性和交互性以及 CLS 視覺穩定性。 Core Web Vitals 佔您的 Google 頁面體驗分數的最大部分，其中還包括以下現有搜索信號：

  1. 移動友好
  2. 安全瀏覽
  3. HTTPS
  4. 無侵入性插頁式廣告

我們將在本博客後面詳細介紹頁面體驗分數。 讓我們從深入了解每個 Core Web Vital 的細節開始。

Core Web Vital #1 :: 最大的內容繪製 (LCP)

最大內容繪製 (LCP) 衡量頁面上最大內容元素的加載速度。 這通常是一塊大的塊級文本、圖像或視頻。 LCP 不是評估整個頁面的加載時間，而是從用戶的角度檢查頁面加載所需的時間，這是最重要的頁面速度指標。

一個好的 LCP 小於 2.5 秒，這意味著最大的元素在頁面開始加載後的 2.5 秒內顯示。 優化 LCP 很重要，因為事實證明更長的加載時間會對跳出率產生嚴重的負面影響。 要縮短 LCP 時間，請考慮：

  • 刪除大頁面元素
  • 升級您的虛擬主機
  • 實現延遲加載
  • 刪除不必要的第三方腳本

Core Web Vital #2 :: 首次輸入延遲 (FID)

首次輸入延遲 (FID) 衡量從用戶首次與頁面交互到瀏覽器對該交互做出響應的時間量。 用戶交互包括（但不限於）以下內容：

  • 選擇菜單或導航選項
  • 單擊鏈接或按鈕
  • 在字段中輸入文本
  • 在移動設備上打開手風琴菜單

FID 超出了您的 PageSpeed 分數，因為它衡量了用戶完成特定操作所需的時間。 這意味著它需要來自實時用戶的現場數據，並且不能通過實驗室模擬生成。

一個好的 FID 應該不超過 100 毫秒，以便在 Web 上提供出色的用戶體驗。 要縮短 FID 時間，請考慮：

  • 使用瀏覽器緩存
  • 刪除非關鍵的第三方腳本
  • 推遲（或最小化）JavaScript

Core Web Vital #3 :: Cumulative Shift Layout (CSL)

累積移位佈局 (CSL) 計算整個頁面加載時發生的佈局移位總數。 換句話說，它決定了頁面在加載過程中視覺穩定的速度。 加載期間的頁面穩定性有助於確保訪問者不會錯誤地單擊某些內容，或者必須重新了解鏈接、按鈕和字段的位置。

一個好的 CSL 小於 0.1。 您的分數可以低至 0，並且每次發生班次佈局時都會增加。 換句話說，較高的分數意味著頁面加載時元素會跳動很多。 沒有最高分，但 Core Web Vitals 得分為 0.25 或以上為“差”。 要提高您的 CSL 分數，請考慮：

  • 在首屏下方添加額外的 UI 元素
  • 確保廣告元素保留空間
  • 定義媒體的尺寸屬性尺寸

Core Web Vitals 如何適應 Google 的排名因素？

Core Web Vitals 是稱為“頁面體驗信號”的指標集的重要新組件。 這些通過考慮最重要的非文本元素來評估頁面的整體用戶 Web 體驗。 換句話說，他們考慮用戶如何看待他們與頁面的交互，以及該頁面在滿足他們的查詢方面有多大用處。 我們將在下面檢查四個現有的頁面體驗信號。

1. 移動友好

這評估了網站在移動設備上導航的難易程度。 這包括鏈接和頁面元素的可訪問性，以及內容的可讀性。 頁面的每個部分在移動設備上的功能都應該與在桌面設備上一樣，這是響應式設計的基礎。

2. 安全瀏覽

安全瀏覽確定網站是否存在被黑內容、網絡釣魚和惡意軟件等問題。 它的重點是確保訪問者可以安全地瀏覽他們正在尋找的內容。

3. HTTPS

該指標評估網站的安全性，以及是否按照 Google 最佳實踐建議通過 HTTPS 提供服務。

4. 沒有侵入性的插頁式廣告

此信號可確保基本頁面內容不會被侵入式插頁式廣告（彈出式廣告）阻擋，從而促進愉快的瀏覽體驗。

您的核心網絡生命值分數是如何計算的？

Core Web Vitals 分數是使用 28 天窗口內的第 75 個百分位計算的。 換句話說，它使用四個站點訪問中的三個 (75%) 來確定頁面是否滿足每個 Core Web Vital 的目標。 如果頁面滿足所有三個指標的推薦分數，則它通過了 Core Web Vitals 評估。

Core Web Vitals 將如何影響您的網站？

雖然 Core Web Vitals 固然重要，但關鍵是要了解 Google 在對網頁進行排名時會考慮數百個獨特的信號。 但是，Core Web Vitals 可以對競爭極具競爭力的條款的頁面產生重大影響。 隨著用戶期望的變化，Core Web Vitals 將隨著時間的推移而不斷發展，因此隨時了解情況至關重要。

如何提高您的核心 Web Vitals 分數？

您可以使用許多免費工具來分析和提高您的 Core Web Vitals 分數。 改善這些指標可以幫助您超越競爭對手並在 Google 搜索引擎結果頁面中排名更高。 我們建議使用以下工具來查看您的 Core Web Vitals 分數並發現改進的機會。

工具 #1 :: Google Search Console Core Web Vitals 報告

如果您想提高您的 Core Web Vitals 分數，請從 Google Search Console 的 Core Web Vitals 報告開始。 Core Web Vitals 報告位於您的 Search Console 帳戶的“增強功能”部分，提供了您整個網站的表現的概覽。

Tower Marketing 的 Core Web Vitals 報告的屏幕截圖。

Core Web Vitals 報告使用 Chrome 用戶體驗報告中的字段數據按問題對索引 URL 進行分組。 這是因為類似頁面上的用戶體驗問題通常是由相同的潛在問題引起的。 每個 URL 都被評為“差”、“需要改進”或“好”。

查明問題後，您可以使用 Google PageSpeed Insights 或 Google Lighthouse 等工具進行修復。 以下兩節將更詳細地檢查這些工具，以幫助您針對 UX 進行優化。

工具 #2 :: Google PageSpeed Insights 報告

您的 Google Search Console Core Web Vitals 報告鏈接到 Google PageSpeed Insights 中的相應報告，該報告由 Lighthouse 實驗室模擬提供支持。 PageSpeed Insights 使用實驗室和現場數據測量核心網絡生命力。 專注於“機會”和“診斷”部分，以識別每個 URL 上的問題並有效優化網站速度。

PageSpeed Insights 加載 Tower Marketing 網站的屏幕截圖。

工具 #3 :: 谷歌燈塔

Google Lighthouse 是一種自動化工具，可針對 URL 運行審核並創建有關該頁面性能的報告。 Lighthouse 6.0 包括最大內容繪製 (LCP) 和累積佈局偏移 (CLS) 的實驗室指標，使其成為評估核心 Web 生命力的寶貴工具。

總阻塞時間 (TBT)

Lighthouse 6.0 的第三個新指標是總阻塞時間 (TBT)，它與首次輸入延遲 (FID) 直接相關。 簡單地說，TBT 計算 LCP 和 Time to Interactive (TTI) 之間的總時間。 TTI 是從頁面開始加載到它可靠地響應用戶交互的時間量。

到第一個字節的時間 (TTFB)

Lighthouse 報告的“機會”部分還包括首字節時間 (TTFB)。 顧名思義，這是瀏覽器接收頁面內容的第一個字節所花費的時間。

互動時間 (TTI)

包含在 Lighthouse 報告的“性能”部分中，交互時間 (TTI) 衡量頁面變為完全交互所需的時間。 TTI 與 TBT 一起工作，以查明和診斷可能對您的 FID 產生負面影響的交互性問題。 因為它不是現場可衡量的或以用戶為中心的，所以 TTI 不包含在 Core Web Vitals 中。

工具 #4 :: Google Search Console 頁面體驗報告

頁面體驗報告將您的核心 Web Vitals 報告與其他四個頁面體驗信號相結合：移動設備友好、安全瀏覽、HTTPS 和無侵入性插頁式廣告。 深入了解頁面體驗信號的每個組成部分可以幫助您發現新的改進機會，這在決勝局的情況下特別有用。

工具 #5 :: Google Chrome 用戶體驗 (CrUX) 報告

Chrome 用戶體驗報告是一份來自數百萬網頁的用戶體驗數據的匿名公開報告。 它測量所有三個 Core Web Vitals 的現場數據（而不是實驗室數據），並且不考慮模擬或 Googlebot 訪問。 查看您的頁面在該領域的表現如何是確定有價值的改進機會的好方法。

工具 #6 :: Google Chrome DevTools

Google Chrome DevTools 內置於 Google Chrome 瀏覽器中，旨在幫助您診斷和修復可能導致高 CSL 的問題。 他們還測量 TBT，這在尋求改善 FID 時很有用。

工具 #7 :: Google Chrome Web Vitals 擴展

Web Vitals Extension 在 Chrome Web Score 中提供，可實時測量所有三個 Core Web Vitals。 這些關於加載、交互和佈局變化的即時數據可幫助您識別可以產生重大影響的機會。

工具 #8 :: Semrush 站點審計工具

您的 Semrush 帳戶中的站點審核工具報告與 Core Web Vitals 相關的各種數據。 這包括加載速度指標、HTTPS 安全協議、JavaScript 和 CSS 錯誤、可抓取性等。

與 Tower Marketing 合作以提高您的核心 Web Vitals 分數

識別和修復 Core Web Vitals 問題的最佳（也是最簡單）方法是與 Tower Marketing 等機構合作。 我們經驗豐富的 Web 開發人員和 SEO 團隊擁有使您的網站達到 Core Web Vitals 建議的工具，我們將在出現任何問題時予以解決。

想要檢查您網站的核心網絡生命力，並了解您如何與這些新的頁面體驗指標相提並論？ 今天就聯繫我們開始吧。