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