網站設計中的核心網絡生命力（如何改進它們）

已發表: 2022-11-11

您的網站是否曾經在 SEO 排名中下降，而您卻想知道哪裡出了問題？ 在這種情況下，在檢查了質量內容、自然鏈接和反向鏈接、移動優化等核心 SEO 因素之後，您應該考慮查找另一個重要的網站報告——您的核心網絡生命力。

谷歌使用特定的排名信號來衡量網站的可靠性、效率和核心用戶體驗。 Core Web Vitals 是 Google 給網站的頁面體驗分數。 這些是衡量網站優化程度以及用戶體驗的重要因素。 在設計您的網站時，請確保它針對這些指標進行了優化。 否則，您最終可能會損害您的 Google 排名和整體用戶體驗。

太技術了？ 在本文中，我們試圖簡化您網站的核心網絡生命力的含義、它們如何受到您網站設計的影響，以及您可以如何改進它們。 提高您的核心網絡活力分數對於您網站的排名至關重要，因此如果聽起來太難，您也可以尋求專業網頁設計師的幫助。

它們是什麼以及它們為什麼重要？

Google 使用某些關鍵性能指標來衡量您網站的健康狀況和質量。 這些被稱為 Core Web Vitals。 除了關鍵字優化、內容、元數據等較早的排名信號外，Google 還使用這些網絡生命力來確定您網站的性能。

Core Web Vitals 可以幫助您顯著提高搜索結果的性能。 他們分析您的網站加載速度和用戶體驗，並讓 Google 確定您網站的運行情況。 它們還可以幫助您確定可以改進網站設計和編碼的領域。 Core Web Vitals 特別考慮了 3 件事——加載時間、視覺穩定性和交互性。 這些指標被稱為：

  • 最大內容繪畫 (LCP)
  • 累積佈局偏移 (CLS)
  • 第一輸入延遲 (FID)

借助 Google Lighthouse、PageSpeed Insights、GTMetrix 和 Reddico SERP Speed Tool 等工具，可以輕鬆衡量這些指標。 如果您的網站設法在特定閾值內獲得分數，您的排名可能會得到提升。 如果沒有，您將知道需要優化的地方。 讓我們回顧一下這些術語。

最大內容繪畫 (LCP)

LCP 通常從實際用戶的角度衡量您網站的加載性能。 它與我們使用數字來衡量網站加載速度的測量值不同，例如 2-3 秒。 這不是一個準確的測量，因為並非網頁中的每個元素都以相同的速度加載。 一些較重的元素（例如大圖像和視頻）的加載時間比徽標和內容要長。

如果網站加載時間超過 4-5 秒，訪問者通常會離開並尋找更快的網站。 如果頁面的加載時間約為 10 秒，則頁面的跳出率會增加 123% (Google)。 這就是 LCP 對 Core Web Vitals 如此重要的原因。 LCP 測量加載網頁上最大元素所需的時間，或者更確切地說，頁面完成加載所需的時間。 如果您的 LCP 低於 2.5 秒，則無需擔心。 如果是 4 秒或以上，您的頁面仍然需要工作。

為了提高網頁的 LCP，您應該牢記以下幾點：

  • 應該刪除不必要的第三方腳本，因為它們會大大降低頁面速度。
  • 升級到可以提高加載速度的虛擬主機。
  • 如果您的頁面上有一個不太重要的大元素，請考慮將其刪除。
  • 龐大的 CSS 也會導致加載時間變慢。

累積佈局偏移 (CLS)

CLS 測量視覺穩定性，這意味著您的頁面佈局的穩定性以及其中的元素如何移動。 換句話說，CLS 試圖分析加載到屏幕上的元素的穩定性。 頁面加載時，頁面上的元素（如按鈕和圖像）可能經常發生移動。 當仍在加載大尺寸背景時會發生這種情況。 它也可能由於廣告而發生。 儘管廣告是眾多網站的生命線，但它們的加​​載速度通常很慢。 CLS 指標不佳的幾個更常見原因是 iframe、嵌入的圖像和視頻、包含大量腳本的內容等。因此，字體、文本、按鈕和圖像等元素在頁面上隨機且意外地移動，並且這隨後被谷歌標記為糟糕的用戶體驗。

CLS 指標比較網頁的框架以衡量元素的移動。 通過比較發生偏移的各個點來計算運動的嚴重程度。 0.1 及以下的分數被認為是“好”。 如果您的分數更高，請考慮以下事項：

  • 在您的圖片和視頻中包含尺寸屬性。
  • 您也可以使用 CSS 寬高比框來指定圖像或視頻所需的空間。 這將使瀏覽器立即為元素分配正確的空間量，而它們不會突然出現並推開其他內容。
  • 避免在用戶交互時讓新內容出現在現有內容之上。
  • 在所有現有內容下方向您的網頁添加新元素。

第一輸入延遲 (FID)

FID 衡量用戶實際能夠與您的網站進行交互所需的時間。 用戶首次與您的頁面交互與瀏覽器實際開始處理交互響應之間存在一小段時間間隔。 這個差距是通過 FID 測量的。 Google 聲稱這個時間應該是 100 毫秒或以下。 如果您的 FID 落在 100-300 毫秒的範圍內，那麼它需要工作。 如果分數高於 300，則您的站點性能被認為很差。

簡而言之，FID 衡量您網站的交互性。 這包括各種交互，從選擇菜單選項到單擊鏈接，再到在字段中鍵入內容（滾動和縮放不屬於此類指標）。

當瀏覽器繁忙時，它可能無法快速處理用戶請求或交互，從而導致延遲。 當頁麵包含大量需要執行的 JavaScript 代碼時，通常會發生這種情況。 為了提高您的 FID，請考慮以下幾點：

  • 長任務往往會阻塞主線程，暫時使其無法處理用戶輸入。 因此，您應該將長任務分解為更小的異步任務。 這將允許瀏覽器在這些任務之間處理用戶操作。 此外，請確保這些任務所花費的時間不超過 50 毫秒。
  • 最大限度地減少客戶端所需的後處理量。 這將大大減少他們瀏覽器的負載。
  • 考慮使用網絡工作者來減少主線程的負載。
  • 刪除所有非關鍵的第三方腳本。

您可以使用的工具和技術

這裡有一些工具和技術可以幫助您解決大多數與核心網絡生命力相關的問題。

  • 檢查您的主機。 在具有更強處理能力的快速 Web 主機的幫助下，大多數與 LCP 和 FID 相關的問題應該得到解決。 確定您的站點需要哪種託管，然後做出最佳選擇。
  • 為您的站點設置緩存。 WP Rocket 是一個很棒的工具，可以毫不費力地為 WordPress 網站進行設置。
  • 實現延遲加載。 這確保只加載網頁的可見部分而不是整個頁面。 這將使您網站上的加載速度保持快速。 WP Rocket 和 Autoptimize 是設置它的好工具。
  • 設置 CDN 或云交付網絡。 這會在全球範圍內為您的網站設置虛擬服務器，這意味著世界各地的人們都可以毫無速度問題地訪問它。
  • 壓縮你的圖像。 如果您只提供非常高質量的圖像，您的網站將花費不必要的時間來加載。 使用 ShortPixel 和 io 等工具在不影響質量的情況下縮小圖像尺寸。 嘗試使用 .webp 格式的圖像，因為它們對網絡最友好。
  • 清理你的腳本，並刪除任何你不需要的。 如果您的網站稍舊一些，您肯定會有一些不再使用的插件。 卸載並刪除它們。
  • 如果您還沒有升級到 HTTPS，請升級。 它更快。

結論

如果您遵循網站設計的所有最佳實踐，牢記以上所有要點，那麼您的分數將大有裨益。 這完全取決於您的訪問者和他們的網絡體驗。 只要您能不斷改善用戶在我們網站上的體驗，您就應該能夠輕鬆維護一個有效且成功的網站。