Google 推出全新網站檢測服務Web.dev,協助開發者打造現代化網頁

Google 推出全新網站檢測服務Web.dev,協助開發者打造現代化網頁

如果要說有什麼技能是網站經營者必備,搜尋引擎最佳化(SEO)大概歷久不衰,雖然看起來很容易,其實背後的學問很多,而且得依照時間不停的更新學習才行。每個人都會有一套自己的最佳化心法,對於不同類型的網站來說可能操作方式也不太一樣,但我始終認為Google相關工具非常具有參考價值,包括大家熟悉的Google PageSpeed Insights和搜尋引擎最佳化入門指南工具書,兩者在今年都有更新。

下半年Google再度推出一款和網站最佳化相關的檢測工具「Web.dev」,這個工具在輸入網址後能快速檢測網站效能,提供一系列如何改進和調整的詳細說明,協助開發人員學習並將現代化網頁技術應用到自己的網站或應用程式,建構出更符合未來的網路。

Web.dev檢測的四大項目分別是:效能、可用性、最佳化和SEO,會對於各項指標給出一個評分和評級顏色,在時間部分區分的非常細節,只是數字看起來好像不如實際感受,延遲也會比真實情況來得更多一些。

Web.dev 提供不同類別指標的最佳化修改建議,依照重要性有不同的等級,大部分和Google PageSpeed Insights 檢測結果差不多,不過沒有提供中文,必須自己去找相關資料。網站最佳化工具不嫌多,尤其又來自Google,其重要性不言可喻。

網站名稱:Web.dev網站地址:https://web.dev/

使用教學

STEP 1

開啟Web.dev後,直接輸入要檢測的網站頁面網址,點選「Run Audit」就會開始抓取網頁,分析各項評分因素。

Google 推出全新網站檢測服務Web.dev,協助開發者打造現代化網頁


STEP 2

如果點選「Sign in with Google」按鈕登入Google帳戶,檢測後的結果畫面會不太一樣,從下圖可以看到效能、可用性、最佳化和SEO分別有紅色、橙色和綠色三種不同結果,除了綠色是完全達標沒有需要修改,橙色和紅色分別有建議調整的項目,特別是紅色可能存在迫切問題,必須優先處理。

Google 推出全新網站檢測服務Web.dev,協助開發者打造現代化網頁


STEP 3

將網頁向下拖曳,可以看到各項時間分析,其中綠色的代表在正常範圍內,如果紅色可能就是時間過長,開發者可以研究一下要如何調整降低延遲,不過就像前面所述,Web .dev檢測出來的結果延遲都會偏高,不確定是不是工具本身的問題,畢竟在瀏覽時都相當順暢,但能作為參考用。

Google 推出全新網站檢測服務Web.dev,協助開發者打造現代化網頁


STEP 4

檢測結果最下方有各項待處理的建議修改項目,並顯示該問題的分類、重要性和相關指南,通常是看一下Audit 顯示的問題,不確定怎麼改的話可以丟進Google 找找有沒有其他人寫過解決方案,或者點選Guide 裡的鏈結也會連接到特定的說明文件,不過要全部修改通過檢測並不容易,建議可以挑重要性較高的項目即可。

Google 推出全新網站檢測服務Web.dev,協助開發者打造現代化網頁


值得一試的三個理由:

Google 再推出全新網站檢測工具,協助打造現代化網頁可針對效能、可用性、最佳化和SEO 進行檢測評比提供最佳化修改建議與相關鏈結

1.大家可以在評論區評論

3.每天為您分享有價值的信息

同時希望大家多多轉發分享給更多的朋友哦!


分享到:


相關文章: