RWD 是讓同一個網站在手機、平板、電腦上自動調整版面的做法,不需要另外做一個手機版。
拿你的手機打開你的網站,如果字要放大才看得到、頁面要左右拖才看得完,就是沒有 RWD,你的客人用手機看到的也是這個畫面。
台中做一個 RWD 網站,套版大約 1.5 萬~5 萬,半客製 3.5 萬~20 萬,全客製 10 萬起跳,差別在頁數、功能和設計程度。
舊網站不一定要整個打掉重做,部分跑版可以單獨修。
Google 在 2023 年已經完成行動版優先索引,現在是用手機版的內容來決定搜尋排名,沒有 RWD 的網站在搜尋結果裡會吃虧。
重點整理
- 拿手機打開你的網站,字要放大、左右拖才看得完、按鈕按不到,這就是沒有 RWD,客人看到的也是這個畫面
- RWD、一頁式、手機版(m. 開頭的網址)、APP 是四種不同的東西,不要混在一起比價
- 台中 RWD 網站套版約 1.5 萬~5 萬,全客製 10 萬起,報價單上最容易讓費用跳的是頁數和功能串接
- 報價單上把「RWD」單獨列一行另外收費的,現在的網站預設就該有 RWD,問清楚為什麼
- 舊網站部分跑版可以單獨修,不一定要整站重做;找公司報價時「修」和「重做」兩個價格都拿到手再決定
RWD響應式設計網頁可以幹嘛?
RWD 讓你的網站在手機、平板、電腦上自動調整版面。
你的客人從 Google 地圖點進你的店,用的是手機。
從 LINE 群組點你分享的連結,用的也是手機。
他打開網站,字小到看不清楚,想按電話號碼卻按到旁邊的選單,他不會把手機轉橫再試一次,他會按上一頁,去看下一間。
RWD 做的事情是讓同一個網址、同一份內容,根據螢幕大小重新排版。
手機上照片縮小、文字重排、選單收進一個按鈕;電腦上打開同一個網址,版面展開回來。
你改一次內容,所有裝置同步更新,不用另外維護一個手機版。
現在網頁基本都有RWD嗎?
現在新做的網站幾乎都預設有 RWD。
不管是套版還是客製,一間網頁設計公司在 2026 年還把 RWD 當成額外加購的功能,你可以先問清楚理由,或直接換一間。
沒有 RWD 的多半是五年、十年前做的舊網站。
那個年代手機上網的人還不多,有些公司會另外做一個手機版的網址(前面多一個 m.),有些乾脆不做,因為那時候客人大多用電腦瀏覽。
你的網站是那個時期做的、還沒改版過,拿手機打開來看一次就知道。
怎麼知道網頁有沒有RWD?
拿手機打開你的網站
不用看程式碼,拿你的手機打開網站首頁就知道。
- 文字不用放大就看得清楚
- 頁面不用左右拖,上下滑就能看完
- 按鈕和連結用拇指就按得到,不會點到旁邊的東西
- 電話號碼按了可以直接撥出去
四個都過,你的網站有 RWD。
只要有一個沒過,你的客人用手機看到的也是這個狀況。
首頁正常,其他頁面不一定跟著正常。
有些網站首頁做了 RWD,但產品頁、菜單頁、聯絡頁沒有一起調,這幾頁反而是客人最常用手機打開的,值得每一頁都點進去試一次。
RWD跟其他網頁差在哪裡?
一頁式和 RWD 是兩回事。
一頁式是頁面結構,所有內容放在同一頁、往下滑就看完。
RWD 是版面的適應方式,同一頁在不同螢幕上自動重新排列。
一頁式網站可以有 RWD,也可以沒有。
判斷方式不變,拿手機打開,看版面有沒有自動排好。
容易混在一起的還有兩個。
手機版網址,就是網址前面多一個 m. 的那種(例如 m.你的網站.com.tw)。
這是早期的做法,等於維護兩個網站,電腦看一個版本、手機看另一個版本。
你只更新了電腦版,手機版還是舊資料,客人看到的就是過期的內容。
Google 也不建議這種做法,兩個版本不一致會影響搜尋排名。
APP 要到 App Store 或 Google Play 下載安裝,跟網站完全不同。
小型店家通常不需要 APP,客人不會為了看你的菜單或營業時間去下載一個東西。
有 RWD 的網站在手機瀏覽器裡打開就能操作,不用安裝。
四種放在一起對照:
| 類型 | 特性 | 需不需要多花維護的時間 |
|---|---|---|
| RWD 網站 | 一個網址,版面自動適應所有螢幕 | 改一次全部同步 |
| 一頁式 | 所有內容在同一頁,可以有也可以沒有 RWD | 看有沒有 RWD |
| 手機版(m. 開頭) | 電腦和手機各一個網站 | 兩個版本要分開更新 |
| APP | 需要下載安裝,要上架審核 | 每次改版要重新送審 |
RWD網站很貴嗎?
台中做一個 RWD 網站大概多少錢?
套版大約 1.5 萬~5 萬,半客製 3.5 萬~20 萬,全客製 10 萬起跳,差在客製化程度。
| 做法 | 費用範圍 | 適合的情況 |
|---|---|---|
| 套版 | 約 1.5 萬~5 萬 | 從現成版型挑一個,改顏色、圖片和文字,版型架構不能動 |
| 半客製 | 約 3.5 萬~20 萬 | 用同行業的基礎版型去改,可以調架構和部分功能 |
| 全客製 | 10 萬起,沒有上限 | 從零開始設計,版面和功能全部照你的需求來 |
套版最快也最便宜,適合「先有一個看起來正常的形象網站」的情況。
全客製適合需要串預約系統、線上付款、會員登入這類功能的店家,這些東西沒辦法用現成的版型裝出來。
台中多數小型店家只需要展示商品和聯絡方式,套版或半客製就能做到。
等生意規模大到需要購物車或預約功能,再評估升級全客製或另外建購物網站。
報價單上的項目在做什麼?
你拿到一張報價單,上面列了十幾行,每行一個金額。
哪些是基本費、哪些是加了才會跳價的功能,看完這段你可以自己分。
網域和主機
是每年都要付的基本費。
網域就是你的網址(例如 www.你的店名.com.tw),一年大約幾百元到一千多元。
主機是存放網站資料的地方,租虛擬主機一年大約 5 千~8 千元。
兩個都是年繳,不是做一次就永遠免費。
SSL 憑證
讓你的網址列出現那個鎖頭圖示,一年大約 3 千元。
沒有 SSL,客人打開你的網站,瀏覽器會跳出「不安全」的提示,多數人看到這個會直接關掉。
頁面數量
是報價單裡彈性最大的項目。
報價單可能寫「含 5 頁」或「含 10 頁」,每多一頁就加錢。
每一頁都獨立設計(版面各自不同,不是套同一個模板),費用會比「5 頁同一個版型只換內容」高出不少。
你可以先列出你的網站需要哪些頁面,首頁、關於我們、產品或菜單、聯絡方式,通常 4~6 頁就夠用。
順帶一提 SEO 文章通常是另計的,網頁報價說的含 SEO 是指整個網站的 SEO 基本設定,不是指包含 SEO 文章。
網站有 SEO 文章才有 GEO 的可能性,網站曝光度也會差很多。
功能串接
是另一個容易讓報價跳上去的項目。
線上預約、刷卡付款、物流追蹤、LINE 官方帳號串接,每串一個功能大約加 3 千到 2 萬,看技術複雜程度。
餐廳只需要菜單和電話,這些全部可以不勾。
後續維護費
涵蓋主機管理、程式更新、小幅內容修改。
常見收法是年費 2 萬~4 萬,或月繳大約 5 千。
有些公司第一年免費維護,第二年起才開始收。
RWD 不應該被當成加購項目另外收費。
報價單上把「RWD 響應式設計」單獨列一行、收你一兩萬,直接問他為什麼,現在的網站做出來就該有 RWD,跟「網站可以打開」一樣是基本的。
形象網站和電商的報價單項目不同,各類型的網頁設計費用差很多。
舊網頁可以改RWD嗎?
怎麼判斷修一修就好,還是要整站重做?
不一定要整個打掉重做,先看你的網站目前是什麼情況。
你的網站是用 WordPress 或其他後台管理系統做的,佈景主題本身支援 RWD,只是某幾頁跑版(後來加的區塊沒設定好、圖片太大沒有自動縮放),找設計公司修那幾頁就好,不用動到整站架構。
需要整站重做的狀況通常是底層太舊。
網站是十幾年前用 Flash 或早期 HTML 手寫的,根本沒有 RWD 的底子可以改。
或者後台系統已經停止更新、連安全性修補都沒有了,繼續掛在網路上反而有被入侵的風險。
又或者你同時想加預約、金流、會員這些功能,現有的架構塞不進去,這種修的錢花下去,不見得比重做便宜。
先做前面那個手機測試。
只有一兩頁跑版、其他頁面都正常,修就好。
如果每一頁都不行,或者後台已經舊到連自己都不會用,那就是重做的信號。
找公司報價的時候,請他們看你現在的網站,分別報「修」和「重做」兩個價格。
兩個數字都拿到手,差多少一比就清楚。
台中在地的公司可以直接到你的店裡看,不用遠端來回描述「哪裡壞了」。
你的網站還沒有做、也還在考慮要不要架設網站,上面這些費用和項目可以讓你先有個底,知道預算大概要抓多少。
台中 RWD 網頁設計推薦
找台中在地的團隊做網站,比起找外縣市或純線上的公司,比較實際的差別在溝通效率。
需要拍照可以到你的店裡實拍,後台操作可以當面教你,改版的時候面對面溝通比用文字來回描述快。
富汎行銷從架站到 SEO 文章都有做,也有廣告投放與 Line 帳號建置,有專業的美術與行銷團隊。