網頁設計, 網頁資源

《Google PageSpeed Insights/webmasters》檢測網站是否符合行動裝置與使用者經驗

2015/04/29
梅問題-《Google PageSpeed Insights與webmasters》檢測網站是否符合行動裝置
  最近各位應該都有耳聞到,Google開始針對網頁是否符合行裝置的操作經驗,而影響搜尋排名,讓許多經營網站的朋友,不得不重視這個問題,其實這樣的政策,正好也可讓網站更符合手機族群,以目前行動裝置與網路愈來愈普及,大家每天無論是搭車、等紅燈、走路,都好忙一直在滑手機,這時網頁若能符合手機裝置,在瀏覽與找資料時,會更加的便利,就不用二指不斷的縮放,但要如何讓網頁能符合行動裝置,這也考驗每個網頁設計的功力,當設計完畢後,要如何知道所製作的網頁是否符合行動裝置的使用與操控呢?其實Google官方也有二個服務平台,可協助幫忙檢測目前的網頁是否符合,當不符合時也會提出相關的解決辦法,只要依照文件中的規範修改,立即你的網頁也能輕易的通過手機裝置的操控與使用者經驗喔!

檢測1.PageSpeed Insights:
Google PageSpeed Insights:

Step1
其實這個檢測網站,應該不感陌生,其實它除了用來測試網站的載入速度外,也可用來檢測網頁是否符合行動裝置,進入PageSpeed Insights的網站後,並輸入網址再按分析,立即就會即時作網站的分析。
梅問題-《Google PageSpeed Insights與webmasters》檢測網站是否符合行動裝置
Step2
檢測完畢後,切到行動版頁籤。
梅問題-《Google PageSpeed Insights與webmasters》檢測網站是否符合行動裝置
Step3
往下拉就會看使用者體驗,哈~100分,若裡面有問題的話,會秀出相關的解決辦法,只要依照文件中的指示加以修正即可。
梅問題-《Google PageSpeed Insights與webmasters》檢測網站是否符合行動裝置
檢測2.行動裝置相容性測試:
Google 行動裝置相容性測試:

Step1
除了PageSpeed Insights可檢測外,還有另一個平台,就是Google網站管理員工具中的行動裝置相容性測試,進入後一樣輸入網址再按分析
梅問題-《Google PageSpeed Insights與webmasters》檢測網站是否符合行動裝置
Step2
這一個檢測平台與PageSpeed Insights有很大不同點在於,這個平台會連同robots.txt一併檢測,若有指定搜尋引禁止的目錄,且網頁中的css、js放到該目錄時,就會出現css無法載入,而造成錯誤,所以這二個平台,各位都可相互檢測一下,哈!開心都順利的通過檢測。
梅問題-《Google PageSpeed Insights與webmasters》檢測網站是否符合行動裝置