您的網站準備好迎接 2021 年的 Google 算法大更新了嗎? 這裡有七個需要關注的用戶頁面體驗方面以及如何優化它們。
2021 年，Google 將更新其算法，將頁面體驗作為排名信號。
此更改的目的是考慮在 SERP 中返回頁面的用戶體驗，而不是考慮歷史上使用的傳統和更客觀的信號，例如 PageRank 和頁面定位。
隨著即將到來的更新臨近，了解頁面體驗的不同方面以及如何針對每個方面優化您的網站至關重要。
幸運的是，Google 已經宣布了將用於確定頁面整體體驗的不同元素。這些是：
- Core Web Vitals：三個關鍵性能指標的組合，最大內容繪製、首次輸入延遲和累積佈局偏移，用於衡量頁面在為用戶加載時的視覺加載、交互性和視覺穩定性。
- 移動友好性：查看網站在移動設備上使用和導航的難易程度，包括內容的可讀性以及連接和頁面元素是否可點擊和訪問。
- 安全瀏覽：評估網站是否存在惡意軟件、網絡釣魚和黑客內容等問題，以確保用戶可以安全瀏覽。
- HTTPS：關注網站的連接是否安全，以及網站是否按照建議通過 HTTPS 提供服務。
- 非侵入式插頁式廣告：確保用戶在瀏覽時不會阻礙關鍵的頁面內容。
為幫助您確保您的網站已準備好接受此更改，我匯總了一些針對頁面體驗的關鍵領域優化網站的技巧。
這些涵蓋了諸如更快更流暢的視覺加載、改進的移動可用性和增強的網站安全性等領域。
1. 預加載關鍵資源以加快視覺加載時間
用戶加載頁面的首要指標之一是首屏內容的出現。
這就是最大內容繪製 (LCP) 和第一個 Core Web Vitals 指標來衡量主要頁面元素加載速度的地方。
要識別頁面的 LCP 元素是什麼，只需在 Chrome DevTools 中檢查頁面，它將顯示在「性能」選項卡的瀑布圖中。
一旦您知道 LCP 元素是什麼，查看加載速度的視覺進度的一種簡單方法是使用 Chrome DevTools 中的 Performance 選項卡。
確保選擇了屏幕截圖並在頁面加載時開始分析頁面。
完成您的個人資料後，將鼠標懸停在頂部的負載圖表上將顯示頁面隨時間加載時的屏幕截圖。
這將幫助您直觀地了解不同頁面元素的加載速度。
為了幫助加快 LCP 元素和首屏內容的加載速度，請考慮使用預加載等方法告訴瀏覽器優先獲取這些資源。
2. 通過最小化長任務來優化主線程活動
幕後有許多不同的問題，可能導致用戶不得不等待瀏覽器響應他們點擊或點擊頁面。
這是由第二個 Core Web Vitals 指標第一次輸入延遲 (FID) 衡量的。
雖然這種體驗可能會讓用戶感到沮喪，但我們可以採取一些措施來解決此問題並減少人工交互和瀏覽器響應之間的等待時間。
長任務是導致此問題的常見原因。
本質上，這些是一段 JavaScript 代碼，它們會長時間阻塞主線程並導致頁面凍結和無響應。
Chrome DevTools 中的長任務可以在 Main 選項卡下的瀑布圖頂部找到，並用紅色三角形突出顯示。
如果您單擊一個長任務並進入自下而上選項卡，這會分解任務中發生的不同活動，例如編譯和解析腳本。
所需的修復將根據導致主線程阻塞的活動而有所不同，但解決長任務的常見修復是代碼拆分和以較小的塊提供腳本。
3. 為要加載的圖像和嵌入保留空間
第三個 Core Web Vitals 指標，即累積佈局偏移 (CLS)，查看頁面加載時頁面的視覺佈局移動的量。
這是為了衡量我們可能都經歷過的令人沮喪的 UX 領域：
用戶點擊一個特定的鏈接，但頁面移動了，他們最終不小心點擊了頁面的不同區域。
導致高 CLS 分數並因此導致用戶體驗不佳的最常見原因之一是沒有為要加載的圖像和嵌入資源保留空間。
例如，通過使用「性能」選項卡中的 Chrome DevTools 屏幕截圖功能，我們可以看到 BBC Weather cookie 同意橫幅沒有分配的空間可供加載。
因此，一旦它加載，它就會在 3 秒左右的位置將視口中的可見內容向下推。
但是，在 CNN 的這個示例中，我們可以看到其主頁上的精選視頻在頁面結構中保留了空間，因此一旦加載視頻，頁面佈局的其餘部分將保持不變。
4. 確保關鍵頁面模板適合行動設備
之後的移動流量超過 2016 年桌面流量，它成為確保網站是為移動設備，越來越多的用戶用瀏覽優化的關鍵。
行動設備上網站的佈局和可用性可以決定用戶體驗的成敗。
例如，用戶應該能夠以清晰且可訪問的方式查看重要內容，而無需放大。
有兩種主要方法可以評估您的網站在移動設備上的可用性，第一個是在 Google Search Console 中監控移動可用性報告。
此報告將標記諸如內容不適合屏幕和文本太小等問題，並為您顯示每個問題的受影響 URL 列表。
第二種方法是通過 Google 的 Mobile-Friendly Test 運行關鍵頁面模板。
這是抽查單個頁面的好方法。
5. 審核您的網站是否存在安全問題
除了負載性能和行動可用性，網站安全性也將在決定頁面體驗方面發揮作用。
谷歌熱衷於確保 SERP 中顯示的網站可供用戶安全瀏覽，而不存在安全問題的風險。
需要注意的主要安全問題是惡意軟件、不需要的軟件、網絡釣魚和欺騙性內容。
檢查您的網站是否存在可能使您的用戶面臨風險的問題的一種簡單方法，請查看 Google Search Console 中的安全問題報告。
此報告可在「安全和手動操作」標題下找到。
6. 確保表單和嵌入式資源通過 HTTPS 提供服務
將 HTTPS 作為頁面體驗信號是 Google 試圖確保用戶瀏覽安全的另一種方式。
通過非安全 HTTP 連接提供需要用戶交互和輸入的內容會給用戶帶來風險，並使他們及其數據更容易受到攻擊。
對於用戶輸入任何個人信息的表單 (例如共享支付信息的結賬)，記住這一點尤為重要。
檢查這些問題的一種方法是使用 Screaming Frog 中的安全報告。
在此報告中，您可以看到在 HTTPS URL 上提供的表單實例的數量，以及通過 HTTP 和 HTTPS 提供混合頁面資源的混合內容問題。
為了讓您的用戶可以安全瀏覽，請確保您的站點具有最新的 SSL 證書，並將您的任何 URL 和頁面資源遷移到 HTTPS。
7. 確保插頁式廣告不會阻礙關鍵內容
如果網站具有侵入性的插頁式廣告，佔用了頁面上的大量空間並使用戶難以訪問重要的頁面內容，那麼這可能會給用戶帶來負面和令人沮喪的體驗。
通過在不同設備上手動查看您的頁面或再次使用 Chrome DevTools 屏幕截圖功能，您可以直觀地了解插頁式廣告如何影響您的用戶。
避免干擾用戶的瀏覽體驗。
考慮重新設計彈出窗口和插頁式廣告，這樣它們就不會阻礙重要的頁面內容，同時用戶也不必關閉它們就可以繼續在您的網站上瀏覽。
結論
通過遵循這些提示並將頁面體驗優化納入您的 SEO 策略，您可以幫助改善您網站的頁面體驗信號。
這將在短期和長期都產生積極影響。
增強頁面體驗不僅有助於通過將網站置於最佳位置以利用即將到來的算法更新來確保網站性能面向未來，而且還可以確保您網站上的用戶現在獲得積極的體驗。
頁面體驗優化並不是要滿足搜索引擎的某些標準。
這是關於為真實用戶提供最佳體驗。
這是我們都可以接受的最終目標。