如果說到要怎麼改善搜尋引擎最佳化(SEO)成效,我通常會說先把程式碼寫對寫正確,然後檢查一下網站速度使用者體驗,尤其是 Google 已經將網站使用體驗核心指標(Core Web Vitals)列為搜尋排序的因素,如何最佳化三項指標:LCP、FID 和 CLS 就是目前最重要的工作,另一方面,必須要仔細閱讀「Google 搜尋引擎最佳化入門指南」有助於建立起正確的觀念。以往各項網站最佳化操作依然可行,也是網站管理者必須要注意而且時時刻刻檢視的項目,透過一些工具進行分析有助於找出並且釐清應該進行的相關操作。
頁面載入時間
WebPageTest 網站效能檢測工具,協助將使用體驗核心等各項指標最佳化
大家都知道 Google 今年已將網站使用體驗核心指標(Core Web Vitals)列為搜尋排序因素之一,也就是說管理者需要努力讓網站三項指標:LCP、FID 和 CLS 維持在良好狀態,因此除了速度也要考量到各種網頁元件放置,透過不斷修改調整和測試來使瀏覽者獲得更好的體驗,如果是 Cloudflare 使用者不妨開啟「啟用 Cloudflare Browser Insights 收集網站 Web Vitals 和效能指標」功能來分析數據,Google 自家提供的 PageSpeed Insights 也能在輸入網址後進行檢測並獲得相關數據表現。
SpeedVitals 免費網站性能分析工具,最佳化網站使用體驗
身為網站管理者經常會去改動網頁各項參數,或是調整看得到的版型設計等相關細節,在搜尋引擎即將開始提高網站使用體驗核心指標(Core Web Vitals)佔比之際,需要開始最佳化網站使用者體驗,有助於讓網站在搜尋結果獲得更多的曝光機會。大多數情況會使用 Google PageSpeed Insights 去進行測試評分,但它給的建議較少,搭配 GTmetrix 可以獲得更多的分析結果,不過 GTmetrix 有每日可免費使用次數限制,接下來的服務是免費替代方案。
Fast or Slow 免費網站測速工具,從全球 18 個位置測量網頁效能速度
如果想測試網站或部落格開啟速度,可不是只有在自己瀏覽器以開發人員工具檢查而已,用感覺的方法一定不準確,而且網站開啟速度也會受到各種因素影響,其中又以地理距離最為顯著,在不同國家地區存取網站的各種資源可能會有不同的反應速度或表現,甚至某些檔案在一些區域難以開啟等等,這都要使用網站測速服務才能做到,例如之前推薦過的「16 個免費網站測速工具,分析網頁效能表現」就有很好用的選項。
啟用 Cloudflare Browser Insights 收集網站 Web Vitals 和效能指標
為了讓網站往好的方向成長,平常就要持續實驗、調整然後分析來找出可以最佳化的項目,維持網站內容新鮮度也很重要,就我的經驗來說我和大部分站長一樣都會透過 Google PageSpeed Insights 檢測網站評分,參考結果提供的說明進行調整,或是使用 Google 「Web.dev」協助開發者打造出更現代化網頁,其實追求分數高低沒有什麼實質意義,反而是解決網站已知問題較有幫助,畢竟每個案例都大不相同,對其它網站有用的最佳化方式也不一定適合自己。
Load Impact 為網站做壓力測試,了解能讓多少使用者同時在線上
對於網站站長來說,主機或相關服務開銷主要取決於網站人數多寡,以更淺白的說法就是當你要負載更多使用者同時在線上,也必須提供更充裕的系統資源。這就會加大營運上的成本。閒置的資源太多會造成不必要的支出浪費;當訪客突然增加時,必須準備更多硬體資源讓其他人可以正常開啟並瀏覽網站。
Duoload 在瀏覽器比較兩個網站開啟時間,更直覺方式測試頁面載入速度
大家都知道網頁載入速度在現今扮演舉足輕重的角色,不僅影響到網站跳出率(Bounce Rate)和轉換率,Google 搜尋結果也將它列為排序的參考因素之一,因此最好盡可能加快載入速度,也比較不會讓訪客提早跳出離開網站,進而流失掉日漸增長的行動裝置用戶。前幾天曾介紹 Google 今年最新的「Google 搜尋引擎最佳化(SEO)入門指南更新,加入結構化資料和建立友善行動網頁」文件,內容就提及不少網站速度和使用者體驗。
Varvy Pagespeed 免費搜尋引擎最佳化指南,找出讓網站更快的方法
我常說「搜尋引擎最佳化」(SEO)沒有捷徑,也沒有立竿見影的作法,你可以做的是遵循著大部分使用者的共同經驗,使網站在搜尋引擎中取得更好的搜尋結果排名。當然我認為最重要的是詳讀 Google 搜尋引擎最佳化初學者指南,這可能也是 Google 少數對外公開的說明文件,除了在 SEO 部分有所幫助,文件說明更能建立正確的網頁製作觀念,對我來說學習路上有很多想法都是從 Google 這份官方指南中獲得。
imgix Page Weight Tool 找出網頁裡過於肥大的圖片資源,提高載入速度
imgix 是一家讓網站或應用程式可以更快速載入圖片的服務,也可說是致力於圖片最佳化技術公司,整合包括線上裁切、壓縮、響應式設計、圖片增強等眾多功能,最大好處是使用者幾乎不用自行處理圖片,只要將網站串接 imgix API 就能雲端自動進行操作,先前曾經介紹過「Placemat 漂亮的佔位圖片產生器,開發網頁快速嵌入特定尺寸範例圖片」就是直接以 imgix 進行圖片處理。本文要介紹的「Page Weight Tool」是 imgix 最近新推出的服務,能幫你測試網站圖片有沒有需要最佳化處理的空間。