
來源:派臣科技|時間:2019-01-09|瀏覽:次
自適應網(wǎng)站設計(RWD),通常也叫響應式網(wǎng)站設計。自適應網(wǎng)站設計會按照設備的屏幕尺寸自動調(diào)整合適屏幕大小的網(wǎng)頁,也就是說網(wǎng)頁會自行調(diào)整以適應所有設備。
自適應網(wǎng)站設計優(yōu)化要素要在網(wǎng)頁的 head 標簽聲明您的網(wǎng)頁會自動調(diào)整以適應所有設備,請向文檔的標頭添加以下元標記:
上述這段代碼能夠指示瀏覽器按照設備的寬度來調(diào)整網(wǎng)頁的尺寸和縮放比例。如果沒有這段代碼的話,在默認情形下,智能手機的瀏覽器會按照桌面設備屏幕的寬度(通常約為 980 像素,但因種種設備而異)來體現(xiàn)網(wǎng)頁。此外,為了盡可能使內(nèi)容看起來更加美觀,智能手機的瀏覽器還會放大字體,并縮放內(nèi)容的比例以適應相應屏幕的尺寸,或僅顯示可在相應屏幕內(nèi)顯示的部分內(nèi)容。
客戶可能需要素按兩次或通過張合手指實行縮放才可以看到內(nèi)容以及與內(nèi)容互動,才可以清晰的看清楚網(wǎng)頁的內(nèi)容。對于移動優(yōu)化來講,搜索引擎不會將這類網(wǎng)頁視為合適在智能手機上瀏覽的網(wǎng)頁。
上圖所示,左側(cè)的網(wǎng)頁是未指定viewport的網(wǎng)頁,因此,智能手機瀏覽器會假定體現(xiàn)內(nèi)容的屏幕寬度為桌面設備的寬度,造成客戶很難看清楚網(wǎng)頁顯示的內(nèi)容。而右側(cè)的網(wǎng)頁是指定viewport的網(wǎng)頁,按照設備設備的屏幕尺寸自動調(diào)整,網(wǎng)頁內(nèi)容清晰易讀。
一個網(wǎng)站,一個網(wǎng)址,適用所有移動設備,可讓客戶訪問到您的網(wǎng)站內(nèi)容;有利于搜索引擎火速的辨認網(wǎng)站屬性,省去解析網(wǎng)頁是桌面版還是智能手機版;節(jié)約網(wǎng)站內(nèi)容維護成本;無需重定向客戶即可獲取對應的設備進網(wǎng)頁視圖,從而縮短加載時間;利于搜索引擎抓取和收錄,搜索引擎只需抓取您的網(wǎng)頁一次即可檢索到所有的內(nèi)容版本;總括
自適應網(wǎng)站設計是成本最低,效率最高的移動網(wǎng)站優(yōu)化配置。移動優(yōu)化的進程中自適應網(wǎng)站設計優(yōu)勢和優(yōu)點是極其明顯的,所以我企業(yè)通常建議 用戶操作響應式設計做WAP網(wǎng)站。
