2021最新Google演算法更新｜網頁體驗將為SEO帶來什麼影響與應對 - Jerry成長駭客

2021年的5月Google 「又」要更新它的搜尋排名演算法了，不過至少這次是有洩漏考題的，讓我們先偷看一下本次更新對於SEO排名中最重要的主軸－網頁的使用者體驗 Page Experience。

雖然說從原本的五月延後到六月中旬才會逐步發佈，並且會一路安排到八月去，應該不至於讓大家的網站流量有個急速俯衝的下墜線（至少官方是這樣安撫大家的），但是對於靠網站生活的網站主們（包括我）來說，面對有可能下滑的流量，實在是件讓人高興不起來的事情。

所以我們回歸正傳吧，到底什麼是「網頁體驗」?是怎麼衡量的?我要怎麼檢查我自己的網站上網頁體驗的結果以及如何提高並優化SEO等諸如此類的問題，將在這邊一次做解答。

什麼是「網頁體驗」？

這應該是第一個會出現在所有正在看本文章的讀者們首先想到的問題，「使用者體驗」一直是一張包著謎團的糖果紙，不把這個名詞仔細剝開檢視一番的話，我們很難了解我們到底該怎麼改善、或者至少不要改壞我們的網站。或許不少人很直觀地把「網頁體驗」跟以前的「網頁載入速度」連結在一起，很可惜的這觀念還不足以涵蓋Google本次的「網頁體驗」的內容，讓我們引用官方網站的說明：

https://developers.google.com/search/docs/guides/page-experience#signals

google 網站使用體驗核心指標報告

google認為網頁提供良好的使用者體驗，著重於載入、互動性和視覺穩定性等面向：

• 最大內容繪製 (LCP)：評估載入效能。為了提供良好的使用者體驗，網站應力求在開始載入網頁的 2.5 秒內完成 LCP。
• 首次輸入延遲時間 (FID)：評估互動性。為了提供良好的使用者體驗，網站應力求讓 FID 低於 100 毫秒。
• 累計版面配置位移 (CLS)：評估視覺穩定性。為了提供良好的使用者體驗，網站應力求讓 CLS 分數低於 0.1。

適合行動裝置瀏覽 ( Mobile First )

網頁適合透過行動裝置瀏覽。您可以使用行動裝置相容性測試，檢查網頁是否適合透過行動裝置瀏覽。

安全瀏覽

網頁不含惡意內容 (例如惡意軟體) 或不實內容 (例如社交工程)。

HTTPS

網頁為透過 HTTPS 提供。

沒有會造成干擾的插頁式廣告

使用者可以輕鬆存取網頁內容，不受干擾。

「網頁體驗」的重點

就Google官方提供的說明來看，適合行動裝置瀏覽這個項目就是之前力推的Accelerated Mobile Pages，而安全瀏覽、HTTPS與插頁式廣告也都是Google過往強調過的項目，這邊就先避免老生常談，我們把焦點放在第一個的「網站使用體驗核心指標報告」上。

眾所皆知的網頁載入速度其實就跟LCP相關，前者是整個網頁載完所需要的時間，而LCP是挑出其中最花時間的部分做測試與評分；FID則是網頁中需要與使用者互動的部分，例如表單的「送出」按鈕，或者一些「折疊/展開」等，評估當真人與該網頁互動時，是否有互動遲緩或者看起來沒反應的情況；最後則是人類視覺舒適度的指標CLS，這點與其用很多文字描述，不如直接用下列利用BBC網站擷取的動態圖片來說明：

來源：BBC網站

簡單說就是BBC的網站廣告會影響到網站的原始版面，原本一列新聞的縮圖項目是三個較大的報導項目，但是突然顯示出一個廣告且把一列的新聞數擠到左邊的版面去，同時間也縮小了三項新聞縮圖的大小。這種呈現的手法對於人類視覺上來說是「很刺激」的，因為人類的視覺本能是追逐「移動中的物體」，但是這樣子的效果反而在Google目前的CLS評分上會是扣分的，這點應該會讓很多網站主們出乎意料吧。綜合來說，Google對於網頁在生成的時候，網頁體驗的標準是有一個固定的版面排列，裡頭的媒體檔案跟Javascript是經過壓縮且大小適中以提升載入速度，最後要能跟真人互動時，有快速回應的結果。

善用Google 工具找出網頁體驗的問題

Google Search Console

進入我們的Google Search Console，左邊的選單現在會多了一個明顯提示，告訴我們體驗的部分，多了「網站使用體驗核心指標」。這個項目

雖然有個提示是很貼心的設計，但是檢驗的結果、特別是關於結果的說明部分就沒有讓人很好懂了。下面是一個試跑的結果，只有告訴我們狀態是不良，是哪個指標有問題，但是這樣子其實也僅能理解一小部分的原因。不過網頁體驗的LCP、FID與CLS三項指標都會給我們初步的驗證結果。

Lighthouse 網頁分析工具

Lighthouse是內建在Chrome裡頭的開發者工具，可以從開發者工具中啟用它。詳細的說明可以參閱 https://developers.google.com/web/tools/lighthouse

接著以PChome 24小時購物網站為例，選擇「Generate Report」就會針對目前的網址進行檢驗，最終會直接在Lighthouse呈現網站的檢查結果。

像筆者測試的時候，LCP就是屬於中等，而CLS就是表現不好的地方。

另外因為是使用 Chrome 直接測試的關係，所以CLS會受到測試電腦的Chrome的快取所影響，要重複測試的話記得使用無痕模式，或者清除快取跟圖片檔案再進行，以獲得正確的測試結果。

GTMetrix 網頁分析工具

https://gtmetrix.com/ 同樣是採用Lighthouse技術所建置的衡量網站，比Lighthouse做了更多的說明。不過預設是使用在加拿大的電腦，若是要測試台灣使用自己網站的話，建議創建一個帳號後，將測試電腦移動到香港，畢竟從亞太區測試網站會比較貼近真實的使用情形。

另外有了帳號後，也有測試的自動錄影可供網站主檢查一下是測試中間的網頁實際渲染狀況跟自己的想象差了多少。

Web Vitals的區塊就說明了網頁體驗的三大指標狀況如何，而Top Issues區塊則是針對目前的網站裡頭，最需要解決的前五項問題，若都是Medium-Low的話代表網站的最佳化做得相當不錯

使用架站平台的網站會受到這次Google更新的影響嗎？

筆者想這應該也是很多網站主心裡頭的疑問，畢竟架設網站跟自己是否為一個網站開發者其實並不相同，而這個問題的答案可能會讓很多網站主失望，答案是通常會。而且根據筆者長期做網站最佳化的經驗，通常使用套裝軟體如Wix、Weebly等，在Google的SEO標準改變後，都會因為不符合標準而被降低一些排名。這點其實很難避免，畢竟這些套裝軟體在被開發的時候，新版本的SEO標準也尚未問世，因此採用套裝軟體架設網站時，最好也把將來維護的問題考量進去。

這個網站幫大家做好了目前常見的架站平台的優缺點比較表，若尚未選擇好架站平台或者是要趁這個時候好好經營自己的網站，提升搜尋排名的話，建議可以參考之前的比較表，或者和該網站聯絡詢問。

作者文章總結

• 多方以及多次嘗試 – 網站的最佳化工程往往需要多方的調整測試，不會是一次就完成收工的開發工作，建議在做改善時，要記得多嘗試幾次。
• 注重內容 – 雖然本文章介紹的內容較為偏向技術性地介紹關鍵指標與檢修工具，不過網站的內容還是Google搜尋引擎與網站使用者們最關心的事情，本站SEO行銷最佳化與工具是一值得一讀的。
• 驗證結果 – 當一切的修改都確定完成後，記得要於兩週左右後去Google Search Console檢查一下網站成效是否真如自己的所預期的有所提升。如果看到有新的問題，也要記得持續改善囉。