RWD 響應式網頁技術

What is Responsive Web Design 什麼是RWD響應式網站設計?

RWD 響應式網頁設計又稱為回應式網站設計,是指網站能跨平台使用,自動偵測使用者上網的裝置尺寸,能針對不同螢幕大小而自動調整網頁圖文內容,讓使用者在用手機瀏覽您的網站時,不用一直忙著縮小放大拖曳,給使用者最佳瀏覽畫面。

而Google官方解釋是無論使用者透過何種裝置瀏覽網頁(包括桌上型電腦、平板電腦或手機),該網頁一律使用相同的網址和程式碼,只不過網頁的顯示效果會依據螢幕尺寸進行調整。

example-home-460

“因此,Google 建議您使用 RWD,而非其他設計樣式。” 採用 RWD 的優點之一,是您只需要維護單一網站版本,而非兩個版本。

舉例來說,您不必同時維護電腦版網站(www.example.com)和行動版網站(m.example.com),即可兼顧電腦版和行動版網站訪客的使用需求。


採用響應式網頁技術的好處

傳統網站 VS 響應式網站

傳統對於行動裝置瀏覽的解決方案為在電腦版網站外,另外再設計手機版或平板用網站,但會產生網站內容要維護更新時,需同時維護多個網站;還有會有不同網址卻相同內容的狀況,可能造成網頁權重分散及重複內容問題,對於搜尋排名較為不利。

響應式網站(RWD)會根據不同的螢幕尺寸調整顯示效果,但仍使用相同的網址和網站內容。三種裝置會一律使用 www.example.com,而非行動版網頁使用 m.example.com,平板電腦版網頁使用 t.example.com 等其他網址。

 

nature-laptop-outside-macbook


智慧型網站的好處

✔ 最穩定
最高規雲端主機/保障資料安全。

✔ 最簡單
後台操作簡單/人人都能學會。

✔ 最省錢
適應多種營幕網站/省下您的荷包。

✔ 有利網站排名
根據Google官方宣布,搜尋引擎會給智慧型網頁設計更好的網站排名,是強烈建議採取的網頁設計方法。行動搜尋排名可以大幅提昇,增加網站自然流量。

✔ 主視覺輪播
我們的設計追逐著世界頂尖的趨勢,堅持美感、質感與現代感,滿足現代消費者挑剔的眼光。

✔ 社群連結
在各種瀏覽器都可以完美呈現,從IE、Firefox、Chrome 到 iOS、Android,滿足消費者不同偏好。