HubSpot 用戶克服核心 Web Vitals 更新的 6 種方法

已發表: 2021-08-20

HubSpot 用戶：您最後一次檢查頁面速度是什麼時候？ 如果已經有一段時間了，你有一些工作要做。 原因如下：

谷歌已經開始推出期待已久的頁面體驗更新。 新的排名算法預計將在 2021 年 8 月底完成。網站速度、整體用戶體驗和頁面響應能力將成為決定搜索引擎排名的三個關鍵因素。 Google 創建了三個稱為 Core Web Vitals 的指標來衡量網站在更新之前的頁面體驗。

有多種工具可以幫助您衡量這些核心網絡生命力，並提供大量提示來幫助您改進它們，但作為 HubSpot 用戶，其中一些建議可能不是最合適的。 這就是為什麼我們整理了這個 HubSpot 特定的指南來克服頁面體驗更新。 以下是 HubSpot 用戶克服 Core Web Vitals 更新的 6 種方法。

1. 了解什麼是核心 Web Vitals

首先，讓我們確保我們對什麼是核心網絡生命力、如何衡量它們以及良好的分數有一個深刻的了解。 一個公平的警告——這些術語聽起來有點複雜。 但是當你分解它們時，它比看起來要簡單得多。

構成 Google Core Web Vitals 的三個指標是：

  • Largest Contentful Paint (LCP) - 這可以衡量您網站的速度。 該指標是指頁面上的主要內容加載到用戶屏幕上所花費的時間。 將其視為單擊鏈接後加載內容所需的時間。
  • 第一輸入顯示 (FID) - 這測量頁面上的交互性。 它衡量用戶與您的網站交互所需的時間。 例如，當有人單擊按鈕時，FID 會測量實際處理該請求所需的時間。
  • Cumulative Layout Shift (CLS) - 衡量頁面加載時的穩定性，或“視覺穩定性”。 高 CLS 意味著頁面上的元素在加載時會移動很多，這不是一個好的用戶體驗。

除了這些指標外，谷歌還建立了基準，用於確定頁面是否符合核心 Web Vitals。 這是目標：

  • LCP - 頁面應在登陸後 2.5 秒內加載主要內容。
  • FID - 用戶應在登陸頁面後 100 毫秒內與頁面進行交互。
  • CLS - 累積佈局偏移分數應小於 0.1，這意味著頁面佈局幾乎沒有跳躍。

既然您知道應該得分，那麼您如何衡量您網站的核心 Web 生命值？ 谷歌通過添加幾種新方法來衡量這些指標，讓網站所有者變得非常容易。 我們不會在這裡全部介紹它們，但也許最簡單的方法是前往Page Speed Insights並輸入您的 URL。 您將自動獲得分數和提高該分數的建議。 該頁面還將告訴您您的分數是否合格。

谷歌的核心網絡生命力

2. 使用 HubSpot 的 SEO 推薦工具

對 Google 的 Core Web Vitals 有深入的了解後，您就可以利用 HubSpot 的工具了。 為了準備頁面體驗更新，HubSpot 改進了他們的SEO 推薦工具，以包括幫助您提高 Core Web Vital 分數的指標。 查看這些建議以及 Google 的建議很有幫助，因為 HubSpot 會根據他們的網站平台為您提供獨特的建議。

hubspot seo工具 你如何使用這個工具？ HubSpot 對其用戶來說非常簡單：

  1. 在您的帳戶中，前往您的營銷中心。
  2. 導航到“網站”並單擊“SEO”。
  3. 您將看到一個掃描新域以獲取建議的選項。
  4. 輸入您的網站域，然後單擊“掃描 URL”。
  5. 掃描完成後，單擊“查看建議”。
  6. 您會注意到 HubSpot 為您提供了七個類別。 根據頁面體驗更新添加了性能、安全性和用戶體驗。

HubSpot 的 SEO 推薦工具為您提供了一個很好的起點，可以讓您在 Google 的推出完成之前找出您網站的哪些區域可能需要改進。 但是，如果需要，您可能還需要評估和調整其他一些 HubSpot 特定的調整。

3. 延遲加載大圖

快速 LCP 或頁面加載時間的最大障礙之一是大圖像或視頻文件。 最佳做法是在將圖像託管到您的 HubSpot 站點之前盡可能地縮小和壓縮圖像。 但有時，您無法避免擁有更大的文件大小。 這就是您想要利用所謂的“延遲加載”的地方。

延遲加載就像聽起來一樣。 在您滾動到該圖像所在的頁面部分之前，您的頁面上的圖像不會完全加載。 取而代之的是一個低質量的縮略圖，直到滾動條到達圖像。 通過不完全加載這些較大的文件，頁面加載時間會顯著減少。

過去，作為 HubSpot 用戶，要實現延遲加載，您必須在自定義模塊中添加代碼。 這意味著您需要 Web 開發人員的幫助。 現在，HubSpot 允許您在默認模塊中實現延遲加載。 這意味著您可以在使用默認圖像模塊創建登錄頁面、博客文章或其他網站頁面時輕鬆啟用延遲加載。

如何？ 只需將圖像模塊添加到頁面並在“圖像加載”切換中選擇“延遲加載”。 就這麼容易。

hubspot 延遲加載 在開始對所有圖像執行此操作之前，請注意。 延遲加載圖像有時會影響您的頁面佈局或用戶體驗。 所以戰略性地使用它。 文件大小已經很小的圖像可能不需要它。

4.仔細檢查智能內容

智能內容是 HubSpot 中的一個有價值的工具。 但如果使用不當，可能會影響用戶體驗。 我們建議仔細檢查您擁有智能內容的所有頁面。 個性化有意義嗎？ 它是否按照用戶期望的方式執行？

通常，HubSpot 在使用智能內容工具時非常適合加載正確的內容。 但是，在分析您的 Core Web Vitals 和您網站的性能時，最好自己測試一下體驗。 確保所有內容都按預期加載，並且頁面佈局正常運行。

您可能還想分析智能內容的性能。 查看總頁面瀏覽量、表單提交、CTA 點擊量，以確定用戶是否對您的智能內容做出了適當的響應。 如果沒有，也許是時候重新考慮如何呈現這些內容了。

5.延遲你的聊天工具

你使用 HubSpot 的聊天工具嗎？ 您可能非常喜歡它，我們明白了。 這是轉換流量和潛在客戶生成的一個很棒的功能。 不幸的是，它對您的頁面速度有很大影響。

不，我們不是要你擺脫它。 但是你可以做一些事情來優化它，這樣它就不會減慢你的網站速度。 您可以延遲聊天的加載時間，以便在您的頁面為用戶完全加載後才會出現。 就是這樣：

  1. 導航到對話 -> 聊天流。
  2. 在您要更改的聊天流上單擊“編輯”。
  3. 在“顯示”和“聊天顯示行為”下，您會注意到編輯頁面時間的提示。

輸入您希望延遲聊天的秒數。 這將延遲您的聊天在設定的時間內加載。 HubSpot 建議將5 秒作為最佳實踐。

6. 小心 HubSpot 表格

HubSpot 的表單和 CTA 可以對頁面速度產生相當大的影響，尤其是在移動設備上。 為什麼？ 每個表單和 CTA 都有自己的 Javascript，這需要大量的加載時間。

簡單的解決方法是謹慎使用表單和 CTA。 不要總是選擇按鈕。 有時您可以使用常規超鏈接代替 CTA 並獲得相同的結果。 您還希望在放置表單和 CTA 的位置更具戰略性。 例如，許多公司非常關注潛在客戶的產生，以至於他們選擇在其網站上幾乎每個頁面的頁腳處填寫表格。 這真的有必要嗎？

使用數據來推動您的決策。 訪問哪些表單表現良好，並將其與增加頁面加載時間的好處進行比較。 確定提高頁面速度是否值得刪除特定表單或 CTA。 您還需要測試超鏈接 CTA 的結果。 如果它們表現得一樣好，那麼您已經發現了一種捕獲潛在客戶並減少頁面加載時間的方法。

我改進了 HubSpot 網站的 Core Web Vitals。 我什麼時候能看到結果？

這是一個很難回答的問題。 這首先取決於您的 Core Web Vitals 有多差。 如果您在某個地方得分為紅色，而現在您得分為綠色，您可能會看到網絡流量發生了一些非常劇烈的變化。

但好處不僅僅是搜索排名和流量。 您也可能會看到轉化次數的增加。 想想看。 如果您提供更好的整體用戶體驗，頁面加載時間更快，頁面移動很少甚至沒有，用戶不太可能對您的網站感到沮喪並因此而反彈。

因此，雖然我們不能保證您會立即看到搜索引擎排名的提升，但我們可以打賭，通過花時間改善您的 Core Web Vitals，您將擁有更快樂的網站用戶，從而獲得更多流量更有可能轉化。