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