目錄
Toggle●什麼是RWD?
RWD(Respective Web Design)為適應性網頁設計,這是一種網頁設計的技術,能在不更動網站程式架構下讓網站自動適應不同螢幕尺寸的行動裝置,如智慧型手機、平板電腦,讓網站像變形金剛一樣,自動適應不同裝置平台,達到網站自動適應的效果。
●RWD響應式網站的重要性
近幾年使用行動裝置(手機、平板)上網的人數有越來越多的趨勢,因此網站本身在行動裝置瀏覽的體驗就顯得更加重要,對行動裝置支援友善的網站操作介面不僅讓使用者更方便瀏覽操作,也能讓搜尋引擎(Google、Bing等)將網站列為品質優良的網站,進而確保網站排名的提升。
●RWD響應式網站的好處
(1)網站內容使用相同的網址
在更早期的網頁設計上,為了讓網站能適應在不同的手機裝置上,必須另外再設計符合手機尺寸版本的網頁,但這種設計方式也造成兩個不同網頁版本互相切換,而有不同的網址,但這種做法會造成Google搜尋引擎判斷為不同的網頁,進而影響網站索引的自然排名;而RWD網站則採用單一網頁自動適應的方式,所以在不同的行動裝置上使用統一版本的網頁,而不會有一個網頁有不同網址的問題。
(2)減少重複的網頁內容
如果不是RWD響應式設計的網站,而是另外再設計手機版本的網頁,那麼這時就會有一個網站卻重複相同內容頁面的問題,以Google來說不同網址而內容重複的情形下,很有可能影響網站的評價(Page Ranking),進而讓網站排名下滑。
(3)提高網站的可用性
支援RWD響應式網站提高使用者對於網站操作的友善度和可讀性,友善的操作介面有助於使用者停留網站的時間。良好的使用體驗有助於網站銷售平台的成交率。
(4)網站適用於各種平台
RWD響應式網站的最大好處就是一次設計相容各種尺寸裝置平台,無論是iPhone、各廠牌的Android手機、平板、iPad等行動裝置皆可相容,讓各種裝置用戶能有良好的使用體驗去瀏覽網站。
(5)利於SEO排名(Google很喜歡)
Google「Webmaster Central Blog」於2015年文章指出將針對友善支援行動裝置的網站列為優先搜尋結果。