急救懶人包！RWD響應式網頁設計與AWD自適應網頁分別為你介紹

RWD響應式網頁是什麼?

網頁前端技術做法，讓電腦網頁可以依照使用者拿取的3C產品做版面變化，網站產生變化的同時，也能正常運作。通常都會使用CSS語法來決定網站版面的呈現方式，RWD響應式網頁可以在不同的解析度或不同尺寸的手機，讓網頁自動改變畫面排版，不過這樣也是需要前端工程師在花點時間去調整版面與寫網頁！

AWD自適應網頁設計英文全名為 Adaptive Web Design，概念與RWD相同，但是作法不同。AWD是透過螢幕寬度去調整網頁，並且非常適合用在內容比較多的店商網站，所以手機板的網址都會比電腦版多一格m. ，但一樣都是同一個網站下的網域。

通常網站有使用RWD網頁或AWD網頁，對於SEO排名其實會有加分。
那為什麼比起AWD自適應網頁，google比較會建議採用RWD響應式網頁呢？

因為使用AWD網頁其實裡面的網址會有www與m兩種版本，RWD就比較沒有問題。

如果沒有用RWD響應式的手機版網頁，其實要自己拉大拉小去看字非常不方便，所以長期下來google就會認定為該網站沒有幫助，所以在排名上就會被拉低。

如果RWD響應式設計的好，對於使用者體驗會非常加分，對自有品牌及形象，都會提高很多。

現在大家都會比較常用手機搜尋網頁，所以網站使用RWD響應式網頁對於手機使用者會非常友善。

要做一個網站，可能你需要有html、css的基礎，如果會javascript就更好。
因為這三種語言，能夠運用在一個網站上都是會非常加分的。
而像RWD響應式網頁會因為不同3C裝置改變版面，所以版面配置要透過CSS完成。其他html就是網站框架、javascript就是改參數。

兩種網頁都各有好壞，尤其是現在手機的使用者大幅增長，想要建立一個良好的互動式網頁，除了增加顧客的停留時間及互動率外，更要讓顧客願意有消費意願。以下有三個建議，可以依照公司產品及定位挑選出最適合自己的網頁設計。

企業網站、形象網站、品牌網站，比較建議您採用RWD響應式網站開發。這些網站使用者大部分都是比較常用在行動裝置數據上！也比較重視電腦版所呈現的形象感。

像是MOMO、蝦皮，比較大型的購物商城、行動裝置系統平台，就可以採用AWD自適應網頁開發，能對特定的行動裝置使用者作個別設計外，也會提供較佳的使用體驗感受。

如果同一個網站你的目標對象需要有不同的使用情境及使用體驗，AWD網頁可以依照不同需求的族群打造個人化的軟體環境。

普遍符合一班大眾需求的話就只要使用RWD響應式網頁就夠了。

AWD自適應網頁需要同時開發及維護兩個網站，所以想要長期營運的團隊，比較適合內部團隊進行開發，而且因為前端系統開發會花費比較多成本，所以可以考慮是否要有前後台兩種功能。

RWD響應式網頁就比較簡單，很多企業主都會委任網頁設計公司，採用RWD網頁的話，日後網站維護工作會比較簡單。