移动端web页面适配方案有哪些?
随着智能手机的普及,手机成为人们获取信息和交流的重要工具,移动终端已经超越PC终端成为人们上网的首选,手机搜索量也成倍增长,因此相应的手机网站SEO也应该提上日程。下面SEO小编将介绍移动网站的SEO包括适配方式。
当使用移动设备访问网站时,该网站必须使用相应的适配方法来显示适合移动设备查看的网页内容。目前主要有三种适配方式:跳转适配、代码适配、自适应。
一、对应的移动端适配方法
1、跳转适配
跳转适配使用单独的 URL 为移动设备提供不同的网页内容。这种适配方式以用户正在使用的设备型号或浏览器标识,判断用户是通过移动设备访问,然后使用HTTP重定向或Vary HTTP标头重定向到相对应页面。
2、代码适配
代码适配还获取用户使用的型号和浏览器标识。确认访问是来自移动设备后,不重定向URL,重定向到另一个URL。而是自动生成不同的HTML代码。
3、自适应
自适应方式不进行URL跳转,也不生成额外的网页内容,而是根据用户设备的屏幕大小自动调整网页的布局,使网页适应移动设备的屏幕。
二、移动端4重适配方法的优缺点
从我们的观察来看,PC端和移动端匹配最常用的方法是移动端适配、JS跳转、META声明 、302 规则等, 每种方法的操作方式不同, 所以产生的效果也不同, 具体的优缺点也需要区别对待。这里我们对这四种适配方式的优缺点和注意事项做一个对比:
1、移动适配
现在很多搜索引擎都使用百度来提供移动适配功能,比如百度的开放适配,360的移动适配。使用网站管理员工具提交启用 PC 页面 – 手机页面的站点地图或 360 网站管理员工具提交启用 PC 页面 – 移动页面的站点地图txt可以实现PC站和移动站内容的一对一适配。这样做的好处是你只需要在搜索引擎工具中发送信息,你不必改变网站的功能,而且网站内容一一对应,并不只局限于网站首页。 缺点就是只能在百度或者360移动搜索中生效,其他没用提交适配文件的搜索中就无效了。
2、JS跳转
JS跳转在一些行业中发挥着重要作用,尤其是对于用户转化率较高的网站,只需在网站头部加一个JS码,确定是否被移动端访问,然后所有流量就会流向手机站首页。JS跳转的优势在于适用于所有移动搜索,不局限于百度和360,可以提高用户转化率。缺点是很难实现每个页面的一一对应,容易被一些搜索引擎判断为作弊,从而受到惩罚。
3、Meta声明
Meta声明的格式一般是站长可以在PC站头部添加此代码,由Meta信息表示PC页面对应的手机页面的URL,以及URL对应的页面的格式。Meta声明的优点是代码易于理解,易于操作。缺点是只能在百度移动搜索中生效,对其他搜索引擎无效。
4、302规则
302规则是指当确定移动终端访问网站时,302临时跳转到一个网站地址(手机站)。例如,可以在htaccess文件里加上一段判定手机的代码,做个302重定向。 这样做的好处是,不需要再额外在网站的前端代码中加任何东西,也不需要向搜索引擎提交规则,可是据测试,有可能会导致PC站被降权。 虽然302是暂时性的重定向,但过于频繁的302是很有可能给网站带来不利的影响的,具体的尺度需要站长自己去把握。 以上4种适配方法是最为常见的操作方法,通常PC站做了以上处理后,一段时间以后移动端搜索出来的结果,下面匹配的网址就变成了移动站网址,不过标题还是PC站标题。 至于到底哪种方法更好,更倾向于第一种,毕竟百度移动搜索占据着网站的大部分流量,而且用户体验度也最好。
三、百度开放适配服务的3种方案
百度站长平台对移动适配方面的东西这么定义:为了提升用户的移动搜索结果浏览体验,百度移动搜索对具有对应手机站的PC站提供“开放适配”服务。如果您同时拥有PC站和手机站,且二者能够在内容上对应,您可向百度“提交”PC页—手机页的对应关系,若对应关系准确,将有助于百度在移动搜索中将原PC页结果替换为对应的手机页结果。积极的参与“开放适配”,将有助于您的手机站在百度移动搜索获得更好的展现,同时以更佳的浏览效果赢取用户口碑。
百度开放适配服务共提供三种方案——自主适配、标注Meta声明、提交对应关系Sitemap,同时向站点提供开放适配进度查询。
可能大家对标注meta声明和提交对应关系的sitemap这一项比较熟悉,另外对自主适配这个的理解仅限于使用百度的siteapp这个东西上面,因为当时我们的网站是在原有的PC站点上,做了一个对应的手机站,这个手机站是单独存在的。
而在移动设备上搜素到的我们的网站都是PC端的形式,我们不想用百度的自动转码,只是想标注meta进行判断,判断成功后进行跳转,而我当时的需求就是要这个跳转代码,可能大家知道的跳转代码有很多,但是我当时想要的是符合百度或者搜索引擎对移动站点适配这个前提有一定的接受能力的跳转方式,而不是简单的做个跳转,做SEO的都懂得。