網頁設計, 網頁資源

Chrome 60.0版限定!Lighthouse 專為網站健檢,網站效能、使用經驗、SEO構架

梅干2018/04/03
梅問題-Chrome 60.0版限定!Lighthouse 專為網站健檢,看網站是否符合使用經驗與SEO構架
  為了讓網站經營者,了解目前整體網站的狀況,Google也推出許多免費的工具,供站長可以線上進行檢測,看網站的效能為何,並且也會提出相關的改善的方法,讓站長們,可以有方向的進行修正,讓網站無論是在載入的速度,還是網頁的結構,更加的順暢,讓使用者體驗更佳,而Google除了推出PageSpeed Insights、mobile friendly website、測試行動網站載入速度和效能...外,現在Google還搭載著Chrome瀏覽器,在60.0版後內建了一個Lighthouse網站檢測工具。
  而Lighthouse這個網站檢測工具,主要會針對網站,進行五項的檢測,分別為1.Performance:網站的效能、2.Progressive Web App:Web App 分析項目、3.Accessiblity:網頁無障礙、4.Best Practices:網站最佳實踐、5.SEO:網頁搜尋引擎最佳化....等五大項,同時還會針對每一項進行評分,以及也會針對每一項,提出改善的建議,由於這個工具,就附加在Chrome瀏覽器中,因此在使用上更加的便利,同時當修改後也可立即進行檢測,所以身為站長的你,也趕快幫自己的網站健檢一下吧!
Step1
當Chrome升級到60.0版本後,選擇 「設定 / 更多工具 / 開發人員工具」選項。
梅問題-Chrome 60.0版限定!Lighthouse 專為網站健檢,看網站是否符合使用經驗與SEO構架
Step2
接著點選上方的「Audits」頁籤後,再點下方的藍色按鈕。
梅問題-Chrome 60.0版限定!Lighthouse 專為網站健檢,看網站是否符合使用經驗與SEO構架
Step3
再勾選要測試的項目後,再按下方的「Run」鈕。
梅問題-Chrome 60.0版限定!Lighthouse 專為網站健檢,看網站是否符合使用經驗與SEO構架
Step4
接著就會開始進行檢測。
梅問題-Chrome 60.0版限定!Lighthouse 專為網站健檢,看網站是否符合使用經驗與SEO構架
Step5
當檢測完畢後,就會針對每一項檢測,進行評分。
梅問題-Chrome 60.0版限定!Lighthouse 專為網站健檢,看網站是否符合使用經驗與SEO構架
Step6
當下向滾動時,就會針對每一項問題,進行說明與解決辦法。
梅問題-Chrome 60.0版限定!Lighthouse 專為網站健檢,看網站是否符合使用經驗與SEO構架
Step7
而最讓梅干感到意外的是,竟然在CSS的樣式設定中,卻會影響到SEO的分數。
梅問題-Chrome 60.0版限定!Lighthouse 專為網站健檢,看網站是否符合使用經驗與SEO構架
Step8
而在目前SEO的樣式中,建議文字需大於16px像素左右,而除了SEO外,還有其它的項目,也是需要一一的來作修改,所以想知道自己的網站效能與使用經驗,和SEO是否都合格,現在也趕快來檢測一下吧!
梅問題-Chrome 60.0版限定!Lighthouse 專為網站健檢,看網站是否符合使用經驗與SEO構架
梅問題講堂-2018/5/26-WordPress佈景主題設計入門-實體課程