越來越多店家與品牌主在規劃網路曝光時，第一個念頭往往是「我需要一個手機網站」，於是打開搜尋引擎輸入「手機網站建置」，卻發現跑出來的資訊五花八門：有人在講響應式設計，有人在講獨立的行動版網址，還有人建議乾脆做一個App。這些其實是三條完全不同的技術路線，彼此的成本結構、維護方式與適用情境都不一樣。如果還沒決定要走哪一條路，就直接跳進某一種做法的執行細節裡，很容易走了冤枉路。這篇文章的目的，是先幫還沒做決定的讀者，把這幾條路線的輪廓看清楚，理解每一種做法的優缺點與比較適合什麼樣的情境，再回頭去看更細節的執行方式。
手機網站建置不是只有一種做法
「手機網站建置」這個詞聽起來像是在描述一個單一動作，但實際上它是一個目標，底下可以用完全不同的技術路徑去達成。常見的三條路線分別是：響應式網頁設計（同一套網站，畫面依裝置螢幕自動調整）、獨立的行動版網站（另外做一套專門給手機瀏覽的頁面，網址結構跟桌機版可能不同）、以及原生或混合式App（使用者需要另外下載安裝，不是透過瀏覽器直接開啟）。這三者雖然最終都能讓使用者用手機看到內容，但背後的技術架構、開發資源需求與後續維運方式差異很大，選錯路線通常不是「做得不好」的問題，而是「一開始的方向就跟需求不匹配」的問題。
路線一：響應式網頁設計（RWD）
響應式設計是目前最普遍被採用的做法，核心概念是「只維護一套網站」，畫面版型會依照使用者當下的螢幕寬度自動重新排列，不論是手機、平板或桌機打開，看到的都是同一個網站的不同呈現方式。這種做法的優點是內容與資料只有一份，不需要在多個版本之間同步更新，對搜尋引擎而言網址也單純，不必處理桌機版與行動版之間的對應關係。缺點則是在設計與開發階段需要投入比較多心力，去思考各種螢幕寬度下的版面該怎麼安排，如果網站內容非常複雜，響應式設計要做到每個裝置都好用，需要花的時間也會比較長。
路線二：獨立的行動版網站
另一條路線是另外建立一套專門給手機使用者瀏覽的頁面，早期常見的做法是用另外的網址（例如在網址前面加上一個代表行動版的字首），伺服器偵測到使用者是用手機瀏覽器，就把他導向這一套獨立頁面。這種做法的好處是行動版的內容與版面可以完全針對手機使用情境重新設計，不受桌機版版型的牽制，理論上可以做出非常精簡、載入速度快的頁面。缺點是等於要同時維護兩套內容，之後每次更新資訊都要記得兩邊都改，長期下來維護成本會比較高，而且如果導轉設定沒有處理好，還可能造成使用者或搜尋引擎抓到錯誤版本的困擾。
路線三：原生App或混合式App
第三條路線是完全跳脫「網站」的框架，改用App的形式。使用者需要先到應用程式商店下載安裝，之後才能開啟使用。App的優點是可以使用裝置本身更多的功能（例如推播通知、離線使用、存取相機或定位），使用體驗也可以做得更貼近手機的操作邏輯。但App的門檻明顯比前兩條路線高：開發與維護的技術複雜度較高，使用者也需要先經過「下載安裝」這道門檻才能接觸到內容，這對本來就沒有明確理由要下載App的一般瀏覽情境（例如查詢店家資訊、看看商品介紹）來說，反而可能是阻力而不是助力。App比較適合需要頻繁互動、需要裝置特定功能、或使用者本來就有高度黏著度的情境。
三條路線的核心比較
如果單純從「要投入的資源」跟「後續維護的複雜度」來看，三條路線大致上可以這樣理解：響應式設計是目前多數情境下的平衡選擇，前期開發需要多想一點，但後續維護相對單純；獨立行動版網站的前期彈性最高，能針對手機情境做最精簡的設計，但代價是要長期維護兩套內容；App的技術門檻與維護複雜度最高，也多了一道「使用者願不願意下載安裝」的門檻，但換來的是最貼近裝置原生功能的使用體驗。至於哪一種路線比較容易被搜尋引擎正確理解與收錄，也是這幾條路線之間長期存在差異的地方，通常內容集中在單一網址、結構單純的做法，在後續的內容經營上會比較省力。
怎麼判斷自己適合哪一條路線
與其問「哪一條路線比較好」，不如先問自己幾個問題：這個網站的內容更新頻率高不高？如果內容經常變動，需要同時維護兩套版本的獨立行動版網站，長期下來是不是會變成負擔？使用者是不是需要用到裝置本身的特定功能，例如離線瀏覽、推播提醒，還是單純瀏覽資訊、填寫表單就足夠？團隊或委外的技術資源，能不能支撐比較複雜的開發與後續維護？預算與時程的限制，是不是允許花比較長的時間把響應式設計做到位？把這些問題想清楚，通常就能大致篩選出比較適合的方向，而不是看到別人做什麼就跟著做什麼。
選錯路線之後，通常會遇到什麼狀況
實務上比較常見的狀況是：內容更新頻繁的網站，當初選了獨立行動版網站的做法，結果因為要兩邊都改，久了之後行動版跟桌機版的內容開始出現落差，使用者用手機看到的資訊反而是舊的；或者是原本用途單純、只是想讓資訊查得到的網站，一開始選了App的做法，結果下載安裝的人數遠低於預期，投入的開發資源沒有得到相對應的使用效益。這些狀況不代表某條路線本身不好，而是提醒大家：技術路線的選擇最好是在動工前就想清楚，事後如果發現方向不對，要調整通常需要重新規劃架構，投入的時間與資源會比一開始就選對路線來得多。
常見問題
響應式網頁設計跟獨立行動版網站，哪一種比較適合中小企業？
沒有絕對答案，要看網站內容更新的頻率跟團隊的維護能量。如果內容經常變動、又沒有太多人力可以同時維護兩套版本，響應式設計通常比較省力；如果手機情境的需求跟桌機差異非常大、內容相對穩定，獨立行動版網站也是可以考慮的選項。
已經有桌機版網站了，一定要重做才能加上手機版嗎？
不一定，要看現有網站的架構是不是本來就有考慮到響應式呈現的彈性。有些網站在改造時可以在既有基礎上調整版型邏輯，不需要整個重做；但如果原本的架構完全沒有考慮過不同螢幕寬度的呈現方式，通常就需要比較大幅度的調整。
App一定比網站更「高級」或效果更好嗎？
不是的。App適合的情境是需要裝置原生功能、或使用者本來就會頻繁回訪互動的服務；如果只是想讓一般使用者查得到資訊、瀏覽內容，多一道下載安裝的門檻，有時候反而會讓潛在使用者卻步。選擇哪條路線，應該看使用情境而不是單純看形式上是不是比較新穎。
三條路線可以之後再互相轉換嗎？
理論上可以，但轉換的難易度不同。從獨立行動版網站整合成響應式設計，或是幫既有網站補強行動裝置的呈現，通常還在可調整的範圍內；但如果一開始選擇App、之後想轉回一般網站的形式，等於是換了一套完全不同的技術基礎，需要重新規劃的幅度會比較大。
如果還在猶豫「手機網站建置」該怎麼選、不確定自己的網站現況適合走哪一條路線，創昇SEO提供免費網站健診，會先了解網站目前的架構與使用情境，再給出比較符合實際需求的建議方向；也提供全台免費到府諮詢，如果想當面把問題講清楚，都歡迎約時間聊聊，一起把方向想清楚之後再動工。