什么是自適應(yīng)網(wǎng)站?
指的是網(wǎng)頁(yè)通過(guò)不同大小終端設(shè)備自適應(yīng)顯示,根據(jù)屏幕大小、寬度自動(dòng)調(diào)整布局,自適應(yīng)也可以叫響應(yīng)式。自適應(yīng)網(wǎng)站是HTML5的新技術(shù)。
?
自適應(yīng)網(wǎng)站的優(yōu)點(diǎn):
1、在PC端、手機(jī)端和IPAD端都是采用一套代碼。
2、不需要另外申請(qǐng)其他的域名,一個(gè)賬號(hào)碼管理一個(gè)后臺(tái)。
3、有效避免網(wǎng)頁(yè)內(nèi)容重復(fù),可以專(zhuān)心維護(hù)一個(gè)網(wǎng)頁(yè)。
4、網(wǎng)站優(yōu)化更簡(jiǎn)單,對(duì)搜索引擎友好。
?
自適應(yīng)站點(diǎn)對(duì)百度友好設(shè)計(jì)
1、applicable-device標(biāo)注寫(xiě)法
自適應(yīng)網(wǎng)頁(yè)對(duì)搜索引擎友好,告訴百度“我是自適應(yīng)頁(yè)面”方便百度進(jìn)行識(shí)別校驗(yàn)。
applicable-device標(biāo)簽寫(xiě)法在viewport標(biāo)簽下面添加即可:
<meta name="applicable-device" content="pc,mobile">
告訴百度該頁(yè)面可以同時(shí)在移動(dòng)設(shè)備和PC上進(jìn)行瀏覽。
2、在百度站長(zhǎng)平臺(tái)鏈接提交工具的Sitemp進(jìn)行提交時(shí),注意要給mobile type做標(biāo)記。
寫(xiě)法:<mobile:mobile type="pc,mobile"/>
其他網(wǎng)頁(yè)取值如下:?
<mobile:mobile/> :移動(dòng)網(wǎng)頁(yè)
<mobile:mobile type="mobile"/> :移動(dòng)網(wǎng)頁(yè)
<mobile:mobile type="htmladapt"/>:代碼適配
無(wú)該上述標(biāo)簽表示為PC網(wǎng)頁(yè)。
?
自適應(yīng)網(wǎng)站能夠給用戶(hù)帶來(lái)更好的瀏覽體驗(yàn),網(wǎng)站建設(shè)需要考慮頁(yè)面布局。當(dāng)然自適應(yīng)設(shè)計(jì)目前價(jià)格相對(duì)比較高,如果網(wǎng)站的要求的版面相對(duì)比較復(fù)雜的話,消耗的時(shí)間會(huì)比較長(zhǎng),比較適合單欄或雙欄等簡(jiǎn)單版面網(wǎng)站。
閱讀本文的人還可以閱讀: