什麼是RWD響應式網頁設計?聽Google怎麼說!
文章推薦指數: 80 %
RWD響應式網頁設計又稱為回應式網站設計,是指網站能跨平台使用,自動偵測使用者上網的裝置尺寸,能針對不同螢幕的大小而自動調整網頁圖文內容, 讓使用者在用手機瀏覽您的 ...
Google對響應式網頁的說法
Google怎麼看RWD網頁設計?
Google幫RWD製作了一個專頁,專門講解RWD網頁設計是什麼意思:「回應式網頁設計(RWD)是一種設定,可讓伺服器一律向所有裝置發送相同的HTML程式碼,並透過CSS調整網頁在裝置上的呈現方式。
如果所有Googlebot使用者代理程式均獲准檢索網頁及其資產(CSS、JavaScript和圖片),則Google的演算法應能自動偵測這項設定。
」
資料來源:Google說RWD
為什麼Google建議要使用RWD網頁設計?
使用者可以使用單一網址,以更輕鬆的方式分享及連結到您的內容。
可協助Google的演算法為網頁正確指定索引編列屬性,不需要發送訊息指明既有的相對應電腦版/行動版網頁。
無需維護多個內容相同的網頁,減少工程師的處理時間。
降低行動版網站發生常見錯誤的機率。
使用者無需重新導向即可瀏覽最適合裝置大小的畫面,縮短載入時間。
此外,根據使用者代理程式執行重新導向容易出錯,可能導致網站的使用體驗大打折扣。
Googlebot檢索您的網站時可節省資源。
對於採用回應式網頁設計的網頁,任何Googlebot使用者代理程式只要檢索這些網頁一次。
不需依據不同的使用者代理程式多次反覆檢索),即可擷取所有版本的內容。
提高檢索效率可間接協助Google為網站中的更多內容建立索引,並確保擷取的內容是最新版本。
說的有點饒舌?愛貝斯幫您說簡單一點
RWD響應式網頁設計又稱為回應式網站設計,是指網站能跨平台使用,自動偵測使用者上網的裝置尺寸,能針對不同螢幕的大小而自動調整網頁圖文內容,讓使用者在用手機瀏覽您的網站時,不用一直忙著縮小放大拖曳,給使用者最佳瀏覽畫面。
採用RWD的優點之一,是您只需要維護單一網站版本,而非兩個版本。
舉例來說,您不必同時維護電腦版網站(www.example.com)和行動版網站(m.example.com),即可兼顧電腦版和行動版網站訪客的使用需求。
無論使用者透過何種裝置瀏覽網頁(包括桌上型電腦、平板電腦或手機),該網頁一律使用相同的網址和程式碼,只不過網頁的顯示效果會依據螢幕尺寸進行調整。
因此,Google建議您使用RWD,而非其他設計樣式。
更多響應式網站設計介紹:
網頁製作|什麼是RWD響應式網頁設計-網站設計的趨勢
響應式網頁製作原理?
響應式網頁原理
什麼是響應式網頁設計
取得報價
延伸文章資訊
- 1RWD與AWD是什麼? 網站主該怎麼選? | 夏木樂網頁設計
RWD是什麼? Responsive Web Design 縮寫,大多翻譯做「響應式網頁設計」。 網頁會根據瀏覽網站的銀幕大小,自動調整成相應的設計。
- 2响应式网页设计- 维基百科,自由的百科全书
回應式網頁設計(英語:Responsive Web Design,通常縮寫為RWD),或稱自适应网页设计、響應式網頁設計、對應式網頁設計。 是一種網頁設計的技術,這種設計可使網站在 ...
- 3什麼是RWD響應式網頁設計?聽Google怎麼說!
RWD響應式網頁設計又稱為回應式網站設計,是指網站能跨平台使用,自動偵測使用者上網的裝置尺寸,能針對不同螢幕的大小而自動調整網頁圖文內容, 讓使用者在用手機瀏覽您的 ...
- 4回應式網頁設計- 維基百科,自由的百科全書
回應式網頁設計(英語:Responsive Web Design,通常縮寫為RWD),或稱自適應網頁設計、響應式網頁設計、對應式網頁設計。 是一種網頁設計的技術,這種設計可使網站在 ...
- 5網頁製作|什麼是RWD響應式網頁設計-網站設計的趨勢- 愛貝斯
響應式網頁設計(Responsive Web Design)簡稱RWD,又稱回應式網頁設計,是Google推薦的網頁製作技術,RWD讓不同裝置都可以瀏覽同一網站,提供最佳的視覺體驗。