Google SEO:如何優化Core Web Vitals提高您的網站排名

您的網站排名下降了嗎？擔心您的網站不符合 Google 的 Core Web Vitals 標準？想要優化網站的頁面速度但不確定下一步該怎么做？

本指南將引導您逐步完成以下過程：

1.如何測試您網站的 Core Web Vitals。

2.如何制定計劃使您的網站更快。

3.如何跟蹤網站的表現

但首先，讓我們深入了解什么是 Core Web Vitals，以及為什么我們需要關注這些關鍵的 SEO 指標。

什么是Core Web Vitals？

Core Web Vitals是一組由 Google 開發的三個頁面速度指標。每個指標衡量和評估訪問者在您網站頁面上的不同方面的體驗。

• Largest Contentful Paint (LCP)：主頁內容呈現的速度有多快？

• Cumulative Layout Shift (CLS)：渲染后頁面布局是否穩定？

• First Input Delay(FID)：頁面對用戶輸入的反應速度有多快？

  
  

您在 Core Web Vitals 測試中的結果越好，您在 SERP 上的排名就越好。

Core Web Vitals如何影響谷歌排名？

隨著 2021 年 6 月的頁面體驗更新，Core Web Vitals 指標成為排名因素。

Google 從真實的 Chrome 用戶那里收集這些指標作為Chrome 用戶體驗報告 (CrUX)的一部分。然后使用此數據對搜索結果進行排名。

對于每個指標，谷歌都為“良好”用戶體驗定義了一個閾值，這些良好的分數在任何 Core Web Vitals 報告中都會被涂成綠色。例如，Largest Contentful Paint 應該在導航到頁面后的 2.5 秒內發生。

如果 75% 的用戶體驗都滿足所有三個指標的“良好”閾值，那么網站將獲得最大的排名提升。

Lighthouse 分數會影響我的網站排名嗎？

與 Core Web Vitals 不同，Lighthouse 分數不會影響您的搜索引擎排名。即使 Lighthouse 給您的分數很低，您的真實用戶可能仍然會在您的網站上獲得良好的體驗。

除了 Core Web Vitals 指標外，許多性能工具還會顯示 0 到 100 之間的性能分數。

這稱為Lighthouse Performance score，基于 Google 的 Lighthouse 測試工具，許多其他網站速度測試都建立在該工具之上。

該分數為您的網站提供了高水平的評估。

但是，在優化頁面時，您可以忽略它，而是專注于您想要改進的特定指標。

因此，讓我們開始改進真正重要的網站速度指標——Core Web Vitals。

第 1 步：檢查您是否需要優化您的Core Web Vitals

訪問Search Console，這是一種 Google 工具，可提供關于您的網站在搜索結果中的表現。

如果您在網站上配置了 Search Console，則可以快速查看網站的實時 Core Web Vitals 報告。如果沒有，下面介紹了如何在 Google Search Console 上設置您的網站。

此 Core Web Vitals 選項卡根據 Google 的用戶體驗指標顯示您的網站的運行情況。

如果您只有“好的 URL”，那么您就做得很好，不必擔心為 SEO 進一步優化 Core Web Vitals。

但是，如果您的某些頁面被標記為“差”或“需要改進”，那么改進 Core Web Vitals 指標可以幫助您的網站在 Google 上排名更高。

第 2 步：識別您網站上的慢速頁面

您網站上的單個慢速頁面可能會拖累整個網站的指標和體驗。因此，找到并修復返回“差”或“需要改進”分數的每個頁面非常重要。

如何在 Search Console 中識別單個慢速頁面

如果您的網站流量很大，這一步很簡單。

1.打開 Core Web Vitals 選項卡。

2.單擊移動或桌面數據的“打開報告”。

3.選擇“為什么 URL 不被認為是好的”下列出的問題之一。

4.單擊有問題的 URL 組之一。

Google 將為該組中的示例頁面提供 URL 級別的數據，您可以將精力集中在 Core Web Vitals 上表現最差的頁面上。

但是，一旦進入 Search Console，您可能只會看到“URL 組”的數據，而不是單個頁面；那是完全正常的。

如果您的網站較新且流量不大，Google 會將多個 URL 組合成一個 URL 組，并根據Core Web Vitals 對該組進行評級。

很有可能，該 URL 組中的頁面非常相似，以至于您對一個頁面所做的更改可以復制到該組中的其他頁面。

如何在 Search Console 中查看慢速 URL 組

Google Search Console 有時會將您網站上的相似頁面分類為網址組。這是因為您網站上的大多數頁面可能無法自行獲得足夠的流量，因此 Google 無法獲得足夠的性能數據。

使用 Google Search Console 中詳細的桌面和移動Core Web Vitals報告，找出您網站的哪些部分運行緩慢。

在與之前相同的區域中，您還可以看到您的慢速 URL 組。

在上面的屏幕截圖中，我們可以看到網站上有一組 30 個 URL 不符合最大內容繪制閾值。

默認情況下，Search Console 會顯示該組中的一個示例網址。您可以單擊組以查看組中 URL 的完整列表。

但是僅僅因為一組 URL 很慢并不意味著該組中的每個頁面都很慢。您需要進一步調查以確定需要優化的頁面。

如何測試 URL 組內 URL 的單個頁面速度

如果您看到一長串“沒有足夠使用數據的 URL”，我們可以為您提供解決方案。

Google 只為接收到足夠流量以記錄數據的各個頁面提供 URL 級別的性能數據。

由于您沒有足夠的真實用戶數據，最好的選擇是運行基于實驗室的性能測試，以查看 URL 組中的哪些頁面運行緩慢。

基于實驗室的測試在用于測量頁面性能的受控環境中運行。

實驗室數據與現實數據不匹配，但您可以使用它來對您的網頁進行排名并確定最慢的網頁。

您可以使用免費的網站速度測試工具來運行您的測試，或使用DebugBear批量測試頁面并根據 Core Web Vitals 指標對它們進行排名。

DebugBear 站點速度測試結果，2022 年 10 月

第 3 步：為您網站上的關鍵頁面設置監控

一旦您確定了哪些頁面表現不佳，您將需要持續監控您的網站以更快地檢測性能變化。

DebugBear既運行連續的基于實驗室的測試，又隨著時間的推移跟蹤谷歌的真實用戶數據。通過這種方式，您可以確認您的 Core Web Vitals 改進正在發揮作用，并在發生任何意外回歸時收到警報。

您應該持續監控哪些頁面？

您應該考慮監控三種類型的頁面：

1. 您確定為具有較差的 Core Web Vitals 的特定頁面。

2. 關鍵的高流量頁面，例如您的主頁。

3. 等效的競爭對手頁面，以便您可以進行比較和基準測試。

專業提示：識別您網站上的不同頁面類別并監控每種類型頁面的一個或兩個 URL。

一個類別中的頁面將具有相似的性能特征。監視 50 個相似的頁面通常不會幫助您發現其他性能問題。

第 4 步：對慢速頁面運行深入的性能測試以確定潛在的修復

通過性能測試，您將能夠了解“需要改進”或“差”Core Web Vitals 分數的確切原因。

要在您的各個慢速頁面上運行性能測試：

1.訪問：轉到 debugbear.com/test。

2.測試：輸入慢速網頁的 URL。

3.審查：分析您的 Core Web Vitals 結果并閱讀報告中的建議以加速您的網站。

如何分析最大的內容繪畫分數

Largest Contentful Paint (LCP) 測量導航后最大的內容元素出現在頁面上的時間。

因此，第一步是識別 LCP 元素——例如，頁面上的大圖像或標題。

完成后，您可以研究如何加載必要的資源以更快地顯示該內容。

如何分析累積的布局偏移分數

Cumulative Layout Shift衡量渲染后布局的穩定性。

要減少它，請檢查哪些 UI 元素在初始頁面加載后改變了位置。

如何分析第一個輸入延遲分數

First Input Delay測量用戶交互后頁面開始處理用戶輸入的時間。

實驗室測試通常不會模擬用戶交互，但您仍然可以查看長時間的 CPU 任務，這些任務會延遲頁面處理用戶輸入的速度。

第 5 步：確定最有前途的優化

不同站點速度優化的影響差異很大。

通常，應用少量改進可以大大提升您的整個網站。

在實施任何更改之前，請考慮：

• 對 Core Web Vitals 的影響有多大？

• 這些改進僅適用于特定頁面還是適用于整個網站？

• 實施變更需要多少工作？

使用快速實驗來估計核心 Web Vitals 優化的潛在影響

DebugBear 包含一項實驗功能，可讓您嘗試性能優化，而無需對您的網站進行代碼更改和部署。

您可以修改頁面 HTML 以查看資源優先級的變化在實踐中將如何影響您的網站。

例如，下面我們可以看到網站渲染過程的早期階段。圖像最終顯示在頁面頂部。渲染過程中選定點的屏幕截圖顯示了圖像加載之前頁面布局的樣子。

在左側的基線視頻記錄中，下載圖像文件時沒有為圖像預留空間，導致圖像到達時某些頁面內容最終向下移動。

在右邊，我們看到了一個實驗，看看如果為圖像設置了最小高度，頁面將如何加載，這消除了布局偏移。

使用暫存環境測試核心 Web Vitals 優化的性能影響

另一種檢查您的更改是否達到預期效果的方法是將代碼更改部署到暫存環境并在那里運行測試。

及早驗證指標改進將幫助您快速找到有效的更改并對 Core Web Vitals 產生積極影響。

第 6 步：評估現實的優化

一旦您的更改投入生產或生效，將需要 30 天才能看到優化的完整結果。

一旦您看到優化所產生的影響，您就可以再次執行這些步驟來決定接下來要優化的內容。

開始優化您的Core Web Vitals 以獲得更好的性能

DebugBear 可以通過輕松運行性能測試、識別改進機會以及跟蹤頁面速度隨時間變化來幫助改善您的 Core Web Vitals。

該產品專為 Core Web Vitals 優化而構建，將 Google 的真實用戶數據與深度報告相結合，可幫助您加快網站速度。

立即查看您網站的 Core Web Vitals：https://www.debugbear.com/?utm_source=article&utm_medium=sponsored&utm_campaign=sej3