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