Web Design
網頁設計
March 31,2015

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

 

為何要製作 RWD (Responsive Web Design) 網站?有什麼優點和缺點?

 
根據統計指出,預估在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響應式網頁絕對會是您最好的選擇。
 
 
 
 
 
 
 
 
 
 
更多文章