HTML5入门

响应式网站如何才能得到百度的重视

字号+ 作者:三鲜 来源:未知 2016-01-27 10:11 我要评论( )

响应式网站也就是说可以自动识别屏幕宽度,并做出相应调整的网页设计,成为响应式网站。随着移动大潮的流行,越来越多的网站已经做成了这种形式,可是这里面存在一个问题,那就似乎做好的网站如何才能得到百度的重视呢。 首先我们要将自适应网页代码上做出调

响应式网站也就是说可以自动识别屏幕宽度,并做出相应调整的网页设计,成为响应式网站。随着移动大潮的流行,越来越多的网站已经做成了这种形式,可是这里面存在一个问题,那就似乎做好的网站如何才能得到百度的重视呢。

响应式网站如何才能得到百度的重视

首先我们要将自适应网页代码上做出调整,阻止移动浏览器自动调整页面大小,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.e-wkj.cn/xw/2105.html

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 10个非常棒的Ajax及Javascript实例资源网站

    10个非常棒的Ajax及Javascript实例资源网站

    2014-11-16 20:49

网友点评