Li-git
Hey！你正在用手機看這篇文章嗎？還是使用平板、電腦呢？
你是否曾經用手機打開一個網站然後覺得：「天啊…太難用了吧…回家再用電腦開好了」，但當你真正回到家坐到電腦前面時，有幾次你會真正想起奈個你原本要造訪的網站呢？
這篇文章要告訴你的是如何判斷自己的網站在手機上的健康度以及長相，以便在為來網站改吧時有點方像，首先，我們必須先瞭解為什麼網站行動版如此重要...
・為什麼要做行動版
從網路上的各種數據，以及大眾閒暇娛樂與消費方式的轉變中，我們可以看出台灣人的行動裝置持有率正在節節攀升，有些人甚至持有超過一部以上的行動裝置。
為迎合行動裝置使用率逐漸擴大的市場，許多新的網站設計形式開始在市面上受到重視，例如響應式網站、漢堡式菜單、行動優先網站等。同時，全球最大的搜尋引擎Google也決定於2020年末開始，實行「行動裝置優先檢索」政策，也就是說，即使我每週認真更新網站內容、排除網站錯誤，只要我的行動裝置性差，對於網站想排名靠前的夢想還是遙不可及。
綜上所述，行動版網站對於降低跳轉率、讓使用者體驗加分，還能同時爭取排名向前靠攏的機會等優點，網頁「行動裝置化」成了必然發生的趨勢。
（圖片來源：什麼是行動優先網站? 名詞解析、網站製作概念、網站設計案例）
既然「行動版網站」如此重要，那我該如何檢測我的網站行動版健康度？又該如何得知我的網站行動版長什麼樣子呢？別著急，讓我們從行動裝置相性開始一步一步來。
・如何得知我的網站行動裝置相容性如何？
方式一、使用「行動裝置相容性測試」工具
這個方式推薦給沒有GSC帳號，但想要快速查驗的網站主。
透過這個Google官方的檢測網站，免登入，輸入想檢測的網址再按下「測試網址」。
之後就會出現結果如下圖。
除了你的網站「適合」與「不適合」在行動裝置上瀏覽之外，這個網站還會告訴你他們判斷的原因，可以作為網站日後重置時的參考依據。
｜補充｜
關於「行動裝置相容性測試」還有一個隱藏版的使用方式，就是用這個工具來搜尋你的競品網站，並將對方網站中影響行動裝置適應性的優缺點記錄下來，在修正自身網站使用以參考，揚長補短，讓你的網案在同業中成為使用者體驗最佳的網站，是讓業績提升的其中一個小秘訣！
方法二、使用Google Search Console
同樣是來自Google官方的工具，但須登入，並擁有此網站存取權限。
GSC工具，一般使用方式是用來監測網站流量與關鍵字變化的工具，同時也有檢測網站健康度的功能。
在整體的表現中我們可以看到三個行動版網頁體驗信號，會以「良好」、「好」等方式來表達。
這三種信號可以在個別點進去，檢查自身網站需要調整的方向。
接著，我們來檢查看看網站外觀。
・在網站中使用「檢查」，就可以看到你的網站在各種裝置紹的樣子！
同樣是一個不用登入且不用擁有網站存取權限的做法，但需要用電腦才可以操作，以夏木樂為例，本公司行銷人員或PM在檢查網站時，也經常使用這個功能。
只需要簡單4步驟：
1.在你想檢查的網站空白處按下右鍵，並點擊「檢查」。
2.按下這個長得像手機又像平板的按鍵。
3.在此頁面左上方即會出現可以切換各種常見的行動裝置尺寸，也可以已自行輸入螢幕尺寸。
3.檢查完畢按下這個「Ｘ」就可以回到原畫面了。
有趣的是，許多我們在網站上看到的華麗動畫與動態效果，一經檢查就會發現，為了行動裝置相容性與行動裝置載入速度，這些華麗特效網在手機或平板中是看不到的，也算是一種電腦版中的「彩蛋」吧！
・結語
2019年後，我們進入了快速變化的世界，如果網站不跟著變化，就會面臨淘汰，夏木樂是一個從發想開始為客戶提供優質服務的網頁設計公司，如果你在上述的網頁行動裝置相容竟眼茶中發現任何錯誤，或因此而產生了需要重新製作網站的需求，歡迎隨時聯絡我們。
想了解更多關於行動優先網站或RWD網站的內容，歡迎延伸閱讀以下兩篇文章：
