March 26 , 2015

為什麼你需要做一個RWD網站

根據統計指出，預估在2016年全球的行動上網裝置將會超過100億台，
這代表著比全球的人口數都還多!!

不管是您的客戶、或者是一般上網的消費者，絕大多數都是使用著智慧型手機以及平板電腦，而且年齡層是越來越廣，但如果您的客戶使用行動裝置上網進入您網站時，打開只能看見一堆密密麻麻的文字介紹以及非常小的圖片內容，還必須用手指把您網站的內容不斷拉大才能看見部分的內容，甚至是有製作FLASH的動畫，那畫面一開完全看不到任何東西，如果是您遇到這樣子的狀況，您還會想要繼續找您想要看的內容嗎?

所以這個時候，RWD響應式的網站就派上用場囉!RWD可以讓您的網站達到行動裝置最佳化，讓您的網站可以完美的呈現在所以行動裝置上，再也不會讓進到您網站的人看的很吃力，讓您的客戶可以停留更久的時間，找到想要找的資訊。

RWD網頁設計也稱為"自適應網頁設計"或者是"響應式網頁設計"，與一般的行動版網站不同之處在於，您不需要另外再設計一個行動版的網站，而是讓您既有的RWD網站來適應任何的智慧型手機或者是平板電腦，可以依照這些行動裝置的外觀、尺寸、型號樣式、任何位置來開啟您的RWD響應式網頁，都可以使用最舒服的方式得到最佳的瀏覽效果。

接下來我們來分析RWD的優點以及缺點

RWD網站的優點

RWD(Responsive Web Design)是隨著行動裝置的普及化，所逐漸延伸出來的網頁設計排版方式，我們與一般網站來分析比較響應式網頁的優點

1.任何行動裝置皆可使用

現在市面上不管是智慧型手機或者是平板電腦，螢幕尺寸讓消費者越來越多選擇，所以

這也是RWD響應式網頁最大的優點，它能夠支援任何的尺寸大小，不必擔心因為尺寸的關係

會讓消費者無法順利瀏覽，因為RWD網站使用的技術是"液態式排版技術"，能夠讓您的網站

內容因應各種螢幕尺寸來進行延展、伸縮、變形、移動，比如說您的產品圖片在網站上是

呈現水平方式的陳列，但如果是螢幕較小的手機打開您的商品圖片時，將會自動呈現變成

直列式的下拉陳列方式，不管是您的網站Logo、內容、主選單，都能夠讓您的網站使用者

以最合適的瀏覽效果來進行操作，甚至是當您的網站上面有留下您的連絡電話或者是連絡

信箱時，只要點選下去還能夠立刻的撥出電話以及轉發信件給您喔~

2.提升關鍵字搜尋排名

Google已在官方文章發表"Recommendations for building smartphone-optimized websites"

表示認同RWD響應式網頁的做法，也較建議用這樣子的方是來取代行動版網頁，還能夠提升

關鍵字搜尋排名，不會因為一個網站有兩個內容來分散掉關鍵字的排名記分，所以RWD的網站

是一定會有關鍵字搜尋幫助及加分的!

3.最便利的瀏覽效果

當您的網站上有製作RWD時，您再也不必擔心使用者會無法方便的去瀏覽您的網站，因為

RWD會透過判斷您是使用什麼樣的裝置，不管是桌電、平板電腦、亦或是您的手機，它會

針對您的使用裝置來自動排版，不會只看到一堆密密麻麻以及縮放到非常小張的圖片內容，

順利的再網站上找到想要的資訊，不會只要使用行動裝置就無法舒服的瀏覽您的網站囉!!

4.節省網站開發費用

像以往的手機版網頁，是必須再多製作一個專屬於行動裝置的網站版本，還必須透過判讀

程式來轉換是否是使用行動裝置來使用，引導到行動裝置的網站去，但行動裝置的網址是

跟您既有的網址是不一樣的，比方說，您既有的網址是http://www.eeeee.com.tw，但如果

是使用行動裝置，就需要轉換到http://m.eeeee.com.tw，所以您的一個網站會有兩個版本

勢必會增加您的維護以及使用上的費用。

5.提升關鍵字搜尋排名

Google已在官方文章發表"Recommendations for building smartphone-optimized websites"

表示認同RWD響應式網頁的做法，也較建議用這樣子的方是來取代行動版網頁，還能夠提升

關鍵字搜尋排名，不會因為一個網站有兩個內容來分散掉關鍵字的排名記分，所以RWD的網站

是一定會有關鍵字搜尋幫助及加分的!

RWD網站的缺點

1.較不建議太複雜的網站內容

因為在製作RWD的網站時，必須考慮電腦以及行動裝置的呈現效果，因此不適合使用到內容

太複雜的網站，像是複雜的表格內容，如複雜的巢狀表格。

2.無法支援舊式瀏覽器

RWD 是採用最新的 HTML5 + CSS3 網頁技術來處理，故早期的瀏覽器已經不支援，若使用

較舊式的瀏覽器來觀看可能會有版面破壞的情況。

但其實上述兩個缺點都是能夠透過製作時的溝通來避免，因此不會真的造成太大的困難及影響，因此，在行動網站製作的設計上，RWD響應式網頁絕對會是您最好的選擇。