RWD網站好處多多？品科技帶您一次搞懂RWD！（下）

不像APP須開發多種版本，加上iOS或是Android若系統版本升級，可能會需強制更新，維護成本將會加重。

SEO關鍵字搜尋（搜尋引擎最佳化）影響品牌曝光. NEWS RWD網站好處多多？品科技帶您一次搞懂RWD！（下） LATESTNEWS 首頁 科技新知 RWD網站好處多多？品科技帶您一次搞懂RWD！（下） 上一篇 下一篇 RWD網站好處多多？品科技帶您一次搞懂RWD！（下） 2022-04-2416:08:21 目錄用RWD的網站有什麼優勢？RWD萬能？還是要看網站屬性適不適合？RWD平價與企業網站入門首選前一篇「響應式網頁是什麼？品科技帶您一次搞懂RWD！」，介紹RWD相關辨別與原理，本篇帶來RWD網站的優勢說明。

  用RWD的網站有什麼優勢？「以一應全」跨平台瀏覽，增加網站流量根據《Digital2022:TAIWAN》台灣人使用網路的主要原因落在資訊查找，偏好Chrome（61.84%）與Safari（28.4%）等瀏覽器（Browser）網站內容，以一應全的RWD，在手機、平板、桌電或更大螢幕等皆可跨平台、跨瀏覽器閱覽，統一同一網址可為網站增加更多流量。

報告中也可看到各式智慧型裝置多元，且使用率仍續爬升，趨勢上沒有RWD的網站會逐日被汰除。

  網頁頁面易掃閱，使用者體驗（UX）較佳RWD轉譯網頁時行動版網頁會加大字體，讓內容更易閱讀。

以前可能須以輕觸或是以兩指撥動縮放，才能看清內容。

而RWD在開發過程因為會來回重複的測試與調整，基本上都會將行動版內容調成容易掃視的頁面，選單上也會做調整。

  維護便利，成本合宜RWD為所有裝置提供相同的程式碼，再根據螢幕尺寸調整呈現方式，一組html碼可因應多種裝置，開發完成後，後續維護上也較為方便。

不像APP須開發多種版本，加上iOS或是Android若系統版本升級，可能會需強制更新，維護成本將會加重。

 SEO關鍵字搜尋（搜尋引擎最佳化）影響品牌曝光Google有自己對網站的評分系統，進而會影響網站在搜尋結果頁面的排序優先，這也會左右企業網站是否有更大的曝光資源。

Google也有專頁說明相關RWD與SEO的重要關聯：https://developers.google.com/search/mobile-sites/mobile-seo/responsive-design?hl=zh-tw 品牌基礎信任度當使用者初接觸到品牌網站，相關網頁內容與瀏覽過程的流暢，能奠定消費者對品牌最基礎的信任感！  RWD萬能？還是要看網站屬性適不適合？當然事情會有一體兩面，RWD並非萬能，還是會有缺點或是不適用的情形： 1.舊式瀏覽器不支援部分CSS屬性 即便RWD設計的美輪美奐，許多舊式瀏覽器仍無法正確呈現，加上瀏覽器百家爭鳴、版本眾多，並非所有瀏覽器都能完美呈現，若舊式手機效能較差，會有跑版的可能。

若有公司希望溯及以往，能支援到全部舊式手機或瀏覽器，基本有相當困難。

 2.只是你看不到，RWD開啟網頁速度較緩慢 基於只有一組html存取所有CSS，開啟網頁速度還是不易加快，所有的元件只是隱藏，仍須得全部載完，可能會拖住效能。

一般來說，網頁開啟超過2.5秒，使用者如果無法立即取得網頁上的資訊，有可能就會關掉你的網頁，因此需要留意網站初次開啟是否會耗太多時間，並即時調整相關效能。

 3.功能複雜性網站或是購物網站不適合 然而複雜表格、文字內容繁多較不適用RWD，主要是因手機畫面較小，表格難以完美呈現，而文字內容太過龐雜，下拉內容太冗長，也容易讓使用者失去耐性，在網站設計時可能需將瀏覽耐受度一併考量入內。

 RWD平價與企業網站入門首選功能複雜性的網站或是購物網站，建議看網站主題屬性，評估後也許APP會更適合，雖然開發時間拉長，但APP可主動推播，對於有會員經營的企業，也是理想的選擇。

 至於企業網站選擇RWD，或是進一步以更細緻的AWD版、APP等，都視企業主要需求而論，各有利弊之餘，若較為開發時程較短、維護簡易、成本平實，皆建議以RWD為入門款之首選。

簡單整理三者比較如下，可供初步參考： AWDRWDAPP螢幕判斷裝置給予CSS判斷畫面寬度給予CSS畫面另外規劃設計開發速度中最快最慢開發成本中較低最高更新速率高高低資料維護成本中最低最高行動裝置使用優化佳。

可為手機效能機動調整普通佳。

開發以使用動線思考，更貼合企業所需細緻功能特別優勢因應手機版聚焦重點功能，網頁效能較佳，更新資訊也較為即時以一應全可主動推播訊息，加強行銷缺點需分版本維護部分功能可能被拿掉網頁速度較慢需另外下載需分iOS、Android分別進行上架，更新亦是合適希望針對手機等行動裝置使用者，加強網頁瀏覽流暢度希望迅速能開發完成與應用之企業可搭配手機特殊功能（陀螺儀、GPS）等進階操作，進行客製化細緻經營，增進使用者黏著度。

還不了解RWD？請見上篇「響應式網頁是什麼？品科技帶您一次搞懂RWD！（上）」 品科技於網站規劃、系統開發、APP承製、LineBot設計等有長年專業經驗，為業主打造之網站皆有RWD，若您心中有想要實現的商業點子或是品牌網站，不妨讓品科技為您評估製作網站或是APP，搭配吸睛視覺、加強企業品牌與商品曝光，掌握行動商機！ 如果您還在煩惱不知道該如何尋找APP開發廠商，不妨來電洽詢品科技  (04)2277-0046品科技是您最好的選擇--中部最專業的網頁與APP團隊，不僅有開發能力更懂得結合設計美感，多年產學合作與企業推廣經驗，讓你的產品馬上被看見！ 標籤： 響應式網頁RWD網站設計RWD優點RWD優缺點RWD優勢跨裝置RWD推薦廠商網頁設計SEO跨平台網站瀏覽增加流量品牌信任網站平價網站入門首選 最新文章 2022-07-0400:14:10 找APP外包?從價格到保固大補帖|2022尋找開發商攻略-App,LineBot, 2022-06-1522:23:10 品科技xLineBot案例分享｜導航時光機「來去興大Likeit,NCHU」貼身校園導遊 2022-05-1813:46:34 拆開免費的糖衣|APP不可不知的十種獲利模式 2022-05-1714:44:31 APP維護費用合理嗎?|帶你快速了解APP維護成本 相關文章 2021-05-2611:17:06 不一定要做APP,您有更好的選擇|WEBAPP 2021-05-2514:35:45 製作APP開發成本有哪些|找開發商一定要注意的細節 2020-05-1612:07:06 利用GoogleSheet|製作邀請函發信系統 2019-07-1217:10:13 免費架站一手搞定|Webnode讓您輕鬆建立購物官網part2