RWD是網頁設計的主流技術
RWD響應式網頁設計(Responsive web design),或稱響應式網頁設計,是目前網頁設計的主流技術,可使網站在不同的設備上瀏覽時,對應不同解析度皆有適合的呈現。
什么是RWD響應式網頁設計?
響應式網頁設計(RWD) 是一種設定,可讓服務器一律向所有設備發送相同的HTML 程式碼,并透過CSS 調整網頁在設備上的呈現方式。如果所有百度bot 使用者代理程式均獲準檢索網頁及其資產(CSS、JavaScript 和圖片),則百度 的演算法應能自動偵測這項設定。
白話來說,RWD 是透過檢查屏幕寬度(瀏覽器寬度),讓網頁上的內容,可以改變文字大小、行距、整體排版、區塊位置、圖片縮放等等樣式。無論你是用手機開網頁、電腦開網頁,網頁內容的版面配置,都可順應瀏覽器寬度來改變!
也就是說,您不需要花兩個網站設計成本,制作電腦版網站、手機版網站來切換,只需要做好一個RWD響應式網站就可以達到很好的效果。
為什么要使用RWD響應式網頁設計?
使用者可以使用單一網址,以更輕松的方式分享及鏈接到您的內容。
可協助百度 的演算法為網頁正確指定索引編列屬性,不需要發送訊息指明既有的相對應電腦版/行動版網頁。
無需維護多個內容相同的網頁,透過網站后端管理系統,輕松維護單一網站。
降低行動版網站發生常見錯誤的機率。
使用者無需重新導向即可瀏覽最適合設備大小的畫面,縮短載入時間。此外,根據使用者代理程式執行重新導向容易出錯,可能導致網站的使用體驗大打折扣(詳情請參閱「偵測使用者代理程式時遇到的問題」一節)。
百度bot 檢索您的網站時可節省資源。對于采用響應式網頁設計的網頁,任何百度bot 使用者代理程式只要檢索這些網頁一次(不需依據不同的使用者代理程式多次反覆檢索),即可擷取所有版本的內容。提高檢索效率可間接協助百度 為網站中的更多內容建立索引,并確保擷取的內容是最新版本。
減少重復的網頁內容,網址不同而內容重復的狀況下,會影響網頁評價(Page Ranking)。
RWD對于SEO的優勢除了增加流量以外,還大大降低了網頁跳出率,不論是哪種屏幕尺寸皆有最佳的瀏覽顯示,不會因為瀏覽畫面的不方便而直接跳出。
響應式設計網站不需要選擇電腦版或手機版本,會自動轉換使用者可以順利、方便的使用各種設備瀏覽網頁。
域名單一獨立,響應式網站的一項好處是不需要分電腦版及手機版的鏈結,同一個域名可同時適用電腦、平板及手機,因此訪客數會累積在同一個網址上。
百度喜歡響應式網站設計,沒理由不使用。
RWD 對SEO 的好處有哪些?
在SEO 領域中,「使用者體驗」一直是百度 非常強調的。例如:網頁載入時間是不是夠快?瀏覽的畫面是不是有符合屏幕寬度?手機網頁是不是好操作?按鈕夠不夠大?文字間距夠不夠寬?
運用RWD 技術,響應式網頁對SEO的好處整理如下:
另外如果想了解響應式網站設計排版的未來是什么?點擊了解更多