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