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

梅問題-《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》檢測網站是否符合行動裝置

相關文章

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

Facebook Message臉書訊息網頁版,暗藏了許多經典的小遊戲

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

加入微軟聯盟行銷!不但荷包賺飽飽,Office還可免費用

「Mobirise」不懂網頁語法,拖拉就可完成精美、酷炫的RWD網頁工具

「Mobirise」不懂網頁語法,拖拉就可完成精美、酷炫的RWD網頁工具

「Animate.css」讓Boostrap導覽列的下拉選單動起來

「Animate.css」讓Boostrap導覽列的下拉選單動起來

MAC專用的網頁壓縮器「Smaller」可合併多個CSS、JS檔案並壓縮

MAC專用的網頁壓縮器「Smaller」可合併多個CSS、JS檔案並壓縮





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 2 梅留言

  • 第2梅
    feng 說道:

    請問為什麼時間久了,分數會將這麼多?,比如目前這個網站
    網站真的有必要這樣優化嗎?

    回應:
    只能盡量調整,必竟網站速度快一點,
    對網站是件好事 同時讀者也能有較好的使用感受
  • 第1梅
    yungke 說道:

    大部分會碰到「清除前幾行內容中的禁止轉譯 JavaScript 和 CSS」
    這問題不好處理。

    回應:
    這並不難處理,只要依照上方的指示作,就可解決此問題