[H5入门]响应式网站如何才能对百度友好

作者: 漆家洲 分类: HTML5 发布时间: 2016-05-04 10:58

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

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

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

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!