什麼是RWD?

在過去手機尚未流行之前,網頁只要在電腦螢幕前面美美的的呈現就可以。但由於手機的興起,過去一個14寸的網頁要塞到只有5寸的手機螢幕or平版裡面,這跟本就是不可能的事。因此響應式網頁設計(RWD)的設計概念就跑出來了。

所以響應式網頁設計(RWD)就是讓你的設計出來的網頁能夠皆能夠完美的呈現在各式大小的螢幕內,一點也沒有網頁壞掉之問題。

響應式網頁設計響應式網站 (圖片來源:簡單創設計部)

所以響應網站的優勢是「同一個網站在不同尺寸的螢幕上會自動調適內容,以符合版面大小,都能夠清楚地看到網站的圖片和內文,都能完美呈現。」,支援多種瀏覽裝置,如電腦、平版或是手機等,可增加行動裝置用戶外在您的網站上直接下單的機率。

台灣使用智慧型手機高達82%,提供給您的用戶最佳瀏覽體驗,讓您的網站手機、平板、電腦一次搞定!品牌形象一致,不需要針對不同版本而設計不同視覺效果,可使用單一網址做宣傳。在SEO(搜尋引擎最佳化)加分,因響應式網站不必拆成電腦版、手機版兩個連結,因此流量分析能統一,有利於SEO。

網站架設外包的時候,請確定是否有提供RWD頁面,若沒有的話 or要加費用,請換下一家網站架設公司吧。以現有技術RWD叫做"標準配備",怎麼是拿來做為敲詐消費者的手段。(除非你也不在乎RWD啦)

為什麼Google 建議所有網站使用 RWD 響應式網頁設計?

Google 建議所有網站使用 RWD 響應式網頁設計為標準,讓網頁能在不同大小的裝置,自動變換排版方式,有助於網站排名優化(SEO),方便各種裝置使用者瀏覽,故強烈建議以RWD方式製作網站。 RWD響應式網站是指製作一個網站就能跨平台使用,不管是桌上型電腦、筆記型電腦、平板電腦或手機,都能隨著使用者裝置呈現最佳瀏覽畫面。


響應式網站 (影片來源:Udacity)

RWD響應式網站5個優點:

  1. 只需維持單一網站:不用像以前需要電腦一個版本(www.example.com)、手機版一個版本(m.example.com)。
  2. 有助於網站排名優化SEO:因單一網站,所有的流量都會流到同個網站而提升排名,不會因為分流到電腦版or手機版而無法累積網站流量排名。
  3. 最佳瀏覽畫面:擁有良好瀏覽體驗讓使用者愉悅,使用者停留時間久,下單機會越大,回流客越多!
  4. 只需維護一個網站:同一個內容無需維護多個網站,減少工作量,降低錯誤的機率。