• August 08, 2019

◆ RWD (Responsive Web Design)響應式網頁設計

　▲Google 針對“回應式網頁設計”的描述

　　　1> 回應式網頁設計是一種設定，可讓伺服器一律向所有裝置發送相同的 HTML 程式碼，並透過 CSS 調整網頁在裝置上的呈現方式。如果所有 Googlebot 使用者代理程式均獲准檢索網頁及其資產 (CSS、javascript 和圖片)，則 Google 的演算法應能自動偵測這項設定。

　　　2> 回應式設計能為所有裝置提供相同的程式碼，可根據螢幕尺寸調整呈現方式。

　▲Google 針對“回應式網頁設計”的建議

　　　1> 使用者可以使用單一網址，以更輕鬆的方式分享及連結到您的內容。

　　　2> 可協助 Google 的演算法為網頁正確指定索引編列屬性，不需要發送訊息指明既有的相對應桌面版/行動版網頁。

　　　3> 無需維護多個內容相同的網頁，減少工程師的處理時間。

　　　4> 降低行動版網站發生常見錯誤的機率。

　　　5> 使用者無需重新導向即可瀏覽最適合裝置大小的畫面，縮短載入時間。此外，根據使用者代理程式執行重新導向容易出錯，可能導致網站的使用體驗大打折扣。

　　　6> Googlebot 檢索您的網站時可節省資源。對於採用回應式網頁設計的網頁，任何 Googlebot 使用者代理程式只要檢索這些網頁一次 (不需依據不同的使用者代理程式多次反覆檢索)，即可擷取所有版本的內容。提高檢索效率可間接協助 Google 為網站中的更多內容建立索引，並確保擷取的內容是最新版本。

　▲Google 參考網址：https://developers.google.com/search/mobile-sites/mobile-seo/responsive-design

　▲我們摘要的優勢

　　　1>提升企業品牌整體形象

　　　　　目前這項新的技術已普遍被採用，連 Google 也建議與支持採用，讓您的客戶與廠商這樣的設計方式相當具有質感，更容易強調品牌的形象與有助於提升品牌整體的價值。

　　　2>SEO(Search Engine Optimization)搜尋引擎優化

　　　　　在全球搜尋引擎的領導者 Google 的支持下，讓公司的網頁快速被 Google 搜尋引擎搜尋出來，提升搜尋排行榜，同時也提高廣告行銷效益。

　　　3>降低網站維護成本

　　　　　使用最新 HTML5 與 CSS3 技術，網站頁面會自動調整內容顯示，讓手機、平板、桌機、筆電可以正常瀏覽同一網頁/網站，所以不需要再額外建置一個獨立手機版本網站。

　　　4>提升客戶與合作夥伴的黏著度

　　　　　適用多種的裝置，符合人性化瀏覽，Windows、MAC、Android、iOS或其他作業系統全部相容。不會因為使用裝置與作業系統不同，讓網頁內容不易瀏覽，甚至發生不相容無法瀏覽的狀況。

　　　5>高便利性，不需要額外使用 APP應用程式

　　　　　APP 需要另外下載與安裝，且 APP 需要額外開發成本，還需有 iOS與Android 兩個版本。