什么是自適應(yīng)網(wǎng)站？
指的是網(wǎng)頁通過不同大小終端設(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)頁內(nèi)容重復(fù)，可以專心維護(hù)一個(gè)網(wǎng)頁。
4、網(wǎng)站優(yōu)化更簡(jiǎn)單，對(duì)搜索引擎友好。
?
自適應(yīng)站點(diǎn)對(duì)百度友好設(shè)計(jì)
1、applicable-device標(biāo)注寫法
自適應(yīng)網(wǎng)頁對(duì)搜索引擎友好，告訴百度“我是自適應(yīng)頁面”方便百度進(jìn)行識(shí)別校驗(yàn)。
applicable-device標(biāo)簽寫法在viewport標(biāo)簽下面添加即可：
<meta name="applicable-device" content="pc,mobile">
告訴百度該頁面可以同時(shí)在移動(dòng)設(shè)備和PC上進(jìn)行瀏覽。
2、在百度站長(zhǎng)平臺(tái)鏈接提交工具的Sitemp進(jìn)行提交時(shí)，注意要給mobile type做標(biāo)記。
寫法：<mobile:mobile type="pc,mobile"/>
其他網(wǎng)頁取值如下：?
<mobile:mobile/> ：移動(dòng)網(wǎng)頁
<mobile:mobile type="mobile"/> ：移動(dòng)網(wǎng)頁
<mobile:mobile type="htmladapt"/>：代碼適配
無該上述標(biāo)簽表示為PC網(wǎng)頁。
?
自適應(yīng)網(wǎng)站能夠給用戶帶來更好的瀏覽體驗(yàn)，網(wǎng)站建設(shè)需要考慮頁面布局。當(dāng)然自適應(yīng)設(shè)計(jì)目前價(jià)格相對(duì)比較高，如果網(wǎng)站的要求的版面相對(duì)比較復(fù)雜的話，消耗的時(shí)間會(huì)比較長(zhǎng)，比較適合單欄或雙欄等簡(jiǎn)單版面網(wǎng)站。
閱讀本文的人還可以閱讀：
