在網頁設計中有兩種常見的設計，分別為響應式網站(RWD)和自適應網頁(AWD)，隨著智慧型手機及平板電腦的推出，網站設計需要靈活適用於不同的裝置及螢幕尺寸。
什麼是響應式網站？
響應式網站英文全名為Responsive Web Design，縮寫為RWD，這個設計可以讓同一網址在不同裝置上瀏覽時呈現不同的模板而設計不變，隨著時代的變遷，行動裝置的使用比例是最高的，讓用戶可以透過行動裝置能有好的瀏覽體驗。
什麼是自適應網頁？
自適應網頁英文全名為Adaptive Web Design，縮寫為AWD，歷史比響應式網站更久，根據不同的裝置特性去進行設計，所以會有不同的版本去對應不同的裝置，讓用戶可以有良好的體驗。
有些網頁點選進去會有「電腦版」和「手機板」兩個選項讓你點選，這種通常就是採用自適應網頁設計。
響應式網站和自適應網頁的差異
開發：
- 響應式網站-在於前期開發時，需要注意版面設計通用於各種裝置(電腦、平板手機)。
- 自適應網頁-需針對不同的裝置去個別設計網頁，單一網址就對應單一裝置。
維護：
- 響應式網站-只需維護單一文件，花費時間少、成本低
- 自適應網頁-需維護多個文件檔案，花費時間多、成本較高
用戶體驗：
- 響應式網站-不論用哪種裝置，可提供一致性的設計、內容
- 自適應網頁-可針對不同裝置有不同設計
性能：
- 響應式網站-承載資料多，加載速度容易受影響
- 自適應網頁-承載資料分散，通常加載速度較快
SEO：
- 響應式網站-對於SEO較友善，方便爬蟲索引，也受Google推薦
- 自適應網頁-可能面對重複內容、重新導向等問題進而影響排名
Google建議使用響應式網站?跟SEO有什麼關係?
Google會優先索引行動版內容，相對也會做為排名的依據，因此網站適合行動版裝置瀏覽非常重要，以下幾點分享響應式網站影響SEO的幾個因素。
- 後期維護容易：前期需花費較多時間在設計上，因需適用在各個裝置上，後期因只使用單一網址，只需要維護單一文件，維護成本相對較低。
- 不用重新導向：不論是用電腦還是行動裝置，不需要再重新導向，使用者體驗相對良好。
- 索引方便：單一網址讓Google爬蟲更好索引，不需區分是哪個裝置的版本，提高索引的效率，有機會讓爬蟲一次爬取更多網站內容。
- 網站內容一致：不論是電腦版還是手機板，網站設計及內容都是相同的，避免被認定內容重複的問題。
參考資料：Google搜尋中心
結語
響應式網站和自適應網頁各有優勢，可以根據自身需求及目標用戶來做選擇，如果SEO是未來會考量的一部份，響應式網站會是更好的選擇，響應式設計的單一結構及內容一致性，會讓搜尋引擎更容易索引，有機會能有較好的排名，同時避免重複內容的問題。
