甚麼是好的RWD網頁設計?

甚麼是RWD網頁設計?

每次到網頁設計公司去詢問，總是會一直聽到RWD這個字，到底RWD是甚麼呢？

所謂RWD就是響應式網站設計(Responsive Web Design)，指的是網站版面可以依據訪客的使用裝置，例如手機、桌機、平版的螢幕寬度等，去自動調整版型比例，所以無論是直立或橫放，都能流暢且最佳化的顯示網站內容，也能控制網頁內容顯示與否。

其實現在用RWD進行網頁設計，已經算是未來趨勢了，沒有RWD的網站在未來一定會被市場淘汰，但您知道RWD還是有技術上的差異嗎？同樣是RWD的網站，依照其架構設計方式的不同，就會帶來不一樣的效果，不是都一樣的，尤其是SEO指標好壞都會因為RWD不同而有所差異。

製作RWD網站的方式：手刻RWD和RWD套版框架

能做出RWD的網站就表示已經精通RWD技術嗎？當然不是，目前網頁設計公司依照RWD網站的設計程序，主要分成兩種：(1)使用RWD套版網站框架和(2)自行撰寫RWD網站，關於RWD套版網站框架，目前市面上有很多免費的RWD版型工具，最受歡迎的就是Bootstrap，而自行寫RWD網站就是從頭到尾，自己手刻出RWD網站。

套用RWD網站框架

目前最受歡迎的RWD套版，就是Bootstrap，什麼是Bootstrap？Bootstrap是目前響應式網頁設計中最有名的套版框架，其包括最基本的HTML、CSS及JS等內容，在網路可以找到很多免費的Bootstrap套版框架，也就是只需修改圖片或置換原有圖片，就可以弄出一個現成的RWD網頁設計了，這種方式做網站的特色是速度很快、且省事、不需要從頭寫code，缺點是因為內容不是自己寫的，很難完全客製化修改、速度慢，且因為網站置入了大量沒用到的html、js程式，所以網站架構很龐大，通常Google的SEO分數都很差。

自己手動寫RWD網站

自己手寫RWD網站，就是完全從無到有的手寫出一個有RWD功能的網站，把設計的網站版型經過自己切版/自己加上server code等動作，做出一個程式碼最精簡/SEO架構的RWD網站，這是非常費力且浪費時間的工作，網站架設時間很長、成本較高，優點是因為都是自己寫的，往後可以依客戶需求去進行調整和修改，網站速度快，一般有維護需求的大型專案、客製化網站比較適合這種方式，且因為可以自己完全掌握網站的html、js程式，因此可以自訂出最好的網站SEO架構、提昇網站速度，做出具google排名能力的網站，這也是手刻RWD網站的最大優勢。

到底哪種比較好？

架設網站的最常見目的就是要帶來客戶及訂單，因此無論是形象、SEO架構及速度都希望可以最佳化，Bootstrap雖然方便，但是置入太多幾乎沒用到的server程式、CSS及JS程式，這大大降低網站的速度及SEO排名效率，尤其是手機網站的部份。

當然對網站來說，可以自行手刻出RWD網站是最好的，但對網頁設計公司的成本來說，自行手刻花費時間太多了，且人才難尋，在市場價格競爭下，賺錢效率比較重要，所以越來越多的網頁設計公司，都不願意再手刻去寫RWD網站了，但如果您的網站往後要進行google排名，那麼還是要選擇手刻RWD的網站比較好，具備SEO架構的網站有許多你想不到的優勢，光是看google排名的效率，採用RWD套版框架的網站完全比不上手工RWD網頁設計。