將核心網絡生命力評估為網站速度的關鍵 SEO 因素

已發表: 2020-10-13

到目前為止，您可能已經知道各種技術 SEO 提示和技巧來提升您的網站性能。另一方面，搜索引擎不斷提出新的指標，要求您修改策略以跟上最新的 SEO 趨勢並在競爭中保持領先地位。核心 Web Vitals 和頁面體驗是此列表中的新增內容。今天我們就來簡單介紹一下：

快速介紹此事

現在更名為 Core Web Vitals 的 Google Search Console 中的速度報告提供了兩個新的性能指標：
1. 累積版圖轉移
2. 除了第一個輸入延遲之外的最大內容繪製

Core Web Vitals 已部署在各種工具中，例如 Page Speed Insight 或 Lighthouse。

谷歌宣布了即將發生的重大變化：它將在 2021 年發布一個新的頁面體驗信號作為排名因素。這將主要集中在 Core Web Vitals。

至此，您可能已經明白我們今天討論的動機了吧？酷，讓我們現在更深入地挖掘。

谷歌對網站速度和用戶體驗的關注——頁面體驗

谷歌以下列方式概述頁面體驗：

“頁面體驗是一組衡量用戶如何感知與網頁交互的體驗超出其純粹信息價值的信號。”

因此，頁面體驗可以被認為是谷歌認為對用戶體驗至關重要的多個因素的混合。因素如下：

HTTPS
沒有太多的彈出窗口
移動友好性
安全瀏覽

現在，這些已被記錄為重要的搜索信號。所以現在的主要重點是引入 Core Web Vitals。

擔心您的 SEO 排名？不要緊張。谷歌網站管理員中心博客堅稱，這一變化不會在 2021 年之前實施，谷歌將在推出信號前至少 6 個月發出通知。所以好消息是，即使您的網站尚未符合準則，您仍然有時間優化頁面。

閱讀以下段落以了解所有相關信息並開始實施。

核心 Web Vitals 概述

在本節中，我們將提到 Core Web Vitals 的所有組件，並提供一些有效的技巧來改進指標。但首先，讓我們分析一下 Core Web Vitals 的真正含義：

Core Web Vitals 是 Google 認為對網頁的整體用戶體驗非常重要的一些特定因素。簡而言之，這些是增加整體頁面體驗分數的因素的子集。

Core Web Vitals 的指標是最大內容繪製或 LCP（它衡量站點加載性能的實時用戶體驗）、首次輸入延遲或 FID（它衡量站點交互性的 UX）和累積佈局偏移或 CLS（它衡量 UX為了頁面的視覺穩定性）。

事不宜遲，讓我們繼續分解這三個 Core Web Vital 指標，並討論一些改進這些指標的有效策略。

LCP 或最大含量塗料

最大內容繪製測量視口上可見的最大內容元素的渲染時間。簡單來說，就是從點擊鏈接到在屏幕上看到大部分內容所花費的時間。 LCP 與其他頁面速度指標不同。例如，First Contextual Paint 和 Time to First Byte (TTFB) 等指標並不能真正反映用戶打開網頁的實際情況。 LCP 專注於頁面速度方面真正重要的事情——查看網頁並與之交互。

順便問一下，你的 LCP 分數是多少？在 PageSpeed Insights 上找到它。

根據 Google 的 LCP 指南，您的網站性能可分為三類：良好（最多 2.5 秒）、需要改進（最多 4 秒）和差（超過 4 秒）。

以下是提高 LCP 分數的幾種方法：

#Minimize CSS – CSS 文件可能包含縮進、間距和註釋等字符。瀏覽器不需要這些字符。減少阻塞 CSS 的數量最終將改善呈現頁面主要內容 (LCP) 所花費的時間。

#Remove Large Page Elements –密切關注 Google PageSpeed Insights 以了解您的頁面是否有任何會減慢 LCP 的元素。

#Upgrade Web Host –更好的託管將改善整體加載時間。

#Take Advantage of Lazy Loading –延遲加載會阻止頁面元素的加載，直到用戶向下滾動頁面。這將幫助您實現更快的 LCP。

辛苦嗎？我們同意。值得？當然，如果網頁在 3 秒內未加載，則 40% 的網絡流量會反彈（來源：Hobo-web）！

以下是一些優化頁面加載速度的技巧。

FID 或第一輸入延遲

所以，我們希望您的網頁 LCP 得到了顯著改善，但用戶能否順利地與頁面交互？這就是 FID 衡量的內容——用戶與頁面交互所花費的時間。

FID 或 First Input Delay 是用戶第一次與頁面交互時所經歷的延遲，例如，單擊元素時從網頁獲得反饋的延遲。

以下是一些交互示例，以便您更好地理解：

-單擊網站導航中的鏈接
- 在移動設備上打開手風琴文本
- 在字段中輸入電子郵件
- 從菜單中選擇任何選項

與 LCP 一樣，Google 在這裡也對可接受的 FID 有一個特定的範圍。 Fid 高達 100 毫秒 - 好，高達 300 毫秒 - 需要改進，高達 500 毫秒 - 差。

現在，對於一個完全基於內容的網頁（例如，博客文章或新聞文章），FID 可能沒什麼大不了的，因為唯一的用戶交互是放大和縮小或向下滾動頁面。但是登錄、註冊或填寫聯繫表格的頁面，用戶必須快速點擊某些東西——FID 是一個重要因素。

以下是提高網站 FID 分數的一些措施：

#Defer or Minimize JavaScript –當瀏覽器加載 JS 時，用戶不能與頁面交互。因此，在您的頁面上延遲 JS 或將其最小化是增強 FID 的關鍵。

#使用瀏覽器緩存——緩存有助於快速加載頁面內容。利用這一點將幫助您的用戶快速與頁面交互。

#Remove Non-Critical 3rd Party Scripts –就像 LCP 一樣，3rd 方腳本（如熱圖、Google Analytics 等）會對 FID 產生負面影響。

CLS 或累積佈局移位

Cumulative Layout Shift 測量在頁面的整個生命週期中發生的所有單獨的佈局變化的總和（包括在用戶開始與頁面交互之後）。它還考慮了移位的距離和相關區域的大小。

讓我們用更簡單的術語來解釋它：如果頁面上的元素在頁面加載時四處移動，則它的 CLS 很高——這是一種很差的性能。頁面元素在加載時應該相當穩定。這樣，用戶就不必重新了解圖像、字段或鏈接的位置，或者在頁面完全加載後錯誤地單擊某些內容。根據 Google 的說法，網頁 CLS 達到 0.1 是好的，達到 0.2 需要改進，達到 0.3 意味著差。

如果您正在檢查您的網頁 CLS，請務必在移動設備上進行檢查。

以下是一些改進 CLS 的方法：

#Add New UI Elements below the Fold –這樣，這些不會下推用戶期望在頁面加載時看到的內容。

#為廣告預留空間——否則廣告會突然出現在網頁上並下推內容。

# Use Set Size Attribute Dimension for Media –這將幫助用戶的瀏覽器了解視頻、圖像、信息圖或 GIF 等媒體將佔用多少空間，並且在頁面完全加載後不會改變。

速度更新與頁面體驗——真正改變了什麼

第一次，通過頁面體驗指標，谷歌不僅提升了頁面速度，而且宣布了整體性能作為排名信號。它還定義了精確的指標（LCP、FID 和 CLS）以及每個指標的詳細目標。因此，您的整體 UX 越好，您的頁面體驗得分就越高。

最後的話
那麼，這是否意味著出色的頁面體驗分數會神奇地將您推向 Google 的第一名？最短的答案是“不”。谷歌本身已經提到頁面體驗是有助於提高網站排名的幾個因素之一。你看，搜索引擎優化沒有快速修復。你可以看看。根據頂級 SEO 機構專業人士的說法，實施正確的策略、最大的努力和耐心——這就是贏得比賽的秘訣！