同時兼顧電腦和手機顯示 RWD網站,新一代網頁設計趨勢
RWD網站(Responsive Web Design,也稱響應式網頁設計)
什麼是RWD網站?
因早期網頁設計主要針對使用電腦瀏覽網頁的用戶,所以一般電腦屏幕作為頁面規格及版式的參考標準。隨著手機、平板電腦等移動設備在全球普及,政府調查結果顯示2016年智能手機的滲透率已超過85%,及有近550萬名10歲以上人士擁有智能手機。
越來越多的用戶習慣於使用移動設備上網獲取資訊、瀏覽網頁、購物等。如何兼顧桌面和手機兩個重要展示渠道,成了眾多企業在開發網站時關注的重點。
使用RWD網站開發技術來開發製作網站,網頁會根據瀏覽者的瀏覽裝置自動變化網頁寬度及版面佈局,無論是電腦、平板或是手機都有極佳的瀏覽效果。讓您的用戶可以隨時隨地,輕鬆舒適的閱讀關於您公司及服務的資訊。

為何採用RWD網站?

不同尺寸的裝置顯示友好
RWD網站會根據用戶用以瀏覽網頁裝置的分辨率,自動調整網頁的寬度及頁面佈局,在不同尺寸的電腦、平板電腦和手機上都可以適合閱讀的版式呈現。

日常維護更簡易
相比傳統非RWD網站,想要在手機上有好的顯示效果,則需要再另行開發手機版(兩個網址,abc.com的手機版通常是m.abc.com)。更新網站內容或功能時,也需要同時更新桌面版和手機版。而RWD網站因為可以跨平台顯示,只需更新一次即可。

利於SEO
通常搜索引擎的排名會根據訪客流量(traffic)、內容與搜索關鍵字的關聯性、用戶在網站的停留時間、移動裝置是否友好等因素決定網站排名。如果是移動設備不友好的傳統網站,用戶在進入網站后發現不方便閱讀就會即刻離開,搜索引擎就會自動辨識認為該網站不是好的搜尋結果,網站排名也會下降。Google也在官方開發者指引中也建議採用適合透過行動裝置瀏覽的網站(https://developers.google.com/search/mobile-sites/?hl=zh-tw),而RWD網站正符合此標準。

節約開發成本與時間
擁有響應式網站,則無需重複開發手機版,且網站開發的成本要遠低於App,App不僅要兼顧iOS及Android兩個版本,且上架和更新都需要等待審核通過。