RWD 不只是「手機也能看」
很多人對 RWD（Responsive Web Design，響應式網頁設計）的認知停留在「讓網站在手機上也能正常顯示」。這個理解沒有錯，但太淺了。
RWD 對 SEO 的影響遠超過你的想像。Google 從 2019 年開始全面啟用行動版優先索引（Mobile-First Indexing），意思是 Google 是用你的行動版網頁來決定排名的，不是桌面版。如果你的行動版體驗差，不管桌面版做得再精美，SEO 排名都不會好。
根據 StatCounter 的 2025 年數據，台灣的網路流量中行動裝置佔比已經達到 62%。你的潛在客戶有超過六成是用手機在瀏覽你的網站。如果他們看到的是一個需要用手指放大縮小的桌面版網站，跳出率一定爆高。
Google 官方明確推薦使用 RWD 作為行動版網站的解決方案，原因是 RWD 使用同一個 URL、同一份 HTML 內容，對搜尋引擎來說最容易處理。
行動優先索引：Google 怎麼看你的網站
行動優先索引（Mobile-First Indexing）是理解 RWD 對 SEO 影響的關鍵。
在行動優先索引之前，Google 主要用桌面版的 Googlebot 來爬取和索引你的網站。行動版只是參考。但現在完全反過來了——Google 主要派出行動版的 Googlebot 來爬你的網站，桌面版反而成了次要。
這代表幾件事：
行動版缺少的內容不會被索引
如果你為了讓行動版看起來簡潔，用 CSS display: none 隱藏了某些文字內容，Google 可能不會把那些內容納入索引。在行動優先的世界裡，行動版和桌面版的內容應該一致。
行動版的結構化資料要完整 如果你的 Schema 標記只加在桌面版的程式碼裡，行動版沒有，Google 就看不到。確保兩個版本的結構化資料一致。
行動版的 meta 標籤要正確 title、description、canonical 這些 meta 標籤在行動版和桌面版都要有，而且內容要一致。
RWD 的好處就是：你只有一套程式碼，不會出現行動版和桌面版內容不一致的問題。這也是 Google 推薦 RWD 的主要原因。如果你用的是 m.example.com 這種獨立的行動版網站，就需要額外花心思確保兩個版本的內容同步。
Core Web Vitals 與 RWD 的關係
Google 的 Core Web Vitals 是影響排名的重要因素，而 RWD 的實作方式直接影響這三個指標。
LCP（Largest Contentful Paint）— 最大內容繪製 行動裝置的網路速度通常比桌面慢，螢幕比較小。RWD 網站如果沒有做好圖片的響應式處理——也就是在手機上載入了跟桌面版一樣大的圖片——LCP 會很糟糕。
正確做法：用 <picture> 標籤或 srcset 屬性，針對不同螢幕寬度提供不同尺寸的圖片。手機用 640px 寬的圖片就夠了，不需要載入 1920px 的桌面版圖片。
INP（Interaction to Next Paint）— 互動延遲 行動裝置的處理器效能比桌面低。如果你的 RWD 網站在行動版有大量的 JavaScript 動畫效果，互動延遲會比桌面版明顯。
正確做法：在行動版減少不必要的動畫效果。把非關鍵的 JavaScript 延遲載入。用 CSS 動畫取代 JavaScript 動畫，效能更好。
CLS（Cumulative Layout Shift）— 累積版面位移 RWD 網站最容易出現 CLS 問題的地方是圖片和嵌入內容。如果圖片沒有設定寬高比（aspect ratio），在載入的過程中頁面會突然跳動，這就是 CLS。
正確做法：所有圖片都要在 HTML 中設定 width 和 height 屬性，或用 CSS 的 aspect-ratio 屬性。嵌入的 iframe（如 YouTube 影片、地圖）也要設定固定的外框尺寸。
關於 Core Web Vitals 的詳細優化方法，可以參考核心網頁指標優化指南。
RWD 對搜尋排名的六個影響面向
整理一下 RWD 影響 SEO 排名的所有面向：
1. 行動友善性 Google 有一個「行動裝置友善性」的排名訊號。如果你的網站通過 Google 的行動裝置友善性測試，這是一個正面的排名因素。沒有 RWD 的網站幾乎不可能通過這個測試。
2. 頁面速度 RWD 做得好，頁面速度就好。做得差（例如行動版載入桌面版的大圖片），速度就差。速度是明確的排名因素。
3. 使用者行為指標 跳出率、停留時間、每次造訪頁數⋯⋯這些指標雖然不是直接的排名因素，但間接影響 Google 對你網站品質的判斷。行動版體驗差的網站，這些指標一定不好看。
4. 爬取效率 RWD 只有一個 URL，Google 只需要爬一次。如果你用 m.example.com 的方式做行動版，Google 需要爬兩次（桌面版和行動版），爬取預算會被消耗更多。對大型網站來說這是不小的影響。
5. 反向連結集中 同一個 URL 意味著所有的反向連結指向同一個網址。如果你有獨立的行動版網站，反向連結可能分散到兩個不同的 URL，稀釋了連結的力量。
6. 社群分享的統一 使用者在手機上分享你的文章，跟在桌面上分享的是同一個 URL。分享的力量集中在一個網址上，對 SEO 有正面幫助。
RWD 實作時的 SEO 注意事項
不是只要加了 <meta name="viewport"> 就算做了 RWD。以下是實作時需要特別注意的 SEO 相關細節：
不要用 CSS 隱藏重要內容
有些設計師為了行動版的簡潔，用 display: none 或 visibility: hidden 把整段文字隱藏起來。Google 會忽略被隱藏的內容。如果那些內容包含重要的關鍵字或資訊，等於在行動優先索引下主動放棄了它們。
如果確實需要在行動版精簡內容，用可展開/收合（accordion）的方式比直接隱藏好。Google 能看到 accordion 裡面的內容。
導覽列的設計 行動版通常用漢堡選單（hamburger menu），但要確保漢堡選單裡面的連結 Google 爬得到。不要用 JavaScript 動態渲染選單內容，除非你確認 Google 的 JavaScript 渲染能正確處理。
避免行動版的排版錯誤 文字溢出、圖片超出螢幕、表格橫向捲動⋯⋯這些都會讓 Google 判定你的網站對行動裝置不友善。每次上架新內容都要用手機看一遍。
處理跨裝置的字型大小 桌面版 14px 的字在手機上會太小。用相對單位（rem、em）而不是絕對單位（px）來設定字體大小，確保在不同裝置上都有良好的閱讀體驗。Google 建議行動版本文至少 16px。
注意觸控目標的間距 按鈕和連結之間太靠近，手指容易點錯。Google 的行動裝置友善性測試會檢查觸控目標的間距，太近會不通過。
案例分析：餐飲品牌的 RWD 改版
某連鎖餐飲品牌在 2025 年中進行官網改版，從舊版的非響應式設計改為 RWD。以下是改版前後的數據比較。
改版前狀況：
- 獨立的行動版網站（m.brand.com）
- 行動版只有桌面版 60% 的內容
- 行動版 PageSpeed 分數：34
- 行動版跳出率：72%
- 行動版自然搜尋流量佔總流量 28%
改版後（RWD）的做法：
- 統一使用 brand.com，用 RWD 處理所有裝置
- 行動版和桌面版內容完全一致
- 圖片全面改用 WebP 格式 + srcset 響應式圖片
- 移除不必要的第三方腳本（從 14 個減少到 6 個）
- 新增 Restaurant 和 Menu 的結構化資料
改版後 3 個月的數據：
- PageSpeed 行動版分數：從 34 提升到 79
- 行動版跳出率：從 72% 降到 48%
- 行動版自然搜尋流量佔比：從 28% 提升到 51%
- 自然搜尋流量整體成長 45%
- 7 個核心關鍵字平均排名提升 4.3 個位置
值得注意的是，改版過程中有做好 301 轉址（m.brand.com 的所有頁面都轉到對應的 brand.com 頁面），所以舊行動版網站累積的 SEO 權重沒有流失。網站改版的 SEO 遷移技巧可以參考網站改版 SEO 搬遷指南。
常見問題解答
Q：我的網站已經有 RWD 了，為什麼行動版排名還是不好？ RWD 是基礎，但不是全部。還要看你的行動版速度、內容品質、反向連結等其他排名因素。先用 Google Search Console 的「行動裝置可用性」報告看看有沒有具體的問題。
Q：AMP 頁面跟 RWD 哪個對 SEO 比較好？ Google 在 2021 年已經不再把 AMP 列為精選新聞的必要條件。如果你的 RWD 網站速度夠快（LCP < 2.5 秒），不需要額外做 AMP。AMP 的維護成本不低，而且限制很多。
Q：用 CSS Framework（如 Bootstrap、Tailwind）做的 RWD 對 SEO 有影響嗎？ Framework 本身對 SEO 沒有正面或負面影響。關鍵是最後產出的程式碼品質。如果你載入了整個 Bootstrap 但只用到 20% 的功能，那多餘的 CSS 會影響頁面速度。用 PurgeCSS 或 Tailwind 的 tree-shaking 把沒用到的樣式移除。
Q：我的網站是 WordPress + 響應式佈景主題，SEO 沒問題吧？ 大部分主流的 WordPress 佈景主題都做了基本的 RWD，但品質參差不齊。重點是實際用手機測試每個頁面，確認速度和體驗都沒問題。不要只相信佈景主題的「RWD」標籤就覺得沒事了。
RWD 是 SEO 的最低門檻
2026 年了，沒有 RWD 的網站在 SEO 上基本上是零分。但光有 RWD 也不夠，RWD 只是最低門檻。
在這個門檻之上，你還需要快速的載入速度、良好的 Core Web Vitals、完整的行動版內容、正確的結構化資料、清楚的網站架構。
如果你正在規劃新的網站設計或改版，RWD 不是一個「要不要做」的選項，而是「一定要做，而且要做好」的基礎設施。把 RWD 做好，你的 SEO 就有了一個穩固的起跑點。