10,Sep,2015
RWD響應式網站設計
響應式網頁設計(Responsive Web Design)簡稱RWD,又稱自適應網頁設計、多螢網頁設計。是一種網頁設計的技術做法,該設計可使網站在多種瀏覽裝置(從桌面電腦顯示器到行動電話或其他行動產品裝置)上正常瀏覽同一網站,提供最佳的視覺體驗,是個因手持或行動裝置的用戶大量增加而想出的一個對應方法。
為什麼需要響應式網站設計
因應手機使用的普遍,早期對於行動裝置瀏覽的解決方案多為在電腦版網站外,另外設計手機版或平板用的網站,但常會因設計不同,須維護多次的內容,若網站要調整維護時,也需同時修改多個網站;若名還會有不同網址卻相同內容的狀況,能造成網頁權重分散及重複內容問題,不利於網站搜尋排名。
響應式網站(RWD)會根據不同的螢幕尺寸調整顯示效果,但仍使用相同的網址和網站內容。在內容與網站維護上會有具效率。
響應式網站的優點
為什麼需要響應式網站設計
因應手機使用的普遍,早期對於行動裝置瀏覽的解決方案多為在電腦版網站外,另外設計手機版或平板用的網站,但常會因設計不同,須維護多次的內容,若網站要調整維護時,也需同時修改多個網站;若名還會有不同網址卻相同內容的狀況,能造成網頁權重分散及重複內容問題,不利於網站搜尋排名。
響應式網站(RWD)會根據不同的螢幕尺寸調整顯示效果,但仍使用相同的網址和網站內容。在內容與網站維護上會有具效率。
響應式網站的優點
- 提高使用廣度及時間
不論何時何種裝置均可以用最佳的方式閱讀,可以增廣使用者族群及增加使用時間 - 保持同一連結
易於分享,在分享同時不用考慮朋友是有什麼方式瀏覽的也可以增加搜尋權重,若分為二個網址(ex:abc.com vs m.abc.com)搜尋權重也會分散 - 減少網頁內容重複
相較於手機版網站,響應式網頁可以避免重覆的內容、保持網頁原本的連結,因此響應式網頁設計的方式與使用習慣都有利於於SEO(搜尋引擎最佳化)