了解核心 Web Vitals 和改進它們的頂級技術

已發表: 2022-05-11

2020 年 5 月，Google 推出了一項新計劃 Web Vitals，該計劃旨在為質量信號提供指導。 Google 認為這些指標對於在網絡上提供出色的用戶體驗至關重要。

多年來，Google 為我們提供了多種工具（Google Analytics、Search Console 和 PageSpeed Insights 是其中一些受歡迎的工具），隨著它們的發展，這些工具通常很難跟上。

但是，您不必成為性能嚮導，也能了解您的網站提供的用戶體驗質量。 Web Vitals 旨在簡化這一點，幫助我們專注於最重要的指標——Core Web Vitals。

數字營銷研究生課程

與普渡大學合作並與 Facebook 共同創建現在註冊
數字營銷研究生課程

什麼是核心網絡生命力？

核心 Web Vitals 是適用於所有網頁的 Web Vitals 的子集。 每個 Core Web Vitals 都反映了真實世界的體驗，並代表了用戶體驗的不同方面。 Google 建議由所有網站所有者衡量這些指標。

構成 Core Web Vitals 的指標會隨著時間的推移而發展，但在撰寫本文時，這組指標集中在用戶體驗的三個主要方面：

  • 正在加載
  • 互動性
  • 視覺穩定性

什麼是最大含量塗料 (LCP)？

最大內容繪製（LCP）測量加載性能，這是用戶體驗的第一個方面。 當您的頁面的主要內容可能已完成加載時，它會標記加載時間線中的點。 您的最大內容繪製速度越快，Google 就越能放心，用戶會發現該頁面很有用。

為了您的網頁提供良好的用戶體驗，LCP 應在頁面首次開始加載後的 2.5 秒內發生。

為了強調滿足最大內容繪製指南的重要性，當頁面加載速度更快時，用戶將在網站上花費更多時間。 事實上，用戶在加載時間為 2 秒時訪問了 8.9 個頁面（符合 LCP 的 2.5 秒建議），而在加載時間為 8 秒時僅訪問 3.3 個頁面。

免費的高級 SEO 認證計劃

掌握關鍵概念和技能並成為 SEO 專家現在註冊
免費的高級 SEO 認證計劃

什麼是首次輸入延遲 (FID)？

第一輸入延遲或 FID 衡量交互性，這是用戶體驗的第二個方面。 它量化了用戶嘗試與無響應頁面交互時的體驗。

FID 測量從用戶第一次與您的頁面交互（例如單擊鏈接或點擊按鈕）到瀏覽器開始處理事件處理程序以響應用戶操作的時間。

為了提供良好的用戶體驗，頁面的首次輸入延遲應為 100 毫秒或更短。 低 FID 有助於確保您的頁面可用。

什麼是累積佈局偏移 (CLS)？

累積佈局偏移或 CLS 衡量視覺穩定性，這是用戶體驗的第三個方面。 它有助於量化用戶體驗意外佈局變化的頻率。 低 CLS 有助於確保頁面不笨重。

為了提供良好的用戶體驗，頁面應保持 0.1 或更少的累積佈局偏移。 這是一個分數，而不是像 LCP 和 FID 那樣的時間度量。

LCS 分數是通過讓瀏覽器查看視口大小和兩個渲染幀之間的視口中不穩定元素的移動來計算的。

如何提高核心網絡生命力

優化高質量的用戶體驗是您網站成功的關鍵，Google 認為 Core Web Vitals 對所有網絡體驗都至關重要。 因此，在盡可能多的頁面上找出改善用戶體驗的機會非常重要。

為確保您在網站上達到為用戶推薦的目標，衡量 LCP、FID 和 CLS 指標的良好閾值是頁面加載的第 75 個百分位。 要認為您的網站符合 Core Web Vitals，請考慮一個頁面是否符合這些指標的第 75 個百分位的推薦目標。

這裡有一些方法可以改善您的核心 Web Vitals 指標並確保您的網站提供出色的用戶體驗。

提高頁面加載速度

在這一點上，不言而喻，當網頁快速加載時，它會帶來更好的用戶體驗。 兩到三秒之間是跳出率飆升的轉折點。 40% 的消費者會在決定離開您的網站之前等待不超過三秒鐘。

使用 PageSpeed Insights 為您輸入的任何網頁獲取分數，並利用該工具的建議來加快您的網頁加載速度。 有可能存在加載時間不符合 Core Web Vitals 指南的情況，此時您可能需要查看視頻、圖像或其他可能導致加載緩慢的問題。

優化最大內容繪製

作為最大的內容塗料 (LCP) 在 Core Web Vitals 總體得分中佔有重要地位，因此針對該指標進行​​優化是明智的。 由於資源加載時間是 LCP 分數低的常見原因，Google 建議以下幾點：

  • 優化和壓縮圖像
  • 預加載重要資源
  • 壓縮文本文件
  • 使用自適應服務
  • 使用服務工作者緩存資產

免費的谷歌分析課程

建立強大的 Google Analytics（分析）基礎 現在開始學習
免費的谷歌分析課程

降低跳出率

跳出率說明了用戶放棄您網站的速度，您希望該百分比盡可能低。

例如，Google Analytics 會向您顯示您網站上任何已訪問頁面的跳出率。 這可以幫助您識別問題，例如頁面是否沒有響應或無法在移動設備上正確加載。

高跳出率還可能表明用戶沒有找到他們需要的內容，這可能向 Google 發出信號，表明該頁面與其在搜索結果中出現的查詢無關。 高跳出率也可能表明插頁式廣告、彈出窗口和其他突兀元素帶來的不良用戶體驗。

消除意外的佈局變化

當文本或按鈕突然移動到頁面上的另一個位置時（通常是由於加載問題），這被稱為意外的佈局偏移。 這可能會讓用戶感到沮喪，導致他們迷失方向或點擊錯誤的東西。

要避免或消除意外的佈局變化，請執行以下操作：

  • 避免在現有內容之上插入內容
  • 確保為上下文和連續性設置動畫過渡
  • 包括圖像和視頻的尺寸屬性
您想掌握數字營銷的基本學科嗎？ 立即查看數字營銷專家課程。

想要解鎖 SEO 和 Core Web Vitals 的好處？

搜索引擎優化和谷歌的核心網絡活力對於任何數字營銷策略都是必不可少的。 我們的搜索引擎優化 (SEO) 培訓課程將把您轉變為全棧 SEO 專業人士，推動您網站最關鍵的營銷渠道的持續增長。 在本課程中，您將掌握 SEO 的許多方面，例如關鍵字研究、技術 SEO、鏈接構建、分析等等。

如果您有興趣成為擁有 SEO 以外技能的全棧數字營銷人員，請查看我們的數字營銷研究生課程。 在這個與普渡大學合作提供並與 Facebook 共同創建的綜合計劃中，您將通過實踐項目、現場在線指導、普渡大學教師和專家的大師班學習成為一名成功的數字營銷專業人士所需知道的一切在 Facebook，哈佛商業出版社的案例研究，等等！