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

原文發佈於：RWD網站好處多多？品科技帶您一次搞懂RWD！（下）

前一篇「響應式網頁是什麼？品科技帶您一次搞懂RWD！」，介紹RWD相關辨別與原理，本篇帶來RWD網站的優勢說明。

用RWD的網站有什麼優勢？

• 「以一應全」跨平台瀏覽，增加網站流量

根據《Digital 2022: 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為入門款之首選。簡單整理三者比較如下，可供初步參考：

還不了解RWD？請見上篇「響應式網頁是什麼？品科技帶您一次搞懂RWD！（上）」

品科技於網站規劃、系統開發、APP承製、LineBot設計等有長年專業經驗，為業主打造之網站皆有RWD，若您心中有想要實現的商業點子或是品牌網站，不妨讓品科技為您評估製作網站或是APP，搭配吸睛視覺、加強企業品牌與商品曝光，掌握行動商機！

如果您還在煩惱不知道該如何尋找APP開發廠商，不妨來電洽詢品科技 (04) 2277–0046 品科技是您最好的選擇 — 中部最專業的網頁與APP團隊，不僅有開發能力更懂得結合設計美感，多年產學合作與企業推廣經驗，讓你的產品馬上被看見！

Originally published at https://www.pintech.com.tw.