點解要做RWD？手機優先時代必做響應式網站設計

試想像：朝早返公司，個客打嚟話「我用手機開你個網，啲掣撳唔到，等咗大半日都未開到，我放棄咗去搵第二間」。你個網喺電腦睇無問題，點解用手機就走位、載入慢到喊？呢個係單端網站最常見嘅死症。而家 Google 全面手機優先，手機版先係排名基準；純桌面版或獨立 m. 版，分分鐘跌緊排名。下文我用五個關鍵，講清點解 RWD（響應式網站設計）喺手機優先時代必做，順便教你有舊網點算。想執個網，可以直接了解香港網頁設計公司 HK WEBER 的客製化網頁設計服務。

先搞清楚——咩叫 RWD？同「單端網站」有咩唔同

好多老闆聽到 RWD 都覺得高深，其實核心好簡單：一套 code 自動適配唔同裝置。

RWD 核心：一套 code，自動適配桌面／平板／手機

RWD 靠同一段 HTML 同 CSS，用流動版面同 media query，按螢幕闊度自動重新排版。桌面、平板、手機都睇到同一網站，版面自動執好。你唔使維護幾個版本，改一次內容全部裝置一齊更新。想深入了解原理，可以睇吓什麼是響應式網站設計（RWD）？。

單端網站嘅三種舊做法（純桌面版 / 獨立 m. 手機版 / 鎖定單一寬度）

單端網站即「為咗一種情況而做」嘅舊做法，常見三種。一係純桌面版，手機開變微縮版，要拮大拮細。二係獨立 m. 手機版，另外起 m.example.com，內容同桌面分開管。三係鎖定單一寬度，例如死守一千二百像素，出手機就走位爆格。三種放喺今日手機優先環境，全部食力不討好。

一張表睇清 RWD vs 單端網站

關鍵要點：Google 官方建議優先採用響應式網頁設計（RWD），因為同一 HTML、同一 URL，最容易處理。RWD 對用家同搜尋引擎都最乾淨，唔會有重複內容同信號混亂。

關鍵 1——Google 已經「手機優先」，單端網站會直接跌排名

如果你以為 SEO 仲係睇桌面版，Google 規則早就轉咗。

咩係 Mobile-First Indexing（2019 推出、2024 成預設；手機版係排名基準）

Mobile-First Indexing（行動優先索引）喺二零一九年推出，到二零二四年成為預設。意思好直接：Google 而家主要用你網站嘅手機版編入索引同決定排名，唔再係桌面版。你手機版有咩內容、幾快、幾整齊，直接決定搜尋結果位置。Moz 有篇分析講得好清楚：Google 行動優先索引（mobile-first indexing）點影響 SEO 排名。

單端／獨立 m. 站點解中招（內容稀釋、canonical 信號混亂、爬蟲預算浪費、內容唔同步）

純桌面版網站，手機開到嘅內容唔完整，Google 用手機版做基準抽到少嘢。獨立 m. 站更癮：內容稀釋、canonical 信號混亂、爬蟲預算浪費、內容唔同步，統統令排名信號變差。

講返早兩年一位客嘅真事。一位做電子零件出口嘅貿易老闆搵上門，話手機搜尋由首頁跌出第二頁，手機查詢幾近歸零。一查，佢舊網用緊獨立 m.example.com，手機版內容比桌面少，canonical 又設錯，Google 當咗手機版係次等頁。三個月內手機流量腰斬。搵我哋做返 RWD 之後，三個月手機流量返到跌前約八成，核心詞重回首頁前三，排名先叫返穩。

關鍵 2——香港人九成用手機上網，你嘅客喺手機度搵你

排名跌大鑊，但最緊要係客根本喺手機度，你網手機唔好用即係趕走九成潛在客人。

政府統計處數據——2024 年智能手機滲透率超過九成

根據政府統計處《主題性住戶統計調查第 82 號報告書》（二零二四年數據、二零二五年六月發布），本港有上網住戶高達百分之九十六點七，當中百分之九十九點九用智能手機上網；十歲及以上人口上網率亦達百分之九十五點八。詳細數字可以查閱：政府統計處《主題性住戶統計調查第 82 號報告書》。

白紙黑字講一句：本港有上網住戶高達 96.7%，當中 99.9% 用智能手機上網，10 歲及以上上網率 95.8%（來源：政府統計處《主題性住戶統計調查第 82 號報告書》，2024 數據／2025-06 發布）。你嘅客人十居其九用手機搵你，個網手機唔衰得。

手機開唔到／走位＝即時走人（用戶行為）

香港人等車、食飯、睇電視都用手機搵嘢，開到你網如果走位、掣撳唔到、要拮大拮細，佢唔會等你，直接撳走去第二間。單端舊做法手機體驗差，等於將上門客推出門口。

關鍵 3——載入慢 3 秒，一半人走咗，RWD 幫你執好速度

除咗版面，速度係第二道殺手，而家啲人急，等唔到嘅。

53% 用家 3 秒唔開就走（Google Think with Google）

Google 旗下 Think with Google 研究話齋，超過五成三嘅用家，網頁三秒內未開到就會離開。對做生意好驚人：你花錢落廣告，佢喺載入三秒就走，廣告費平白浪費。單端網站手機版圖片未壓、code 未執，載入動輒五六秒，自然死得難睇。

Core Web Vitals——LCP<2.5s、INP≤200ms、CLS<0.1

Google 早就用 Core Web Vitals 量用家體驗，仲係排名信號。由二零二一年八月 Page Experience 更新，到二零二四年三月十二日 INP 取代舊嘅 FID——現時三大指標係：LCP 低於二點五秒、INP 等於或低於二百毫秒、CLS 低於零點一。RWD 配合壓圖、上 CDN、精簡 code，正好幫你達到呢啲標準。

再講個網店嘅例子。一位賣手作飾品嘅網店店主搵我哋，話手機落單極少，廣告有流量但單落唔到。一查 PageSpeed Insights，舊單端網站手機版跑版，圖片溢出、掣撳唔到，首屏載入成六秒，跳出率長期八成以上。轉做 RWD 加壓圖上 CDN，LCP 由六秒落到兩秒內，手機表單提交升約三成。速度執好，單落得多。

關鍵 4——一個網站搞掂所有裝置，慳錢又慳力

老闆最關心錢，呢點 RWD 同單端網站分別最明顯。

唔使維護兩套 code（桌面 + m. 各自更新）

獨立 m. 站最煩係養兩套。改個電話號碼，桌面改一次、m. 版又要改一次；出個新產品，兩邊都要上。人力時間出錯機會全部雙倍。RWD 一套 code 搞掂，改一次全网見。

長遠維護成本比較（單端雙站 vs RWD 單站）

計長遠數，單端雙站維護成本可以係 RWD 單站兩倍以上。除咗日常更新，每次 Google 改演算法、出新機型、加新功能，雙站都要做兩次測試同修正。RWD 因為統一，開發維護都集中，長遠慳返唔少。

老闆最關心嘅數：維護成本翻倍，係單端／獨立手機版網站最大長期痛點——改一次內容要改兩次。RWD 一套 code 走天涯，長遠慳返嘅人力同時間，足以抵銷當初少少額外投入。

想網站做完有人幫手持續執同優化，我哋都有網站維護與持續開發服務可以幫手。

關鍵 5——RWD 對 SEO 同轉化嘅實質好處

講到錢，RWD 唔單止慳維護費，仲直接幫你搵客成交。

集中頁面權重、避免重複內容（一個 URL 唔使分散 link equity）

雙站最死嘅係 link equity 被分散，桌面版同手機版外鏈權重分開計。RWD 用同一個 URL，所有外鏈、分享、點擊全部集中一處，搜尋引擎更易睇清你呢頁嘅份量，排名穩陣。想做好排名，可以配合我哋嘅SEO 搜尋引擎優化服務一齊做。

手機版 CTA／表單優化，跳出率可以咁跌

RWD 讓你順便執好手機版 CTA 同表單，呢度係轉化關鍵。HubSpot 實驗發現，手機落地頁轉化率一般比桌面低百分之二十到三十，但做好手機優化後，跳出率平均跌百分之二十七。想睇個案可以參考：手機版轉化率優化嘅實驗（HubSpot 個案）。

第三位客人係一位獨資執業嘅會計師。舊網單端，手機表單又長又難填，放棄率高。重做 RWD 簡化手機 CTA 同表單，將 enquire 掣固定底部、減少欄位。三個月內手機 enquiries 升約四成，佢話：「以前客用手機搵我搵到，都撳唔到掣，而家搞掂。」

咁到底幾錢？同舊網點算？（決策指南）

講到呢度，老闆梗係問：做 RWD 要幾錢？舊網要推倒重來？

做 RWD 大概要幾錢（HK 行情區間，對比單端／雙站總成本）

香港市面上，RWD 網站視乎功能同頁數，常見萬幾到幾萬港元。聽落比單端貴少少，但你計埋長遠維護——單端雙站養兩套、改兩次，總成本好快反超。RWD 係一次做妥、長遠慳錢嘅投資。

舊網係咪要重做？3 個判斷位

唔係個個都要推倒重來，用三個位判斷。一睇手機流量佔比：過半又升、網手機版又衰，等於趕客。二睇手機跳出率：長期高過七八成，即係體驗有問題。三睇有無 m. 站 canonical 亂：有獨立 m. 站又設錯，排名風險極高。中兩個位以上就做返 RWD。

唔識 WordPress？遷移離開／用 HK WEBER 自研 SaaS 建站平台 Weber

好多舊網用 WordPress 起，但佢要自己更新、執 plugin、防黑客，對唔識嘅老闆係 nightmare。順帶一提，HK WEBER 本身唔做 WordPress 項目；我哋強項係幫客遷移離開呢類系統，改用自研 SaaS 建站平台 Weber，RWD 天生支援，更新維護交畀平台搞。想知點運作，可以睇吓HK WEBER 自研 SaaS 建站平台 Weber。

總結——5 個關鍵一次過記低 + 下一步

複習五個重點。一，Google 已經手機優先，單端網站直接跌排名。二，香港九成六住戶上網、九成九用手機，客喺手機度搵你。三，載入慢三秒一半人走，RWD 幫你過 Core Web Vitals。四，一個網站搞掂所有裝置，慳錢又慳力。五，RWD 集中權重、利 SEO 同轉化，手機 CTA 執好生意即刻見效。

下一步好簡單：拎你個網喺手機度開一次，試吓撳掣、睇載入、睇走位。如果唔順，就係時間做返 RWD。我哋立即諮詢 HK WEBER 網頁設計幫你評估舊網、規劃手機優先嘅響應式網站，等你可以慳力搵客、生意搞掂。

常見問題

問：咩係 RWD（響應式網站設計）？

答：RWD 即 Responsive Web Design，靠一套 HTML 同 CSS，按螢幕闊度自動排版，桌面、平板、手機都睇到同一個網站。

問：RWD 同獨立 m. 手機版有咩分別？

答：RWD 一個 URL、一套 code，自動適配所有裝置；獨立 m. 站另外起 m. 網址，內容同桌面分開管，容易重複內容同 canonical 混亂，維護亦要改兩次。

問：RWD 對 SEO 有咩影響？

答：RWD 用同一個 URL 集中頁面權重，避免重複內容，最符合 Google 手機優先索引要求，排名風險低好多。簡單講：雙站會將外鏈權重一分為二，RWD 一個 URL 集中晒，Google 更易評你頁嘅份量，排名自然穩陣。

問：做 RWD 大概要幾錢？

答：香港行情視乎功能同頁數，常見由萬幾到幾萬港元不等，長遠慳返雙站維護成本，總體更划算。視乎頁數同功能——5 到 10 頁公司介紹網通常萬幾到兩萬幾；電商或客製功能就另計。計埋長遠唔使養兩套，總體仲慳。

問：我個舊網係咪要重做？點算好？

答：用三個位判斷：手機流量佔比、手機跳出率、有無 m. 站 canonical 亂。中兩個位以上就建議做返 RWD；中一個可以先做手機優化止血，唔使即刻推倒重來。

問：做咗 RWD 會唔會令載入變慢？

答：唔會，反而通常更快。RWD 配合壓圖、上 CDN、精簡 code，可以達到 Core Web Vitals 標準。關鍵在壓圖、上 CDN、精簡 code——RWD 只係排版方式，慢唔慢睇你點執，執得好仲快過舊單端。