做了这些优化,自适应移动网站才对百度友好!

2015年12月29日09:14:25做了这些优化,自适应移动网站才对百度友好!已关闭评论 3,319

一、什么样的网站适合做自适应

自适应网页设计(Responsive Web Design)是指可以自动识别终端设备屏幕的大小从而做出相应调整的网页设计方法。这种网页设计方法完美解决了如何在不同大小的网络设备上呈现同样的网页效果。大家公认自适应至少有4个好处:提升用户体验;PC端和移动端SEO保持一致;避免重复内容和出错内容;链接统一。

而自适应比较明显的缺陷是,开发成本比较高,尤其是要构建包含额外编程的复杂的自适应网站,所需的时间会比较长。如果网站需求较简单,有许多开源模板可供选择。

对于已经比较成熟PC网站来说,如果要实现全站的自适应,有可能需要推掉原来所有的代码进行重构,时间和技术成本都比较大,而且如果一个网站有多个portal(入口),会大大增加架构设计的复杂度,所以现在有很多网站只在移动端实现了响应式布局设计。

自适应网站移动友好度优化

二、自适应网页代码上需要做出哪些调整

1、 阻止移动浏览器自动调整页面大小

2、将网页修改为百分比布局

3、用em替换px

4、流动布局(fluid grid)的使用

5、Media Query技术的使用

6、设计响应式图片

三、自适应移动网站对百度友好的关键

1、applicable-device标注应该怎么写

有了自适应设计的网页,还要照顾到对百度友好的设计,即告诉百度“我是自适应页面”方便百度进行识别校验。方法也很简单,只要在上面viewport标签下面再添加一个applicable-device标签就行:

<meta name="applicable-device" content="pc,mobile">

表示页面同时适合在移动设备和PC上进行浏览。

2、在使用百度站长平台链接提交工具的sitemp进行提交时,要做mobile type标记,具体取值:

<mobile:mobile type="pc,mobile"/>

注:由于本篇内容较长,请进入百度网盘下载: