• 主頁
  • 文章
  • SEO
  • 如何優化核心 Web Vitals 以獲得更好的 SEO 和 UX

如何優化核心 Web Vitals 以獲得更好的 SEO 和 UX

已發表: 2022-03-10

TL;DR：Google 宣布，到 2022 年 3 月底，頁面體驗將成為桌面搜索的排名因素。監控您的核心 Web 生命體徵信號，以確保積極的客戶體驗並保護轉化率。

跳轉到一個部分：

  • 什麼是桌面頁面體驗更新？
  • 相對於其他排名因素，頁面體驗有多重要？
  • 頁面體驗對業務有何影響？
  • Google 的 Core Web Vitals 指標
  • 在哪裡可以找到 Core Web Vitals 指標？
  • 在 Botify 中監控核心 Web Vitals
  • GSC 中的 Core Web Vitals 報告
  • Google 算法中的現有頁面體驗信號
  • 如何優化頁面體驗？

什麼是頁面體驗更新？

鑑於在出色的網頁體驗和“meh”體驗之間進行選擇，我們每次都會選擇出色的體驗。

您是否曾經不得不等待八秒鐘才能打開菜單？ 或者因為頁面元素突然移動而誤點擊了什麼？

來自谷歌。

你當然有。 我們都有。

谷歌知道有多少這樣的互動會破壞我們對網站的體驗。 這就是為什麼他們多年來添加了與體驗相關的標準作為排名因素，例如頁面速度和移動友好性。

但在 2020 年 11 月，谷歌宣布打算創建一個綜合的頁面體驗排名因素。 此更新將整合現有的頁面體驗信號（例如移動友好性、侵入性插頁式廣告的普遍性），同時還合併核心 Web 生命值 (CWV) 指標，該指標衡量與頁面速度、響應能力和視覺穩定性相關的屬性。

來自谷歌。

這些更新於 2021 年 6 月在移動搜索中推出。由於頁面體驗排名因素，網站不再需要加速移動頁面 (AMP) 來在熱門故事結果中排名。 只要頁面達到其頁面體驗閾值，它們就有資格在移動搜索中優先放置。

現在，谷歌正在擴展頁面體驗更新以包括桌面搜索。 部署應在 2022 年 3 月結束前完成。

相對於其他排名因素，頁面體驗有多重要？

頁面體驗不如擁有高質量的相關內容重要。 用 Google 自己的話來說，“我們會優先考慮總體上具有最佳信息的頁面，即使頁面體驗的某些方面不合格。”

這對你意味著什麼？ 這意味著如果您的內容與競爭對手的內容具有相似的質量和相關性，但該競爭對手的頁面體驗指標更好，那麼競爭對手的頁面可能會超過您的頁面。

頁面體驗對業務有何影響？

優化的頁面體驗不僅僅是在搜索中排名靠前——它對轉化以及客戶如何體驗您的品牌有直接影響。 谷歌發現，如果網站達到最低 CWV 閾值，用戶“放棄頁面加載的可能性降低 24%”。 這很重要。

即使沒有頁面放棄，緩慢的加載時間也會對轉換產生不利影響。 我們在 Contentsquare 的合作夥伴在其 2021 年數字體驗基準報告中透露，即使“網絡加載時間減少 100 毫秒也會導致轉化率下降 7%”。

鑑於這些趨勢，用戶體驗已成為電子商務網站和其他嚴重依賴數字流量的網站的首要任務。 在 Hubday，Alltricks 首席營銷官 Yohan Michel 表示，這家自行車和跑步設備零售商將精簡其網絡應用程序技術，以實現“一個更流暢、加載極快的移動網站，始終以提高轉化率為目標。”

由於 Core Web Vitals 是實現積極頁面體驗不可或缺的一部分，因此我們了解它們是什麼以及如何針對它們進行優化非常重要。

Google 的核心 Web Vitals 指標

谷歌的新頁面體驗排名因子將現有的頁面體驗信號與核心網絡生命力指標相結合，但核心網絡生命力是什麼？

Google 於 2020 年 5 月 5 日推出了 Core Web Vitals，以統一和簡化他們多年來添加的所有用戶體驗信號指南。

出色的用戶體驗包含許多因素，但 Google 確定了每個網站都應具備的三個基本要素：

  • 加載體驗：Google 使用“最大內容繪製”（LCP）指標來衡量用戶感知到的加載速度。 LCP 標記頁面的主要內容已完全加載的點。 學到更多。
  • 交互性：Google 使用“首次輸入延遲”(FID) 指標來衡量用戶如何與頁面交互。 FID 衡量頁面的響應速度等內容，並且是衡量用戶在嘗試在頁面上導航和執行操作時可能感受的最可量化的衡量標準。 學到更多。
  • 視覺穩定性：Google 使用“Cumulative Layout Shift” (CLS) 指標來衡量頁面佈局的穩定性。 換句話說，佈局對於用戶來說有多大的意外變化？ 學到更多。

谷歌解釋說，這些指標是其他指標的組合——同樣，作為簡化頁面體驗指標的一種方式。 例如，如果您的首次內容繪製 (FCP) 和首字節時間 (TTFB) 很差，您就不可能有一個好的 LCP。 Core Web Vitals 指標是可靠的指標，因為它們基於真實世界的使用數據（AKA “現場數據”），而不是外推數據（AKA “實驗室數據”）。 該字段數據來自 Chrome 用戶體驗 (CrUX) 報告，該報告收集了有關訪問您頁面的實際用戶的性能時間的匿名指標。

我在哪裡可以找到我的 Core Web Vitals 指標？

谷歌表示，其所有流行的開發工具現在都可以用來衡量核心網絡生命力。

以下是 PageSpeed Insights 工具中這些新指標的示例：

在 Web.Dev Measure Tool 中：

您可以在以下位置找到 Core Web Vitals 信息：

  • Lighthouse ：下載適用於 Chrome 的 Lighthouse 擴展或使用 Chrome DevTools 的 Audits 選項卡（點擊 URL 上的“inspect”並單擊“audits”選項卡）。
  • PageSpeed Insights ：訪問 PageSpeed Insights 工具並照常運行報告。 新的 Core Web Vitals 指標將在您的報告頂部突出顯示。
  • Web Vitals Chrome 擴展程序：Google 創建了一個完整的擴展程序，專門用於幫助您測量網頁上的 LCP、FID 和 CLS。 下載適用於 Chrome 的 Web Vitals 擴展程序。
  • Chrome UX 報告 API ：Chrome 用戶體驗報告中的所有指標均由 API 提供支持。 網站所有者可以使用這些相同的 API 來收集這些性能指標的 URL 級分析。 在此處查看有關 Chrome UX 報告 API 的 Google 文檔。
  • Web.dev Measure Tool ：訪問 https://web.dev/measure/ 以查看您通過該工具運行的任何 URL 上的 Core Web Vitals 數據。
  • Google Search Console ：GSC 中的“Core Web Vitals”報告按狀態、指標類型和 URL 類型對性能進行分組。
  • Botify ：截至 2022 年 2 月，Botify Analytics 包括一個 CoreWebVitals 儀表板，其中包含按頁麵類型細分的趨勢報告和 CWV 數據。

在 Botify 中監控核心 Web Vitals

Botify 通過 Google 的 API 直接從 CrUX 報告中獲取其 CWV 數據，以確保其具有權威性並與第三方報告一致。 但是使用 Botify 監控 CWV 有幾個好處。

由於您的 Core Web Vitals 數據位於 Botify 中，因此您可以輕鬆管理頁面體驗，而無需在平台之間切換。

不僅如此，您還可以按頁麵類型對數據進行細分，在這些問題開始出現在轉化數據中之前，揭示哪些頁麵類別遇到了 CWV 問題。

儀表板還具有許多趨勢報告，顯示您的 CWV 指標隨時間的變化。 這可以幫助您識別可能影響您的頁面體驗的網站更改。

但由於 SEO 可能最熟悉 GSC 並將其納入日常工作流程的一部分，讓我們具體深入研究該報告。 訪問 web.dev/vitals-tools 以獲取有關如何使用其他報告查找 Core Web Vitals 數據的詳細說明。

Google Search Console 中的 Core Web Vitals 報告

在 Google Search Console 中導航到您要審核的屬性，然後單擊左側導航中的“Core Web Vitals”。

在那裡，您將看到移動和桌面性能的圖表。

這些圖表包括屬於以下三個類別之一的 URL：

  • 差：如果 URL 的 LCP 超過 4 秒，FID 超過 300ms，CLS 大於 0.25，則認為 URL 是“差”的。
  • 需要改進：如果 URL 的 LCP 介於 2.5 和 4 秒之間，它們的 FID 介於 100 毫秒和 300 毫秒之間，並且它們的 CLS 介於 0.1 和 0.25 之間，則 URL 被認為是“需要改進”。
  • Good ：如果 URL 的 LCP 小於 2.5s、FID 小於 100ms 且 CLS 小於 0.1，則 URL 被標記為“good”。

由於此報告使用字段數據，如果 URL 沒有足夠的真實數據，GSC 將在報告中忽略它。

GSC 的 Core Web Vitals 報告按 URL 組細分問題，這很有幫助，因為一組 URL 中的一個問題很可能是由一個單一的、全面的問題引起的。 這可以幫助您專注於根本問題，而不是該問題如何在多個單獨的頁面中表現出來。

Google 將提供有關 URL 組的狀態，以幫助您跟踪哪些已驗證，哪些尚未驗證，以及這些測試的進度。有關 GSC 中的 Core Web Vitals 報告的更多信息，請訪問搜索控制台幫助中心以閱讀他們的完整文檔。

現有的 Google 頁面體驗信號

Core Web Vitals 指標並不是影響 Google 新頁面體驗排名因素的唯一因素。 它還將結合現有的頁面體驗信號，例如：

  • 移動友好性：2015 年宣布，移動友好性是一種排名信號，優先考慮易於在移動設備上查看的內容。 您可以在此處測試您的頁面是否適合移動設備。 您還可以在 Google Search Console 中監控移動可用性。
  • 安全瀏覽：網站管理員應修復在其網站上發現的安全問題，他們可以在 Google Search Console 的安全問題報告中訪問這些問題。 安全問題包括惡意軟件、欺騙性頁面、有害下載和不常見的下載。
  • HTTPS 安全性：HTTPS / 傳輸層安全性是一個輕微的排名信號，其權重低於內容質量信號，但網站管理員應該將所有 URL 遷移到 HTTPS，不僅因為它有助於排名，而且因為它對訪問者更安全。

侵入性插頁式指南：網站管理員應避免顯示覆蓋頁面主要內容的彈出窗口，顯示用戶在訪問主要內容之前必須關閉的獨立插頁式，並使網頁的首屏部分看起來像當首屏下方有主要內容時，一個獨立的插頁式廣告。

後續步驟：如何優化頁面體驗？

既然頁面體驗是桌面和移動搜索的排名因素，那麼開始將其納入您的 SEO 策略是一個好主意。

Google 建議使用以下工作流程進行頁面體驗優化：

  1. 在 Google Search Console 中打開您的 Core Web Vitals 報告以識別需要注意的頁面組。 首先關注“差”類別中的 URL，然後是“需要改進”。
  2. 與您的工程團隊共享此報告（閱讀與您的 Web 開發人員交流的提示）或繼續下面的進一步診斷。
  3. 一旦你掌握了最需要關注的頁面，就可以通過 PageSpeed Insights 運行這些頁面，以診斷導致你需要解決的糟糕的 Core Web Vitals 指標的具體問題。
  4. 通過 Lighthouse 審核運行這些頁面，或使用 Web Vitals Chrome 擴展程序獲取更多關於您仍需要修復的可操作指導。

Google 還為我們提供了頁面體驗最佳實踐，例如：

  • 將每個頁面的大小減少到小於 500KB（頁面 + 所有資源）。
  • 將每頁的資源總數保持在 50 以下（非常適合移動設備）。
  • 考慮實施 AMP，它可以解決移動設備和桌面設備上的許多頁面加載問題。

當您和/或您的 Web 開發人員開始實施頁面體驗修復時，Google 建議使用他們的“開始跟踪”按鈕，該按鈕將啟動 28 天的監控會話。 為什麼是28天？ 谷歌表示，如果在該 28 天窗口內沒有再次出現該問題，您可以認為該問題已修復！

增強的頁面體驗排名因素是向融合 SEO 和 UX 方向邁出的又一步。 隨著時間的推移，似乎越來越像做對人類最好的事情也是對谷歌最好的事情。

這是為我們的訪客創造最佳體驗並獲得獎勵！

聯繫以了解更多關於 Botify 正在幫助企業網站將自然搜索轉變為有效、可衡量和可持續的流量和收入增長渠道的信息。