響應式網(wǎng)站如何制作才能得到百度的重視
作者：北京網(wǎng)站建設公司 更新時(shí)間：2012年05月04日
響應式網(wǎng)站設計也就是說(shuō)可以自動(dòng)識別屏幕寬度，并做出相應調整的網(wǎng)頁(yè)設計，成為響應式網(wǎng)站。隨著(zhù)移動(dòng)大潮的流行，越來(lái)越多的網(wǎng)站已經(jīng)做成了這種形式，可是這里面存在一個(gè)問(wèn)題，那就似乎做好的網(wǎng)站如何才能得到百度的重視呢。
首先我們要將自適應網(wǎng)頁(yè)代碼上做出調整，阻止移動(dòng)瀏覽器自動(dòng)調整頁(yè)面大小，iOS和Android瀏覽器都基于webkit核心，這兩種瀏覽器以及其他的很多瀏覽器都支持viewport meta元素覆蓋默認的畫(huà)布縮放設置，只需在HTML的<head>標簽中插入一個(gè)<meta>標簽，<meta>標簽中可以設置具體的寬度(如像素值)或者縮放比例2.0。
然后要將網(wǎng)頁(yè)修改為百分比布局，當某個(gè)瀏覽窗口處于媒體查詢(xún)固定的范圍之外，網(wǎng)頁(yè)就需要水平滾動(dòng)才能完整瀏覽，而通過(guò)百分比布局可以頁(yè)面元素根據窗口大小在一個(gè)又一個(gè)媒體查詢(xún)之間靈活修正樣式，具體來(lái)講，就是css代碼不會(huì )指定具體像素寬度，而是會(huì )指定一個(gè)百分比寬度，或者直接就是width:auto。
最后在講講響應式網(wǎng)站對百度友好的關(guān)鍵點(diǎn)：
1.applicable-device標注應該怎么寫(xiě)
有了自適應設計的網(wǎng)頁(yè)，還要照顧到對百度友好的設計，即告訴百度“我是自適應頁(yè)面”方便百度進(jìn)行識別校驗。方法也很簡(jiǎn)單，只要在上面viewport標簽下面再添加一個(gè)applicable-device標簽就行：
<meta name="applicable-device" content="pc,mobile">表示頁(yè)面同時(shí)適合在移動(dòng)設備和PC上進(jìn)行瀏覽。
2.在使用百度站長(cháng)平臺鏈接提交工具的sitemp進(jìn)行提交時(shí)，要做mobile type標記，
具體取值：
<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ǎng)站做好后，百度很難不去關(guān)注我們的網(wǎng)站，這樣一來(lái)只要堅持以往的SEO工作，慢慢的網(wǎng)站效果就會(huì )提升。
京公網(wǎng)安備 11010602004008號
