Google又推出哪些新算法?2020年5月28日,Google針對用戶體驗推出新的3項Core web vitals,分別對網站載入速度(LCP)、可開始互動時間(FID),以及頁面穩定性(CLS)進行評分。另外,Google還表示行動版友好度、安全性瀏覽、HTTPS/SSL、彈窗廣告等也會影響網站的排名。
Google又推出哪些新算法?
Core web vitals
按照官方的說法,Core web vitals是Google長期觀察根據大量用戶體驗所制定的指標。以往,Google都會針對用戶體驗設置不同的評分機制,但似乎對用戶而言,形同雞肋。
對於今次推出的Core web vitals,Google表示如果75%以上用戶在網站的體驗都能通過這三種指標,不僅會大幅度提升用戶在Google的搜索體驗,還會讓原本因等待而離開的用戶減少24%。
Google又推出哪些新算法?
網站載入速度(LCP)的評分標準
其實,在LCP出現之前也有指標是針對網站載入速度,即First Contentful Paint (FCP)。而兩者最大的不同是,LCP是針對頁面中最大元素的載入速度,而FCP則是針對網站中第一個元素的載入。但如果只針對第一元素載入,這顯然對SEO優化體驗並不友好,因為用戶依然需要等待才能看到網站的重要內容。相反 LCP在判斷網站載入時間的標準更為完善,因為它能確保用戶在最短時間看到網站之全部。
Google如何判斷網站上最大的元素呢?當頁面在載入的過程中,Google會根據網站的代碼源抓取頁面可視範圍中最大的元素,並會隨時針對可視範圍中的內容改變參考物,直到頁面完全載入後,才會將頁面中最大的元素訂為LCP。
哪些元素會被Google LCP視為SEO優化評分標準?
● 圖片
● SVG向量圖片
● 影片(預覽大圖)
● 透過url的CSS功能載入背景圖片的元素
● 包含文字的區塊級元素 (block-level elements) 或行內元素 (inline elements)
針對Google LCP如何對網站進行SEO優化?
◆ 減少伺服器回應時間:針對主機進行優化、使用較近的 CDN 主機、使用網頁快取、讓第三方的資源提早載入
◆ 排除禁止轉譯的資源:降低 JavaScript 阻擋時間、降低 CSS 阻擋時間
◆ 加快資源載入的時間:圖片大小優化、預先載入重要資源、將文字檔案進行壓縮、根據使用者的網絡狀態提供不同的內容、使用 service worker
◆ 避免使用客戶端渲染(CSR):若必須使用 CSR ,建議優化 JavaScript ,避免渲染時使用太多資源;盡量在伺服器端完成頁面渲染,讓用戶端取得已渲染好的內容
Google又推出哪些新算法?
可開始互動時間(FID)的評分標準
如果說LCP是衡量用戶對網站的第一印象,那麼FID則是衡量用戶對網站交互性和響應性的第一印象。
FID是Google判斷用戶首次與頁面進行交互(即點擊鏈接、按鈕或使用自定義JavaScript驅動的控件),及網站能響應的時間。一般來說,好的FDI值為2.5秒,較差的值大於4.0秒,無論用戶與頁面首次交互的時間是超過4.0秒或介乎2.5-4.0秒,都應該對網站進行改進。
另外,為了給用戶提供良好的SEO優化體驗,站點的首次輸入延遲時間應盡量控制在100毫秒內,同時PC端網頁設計和移動端網頁設計的頁面加載量應控制75%。
關於FID的常見SEO優化問題:
● 點選連結或按鈕載入內容延遲
● 文字對話框無法立即輸入文字
● 打開下拉式選單畫面延遲
● 無法勾選對話方塊
針對Google FID如何對網站進行SEO優化?
◆ FID該如何進行優化?
◆ 減少JavaScript運作的時間
◆ 降低網站的request數並降低檔案大小
◆ 減少主執行序的工作
◆ 降低第三方程式碼的影響
Google又推出哪些新算法?
頁面穩定性(CLS)的評分標準
網頁布局突然出現變化,都有可能會分散用戶的注意力。例如當用戶正在閱讀頁面上的內容,突然出現彈窗要求用戶進行某操作才能繼續使用,這無疑會讓用戶非常沮喪。
CLS(Cumulative Layout Shift)通過用戶與網站互動500毫秒內,網站版式沒有出現變化,以衡量網站內容的不穩定性。
Google如何判定網站內容的不穩定性?
① 不影響網站SEO優化評分標準——可預期的版面配置轉移 (Expected layout shifts)
當你瀏覽網站時,頁面元素的出現是有規律可尋的,因此Google不會將此判定為是頁面的不穩定性。
② 影響網站SEO優化評分標準——不可預期的版面配置轉移(Un-expected layout shifts)
不可預期的版面配置轉移是指因為網頁內的元素載入順序不同而造成的,如在Google提供的範例中,Click Me!按鈕是在文字內容載入後才載入的,導致用戶在瀏覽內容過程中出現內容位移,這對用戶而言屬於不可預期得版面配置轉移,會影響CLS指標的分數。
針對Google CLS如何對網站進行SEO優化?
◆ 透過 CSS 語法,為網頁中的元素提供預留的空位,避免載入後導致頁面中的內容移動
◆ 透過 的方式,將會導致頁面內容移動的元素提前載入 (字體、圖片等)
據了解,5月份Google發表該算法後,表示最快將於2021年將Core web vitals納入排名因素中。如果想知道網站SEO優化是否符合Core web vitals的規則,可透過Page speed、Lighthouse、Chrome 開發者工具、Search console、CrUX等SEO工具檢測,又或者直接諮詢香港網頁集團。