RWD網頁設計是甚麼? 為什麼有些商城會用AWD非RWD呢?

詢問網頁設計公司關於網站設計的事情，他們一直提到一個英文單字 「RWD」，RWD這到底是什麼意思呢？
RWD ––響應式網站設計(Responsive Web Design)，Responsive 響應式的意思是，高雄網頁設計內容可以依照螢幕寬度顯示適當的比例，透過 CSS 編寫，依照不同裝置手機、桌機、平板螢幕寬度，無論直立或橫放，都能流暢的縮放、顯示版面配置，也能控制網頁內容顯示與否。

什麼是 RWD(Responsive Web Design) 響應式網站設計?

RWD就是Responsive Web Design，是一種網頁設計的技術，又稱響應式設計、回應式設計、自適應網頁設計或者對應式網頁設計。這種設計可以使網站在不同的裝置上瀏覽時，對應不同解析度都有適合的呈現方式，減少使用者進行縮放、平移和捲動等操作行為。

　以最簡單的方式來說明RWD的概念就是：「內容像水」。對於網站設計師和前端工程師來說，有別於過去需要針對各種裝置進行不同的設計，使用此種設計方式將更易於維護網頁。

　行動裝置佔據網路流量的一半以上，在2015/4/21時，Google宣布行動裝置的時代到來，如果搜尋行為是來自行動裝置，將會提高對行動裝置友善的網站排名。

什麼是 AWD 網站 (Adaptive Web Design) 自適應網站設計？

自適應網站設計是較響應式網站設計更早期的設計，但是目前來說還是有部分公司會採用該設計，它是針對不同裝置給予相對應的版本的網站，例如 momo 購物商城，會根據電腦版給予和手機版 兩種版本網站，這可以完全根據裝置的特性進行設計，讓使用者具備有更好的操作體驗。但是事實上，不管是設計上或者是維護上，自適應設計的方式都會較為費工，可能在後台管理上也需要兩種版本，因此在採用該設計前，需要評估維運的人力和時間是否充足。

在要決定使用哪一種設計時，awoo 建議先從三個面向評估，分別是網站類型、維護人力、預算：

1. 網站類型

在確認要採用哪一種類型設計時，要先確認自家網站類型，如果是大型且有複雜系統功能的購物網站需求，採用 AWD 方式可能會比較好，可以提供行動裝置較好的操作體驗。但如果是一般的企業網站，目的是為了打造具有良好形象的網站，採用 RWD 方式會是最好的選擇，因為它可以用同一套視覺設計運用在不同的裝置上，可以保持品牌視覺ㄧ致性。

2. 維護人力

有多少人力可以維護也是重要的考量的因素之一，如果在上下架商品或營運上可以有整個部分或充足人力的話，就可以建議採用 AWD 方式，可以更順利維護兩種版本的網站。但是如果網站管理人員只有一兩個人，又需要經常性更新內容，那採用 RWD 方式，會對企業本身是最好的選擇，可以同步維護。

3. 預算費用

預算是影響選擇 AWD 或 RWD 重要因素之一，如果今天預算較為充足的話，可以建制較全面的系統以及綜合性功能網站，則可以選擇 AWD 方式。如果預算較少，但又需要同時擁有三種版本網站，則 RWD 是較符合經濟效益的選擇，這也是為什麼 RWD 越來越受歡迎的原因。

Google 為什麼建議採用 RWD？RWD 較符合 SEO?

Google 因為以行動內容優先作為索引以及排名的主要依據，針對行動裝置設計有給予建議，在回應式網頁設計一文中提及建議使用 RWD 的好處，awoo 以下也補充說明對於 SEO 好處：

1. 單一網址

使用單一網址可以幫助使用者好辨識網頁內容，同時提高網址與頁面內容關聯性。

2. 較容易索引

由於使用同一套網頁文本，可以較正確幫助 Google 為網頁指定索引屬性，不需要額外發送其他訊息告訴 Google 何種網頁為電腦版或行動版。

無需重新導向

進行電腦版/行動版切換時，無需要進行重新導向，節省讀取時間，提高使用者體驗。

節省檢索預算

Google 機器人對 RWD 網頁進行檢索時，可以更快檢索不同版本的網頁內容，而不需要根據不同版本網站重新檢索，如此可提高檢索效率，讓 Google 機器人可以爬取到更多網頁內容。

維護成本低

網頁設計師或工程師僅需要維護單一文件，無需額外再花時間處理其他版本文件。

降低行動版網站錯誤發生機率

可以減少像是行動版網頁無法索引、需要重新導向或載入速度變慢的問題。