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