Web Design
網頁設計
November 20,2020

為什麼你需要做一個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響應式網頁絕對會是您最好的選擇。
 
更多文章