聯 系 人:李總
聯系電話:13759574266
在線 QQ:89417157
郵箱:13759574266@qq.com
微信號:ynlongtou
地址:昆明市滇緬大道旁昆建路5號108智庫空間A座4樓
響應式網站也就是說可以自動識別屏幕寬度,并做出相應調整的網頁設計,成為響應式網站。隨著移動大潮的流行,越來越多的網站已經做成了這種形式,可是這里面存在一個問題,那就似乎做好的網站如何才能得到百度的重視呢。
首先我們要將自適應網頁代碼上做出調整,阻止移動瀏覽器自動調整頁面大小,iOS和Android瀏覽器都基于webkit核心,這兩種瀏覽器以及其他的很多瀏覽器都支持viewport meta元素覆蓋默認的畫布縮放設置,只需在HTML的<head>標簽中插入一個<meta>標簽,<meta>標簽中可以設置具體的寬度(如像素值)或者縮放比例2.0。
然后要將網頁修改為百分比布局,當某個瀏覽窗口處于媒體查詢固定的范圍之外,網頁就需要水平滾動才能完整瀏覽,而通過百分比布局可以頁面元素根據窗口大小在一個又一個媒體查詢之間靈活修正樣式,具體來講,就是css代碼不會指定具體像素寬度,而是會指定一個百分比寬度,或者直接就是width:auto。
最后在講講響應式網站對百度友好的關鍵點,
1.applicable-device標注應該怎么寫
有了自適應設計的網頁,還要照顧到對百度友好的設計,即告訴百度“我是自適應頁面”方便百度進行識別校驗。方法也很簡單,只要在上面viewport標簽下面再添加一個applicable-device標簽就行:
<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"/>:代碼適配
如果我們按照以上的要求將網站做好后,百度很難不去關注我們的網站,這樣一來只要堅持以往的SEO工作,慢慢的網站效果就會提升。
更多云南龍頭科技有限公司網站案例請查看:http://www.www.charti.com.cn/case.asp?id=3
云南龍頭科技有限公司憑借多年的網站建設經驗,堅持以“幫助中小企業實現網絡營銷化”為宗旨,成功幫助多家中小企業實現互聯網信息化建設,得到了客戶的一致好評。如你有任何關于網站建設的疑問,請立即點擊咨詢云南龍頭科技有限公司資深營銷專家或撥打咨詢熱線:13759574266,我們會詳細為你一一解答你心中的疑難。

掃描關注官方微信