Core Web Vitals 案例研究：如何提高您的分數和提升 SEO

已發表: 2022-04-27

2021 年 5 月，我們研究了 Google 將頁面體驗作為其網站排名算法中的一個新因素，以及頁面體驗中三個特定的、可衡量的用戶體驗排名信號，稱為Core Web Vitals 。

因此，Google Core Web Vitals 指標已成為有效、全面的網頁設計和技術 SEO 清單的重要組成部分。

這意味著採取網站設計和 SEO 步驟來提高頁面加載速度、網站交互性和網頁的視覺穩定性至關重要，這些步驟與您對內容、鏈接策略、關鍵字等採取的嚴格方法相同。

許多網站（包括我們的網站）在算法更新後發現自然流量有所減少。

讓我們看看我們如何專注於改進我們的Core Web Vitals 指標，以及我們的響應如何隨著時間的推移而得到回報。

核心網絡生命力和 SEO：快速回顧

這三個指標反映了您的網頁在頁面加載速度、交互性和視覺穩定性方面的性能。 作為您網站的 Chrome 用戶體驗報告 (CrUX) 的一部分，它們表示為：

  1. 最大內容繪製(LCP) — 衡量頁面加載速度，即頁面主要內容在用戶屏幕上完成呈現所需的時間
  2. 首次輸入延遲(FID) — 根據用戶單擊、輕敲或以其他方式交互的那一刻到瀏覽器開始處理該輸入的那一刻之間的時間來衡量交互性
  3. Cumulative Layout Shift (CLS) — 根據視覺內容佈局的意外變化來衡量視覺穩定性

Google 的 PageSpeed Insights 分析和報告結果，並提供有關移動和桌面性能得分的數據和細節，以及提高性能所需的改進。

將 SEO 價值置於這些性能指標背後的意義非常明確：它們是您的網站在用戶與您的頁面交互過程中提供的整體體驗質量的一部分。

Core Web Vitals 將分數報告為差、需要改進和好。 如果 75% 或更多的流量測量值低於 LCP、FID 和 CLS 的閾值，則頁面通過。

需要注意的是，作為其數據源， CrUX 在過去 28 天內使用了 75% 的 Chrome 用戶數據。 這意味著其他瀏覽器的交互不會影響 Core Web Vitals 報告。 這也意味著您應該期待您的網站性能改進和 Core Web Vitals 報告的更高分數之間的延遲。

谷歌提供資源來了解重要信息以及如何改進它們，但您可以關注以下幾個重要領域，以進行快速、有意義的 CWV 改進，這些改進應該轉化為更多流量和整體 SEO 改進：

  • 優化圖像和視頻
  • 減少 JavaScript
  • 延遲加載低於首屏的圖像
  • 預加載英雄、網絡字體和其他關鍵元素
  • 專注於移動性能

HubSpot 如何幫助改進關鍵的網站性能指標？

  1. 自動縮小 Javascript 和 CSS
  2. 執行基本的圖像優化（不能替代手動優化，但有幫助）
  3. 在 HubSpot 的快速內容交付網絡 (CDN) 上託管文件

案例 1：改善客戶的核心 Web Vitals

下面是客戶在 Google Search Console 上的移動頁面性能指標報告的截圖。 很容易看出 28 天標記何時因許多改進而滾動，將評分“差”的頁面數量推低至零。

CWV-性能 您還可以看到網絡流量波動如何影響分數，因為一些“好”分數的頁面進入了“需要改進”的範圍。 儘管如此，優化還是得到了回報，這項工作繼續將這個客戶端的更多網頁推向“良好”的性能範圍。

以下是同一站點的桌面性能報告。 請注意台式計算機的網頁渲染實際上如何導致性能下降。 也就是說，更重要的是關注移動，因為這些是谷歌衡量 SERP 結果的指標。

CWV-健康

在報告儀表板上很容易看到從紅色到綠色的轉變……但是分數提高如何轉化為網站流量？ 在下面，您可以看到網站流量一直呈上升趨勢 - 而在 6 月，它下降了。 但此後的優化工作對網站流量產生了明顯、可衡量的影響，並繼續呈上升趨勢：

谷歌搜索控制台指標

案例二：魏德集團

隨著 2021 年 6 月的 Google 算法更新，我們自己的網站流量顯著下降，我們目前正在努力通過提高頁面性能來糾正這種下降。 首先，看一下 Google Search Console 中的移動頁面性能：

CWV 值得注意的是，我們獲得“良好”分數的大多數網頁都是加速移動網頁(AMP)，因此為您的網站，尤其是您的博客啟用此功能非常重要。

下面，通過比較 5 月和 6 月到 7 月，您可以看到持續改進對我們移動流量的 LCP 分數的影響......

LCP 性能

…以及我們的 CLS 分數：

CLS-性能-1

而且我們還沒有遇到過出現 FID 性能問題的 HubSpot 託管站點（儘管 6 月份的下降很明顯）：

FID-性能

但同樣，這些指標如何轉化為流量？ 下圖顯示我們的努力阻止了潮流，我們正在慢慢恢復到之前的流量水平：

谷歌搜索控制台

對於 Weidert Group 這樣龐大而有深度的網站，逐頁回溯和優化可能是一項長期的維護任務。 因此，更重要的是，向前邁進，按照當前的最佳實踐構建新內容，以提高頁面速度和交互性能，以獲得最佳的用戶體驗。

SEO的持續改進

谷歌 2021 年算法更新的主要推動力是，它應該通過獎勵提供與用戶停留和互動相關的可衡量體驗的網站來提升整體更好的用戶體驗，而不是因為加載緩慢、輸入延遲長和轉移而沮喪而放棄網站頁面元素。

不用說，出色的網站性能將永遠是一個移動的目標，而 SERP 位置性能將繼續讓營銷人員保持警惕。 但是通過紮實的指導和嚴謹的方法，您可以做出真正的改進，從而增加您網站的訪問量和這些訪問產生的潛在客戶的質量。 我們的SEO 生存指南是一個很好的起點。 單擊下面的鏈接以訪問該指南，並下載您自己的副本以隨身攜帶或與同事分享。

新的號召性用語