我們可以從 2022 年的 Core Web Vitals 中得到什麼

2021 年對於 SEO 來說是重要的一年。 我們看到 Google 推出了縮進結果，網站可以在搜索引擎結果頁面 (SERP) 上顯示多個相關頁面； 它對移動搜索的持續滾動更新，當用戶滾動到搜索頁面底部時，它會自動加載下一批結果； 並且它的標題標籤重寫，它用它的 H1 標籤或其他元素替換網站的標題。

所有這些變化是否得到了雷鳴般的掌聲？ 不完全是，但這是谷歌的 SERP 世界，我們生活在其中——並試圖在其中排名。

另一個沒有立即獲得成功的版本是 Page Experience Update，它基於 Google 的Core Web Vitals指標。 這些新指標通過根據三個信號分析網頁來“優先考慮”（稍後將詳細介紹）用戶體驗：

1. 最大的內容塗料
2. 首次輸入延遲
3. 累積版面偏移

通過每個 Core Web Vitals 閾值的 URL 被認為比沒有通過的 URL 更有可能排名，反之亦然。 然而，隨著時間的推移，谷歌似乎已經改變了對網站將看到多大的影響以及它們應該通過多少門檻的想法。

谷歌此次發布的目標是什麼？ 讓網站所有者提高他們網站的性能。 不幸的是，谷歌並沒有上鉤。

核心 WebVitals 不會去任何地方

儘管反應平淡，但不要指望 Core Web Vitals 會悄悄進入深夜。 進入 2022 年，我們可以期待谷歌提升其對排名的重要性。

事實上，我敢打賭，對於沒有達到一兩個閾值的網站來說，排名劣勢會更多——而不是像目前的情況那樣，只是那些全面失敗的網站。 這意味著網站需要針對每個 Core Web Vitals 信號開始集體優化頁面，因此當競爭對手的網站開始排名更高時，它們不會落伍。

有效的營銷需要知名度和影響力，沒有比在 SERP 上排名高更好的選擇。 這意味著必須遵守 Core Web Vitals。 但是當冒險這樣做時，最好知道優化網站的方法以及避免哪些捷徑可能會阻礙網站的可用性。

了解每個 Core Web Vitals 信號

Core Web Vitals 本質上將用戶體驗放在首位，通過在三個方面衡量網站的性能：視覺穩定性（累積佈局移位）、交互性（首次輸入延遲）和加載性能（最大內容繪製）。

讓我們簡要定義每個信號：

• Cumulative Layout Shift : 5 秒會話內頁面佈局的最大變化。
• 首次輸入延遲：從用戶第一次點擊交互元素（例如鍊接或按鈕）到處理髮生在該點擊上的時間。
• 最大內容繪製：加載頁面上最大的元素需要多長時間。 注意：最大元素因使用的設備而異。

為 Core Web Vitals 優化網站時不該做什麼

Core Web Vitals 應該增強網站的用戶體驗，但 SEO 的做法對可用性造成的弊大於利。 Core Web Vitals 的指標很脆弱，即使經過糟糕的優化也可以輕鬆通過。

讓我們來看看這兩種情況：

可以通過最大內容繪製閾值的一種方法是使頁面上的文本更大。 該指標衡量屏幕上最大元素的加載時間——加載越快，指標越好。

由於文本的加載速度比圖像的加載速度快，因此將其變大將允許網站通過此閾值。 但這種策略不會改善網站的用戶體驗，而且較大的文字可能會成為視覺上吸引人的網站的眼中釘。 因為視覺對營銷至關重要，所以很容易理解為什麼這不是一個好主意。

另一個通過 Core Web Vitals 閾值的糟糕優化示例是刪除有價值的鏈接。 首次輸入延遲測量處理用戶單擊站點上的交互式元素所花費的時間。

例如，讓我們以博客頁面為例，該頁面由圖片、標題、摘要和每個帖子的“閱讀更多”CTA 組成。 通常，搜索引擎優化使圖像和 CTA 都可以鏈接到完整的博客文章，並且用戶已經開始期待它。 如果 SEO 從這些交互元素中刪除鏈接，用戶仍然會點擊它們（因為他們會假設它們鏈接到某個地方），但不會發生任何事情。 用戶最終會找到一個起作用的元素，但比他們發現的要晚。 因此，在頁面完全加載之前，首次輸入延遲的時鐘不會開始，這將改善此信號的指標，但會破壞過程中的用戶體驗。

營銷的一個關鍵部分是將消費者放在首位。 將網站配置為遵循 Core Web Vitals，同時降低用戶體驗的速度會適得其反。 注意優化是每個網站真正關心用戶體驗所需要的。

為 Core Web Vitals 優化網站時要做什麼

儘管 Core Web Vitals 沒有得到很好的接受，但有一些方法可以針對每個信號增強網站。 考慮以下選項來改進 Core Web Vitals 網站：

1. 累積班​​次佈局：使用外觀來延遲加載內容。 立面用於存放頁面完成加載後將出現的內容。 假設一個網站在其主頁上展示了產品圖片。 Facades 將在加載時保持其位置，這樣頁面就不會重新排列，因為它們是焦點並且可能比頁面上的其他元素更大。
2. 最大的內容塗料：將大型元素放在折疊下方。 這允許更不穩定的元素，例如嵌入的內容（圖像、廣告、推文等），在頁面加載時逐漸出現。 如果需要在頁面上展示廣告，將其放在首屏下方將有助於改進此指標。
3. 首次輸入延遲：儘早添加交互元素以達到目的。 如果頁面有一個元素需要在用戶查看站點之前被點擊，這將導致延遲，因為頁面仍在後台加載。 這種類型的交互元素的一個示例是 cookie 首選項覆蓋。

通過每一個門檻

Core Web Vitals 將繼續存在。 隨著我們進入 2022 年，任何希望排名的網站都需要確保他們通過了每個門檻。 不這樣做會導致從行列中自由落體，這是營銷人員不希望的。 有一種正確的方法可以優化 Core Web Vitals 的頁面。 一旦我們這樣做，我們將使 SEO 世界在排名和用戶體驗方面變得更好。

關於作者

Tom Capper是Moz的高級搜索科學家。 他是一位思想領袖，喜歡挑戰行業規範並製定獨特的 SEO 策略和策略。 他的重點是設計新的研究，以幫助 Moz 在職業生涯的每個階段為 SEO 專業人士解決複雜的技術問題。