1、自适应(响应式)
优点:PC站和移动站的URL是完全一样的,返回给浏览器的HTML代码也是一样的,不同宽度的屏幕排版是通过CSS控制的。现在用的人也是比较多,扬帆号用的就是这种,我看网站有人搜索“自适应和响应式哪个好”,其实自适应和响应式就是一种。
缺点:由于PC站和移动站返回给浏览器的HTML代码相同,也就意味着移动站要下载全部的代码,PC站代码又比较多,这样对于网速不好的访客,打开速度会很慢,因为要加载的东西多。
2、动态服务
优点:PC站和移动站的URL是完全一样的,但动态服务方式返回给浏览器的HTML代码(以及CSS)是不一样的,PC设备得到的HTML代码是PC版,移动设备得到的HTML代码是移动版本。理论上要比自适应的打开速度更快,因为移动端代码是单独的,和PC端代码是不同的,所以移动端代码会比较小,加载速度自然会更快一些。
缺点:虽然百度认可这种形式,但是这种收录并不是很好,所以很少有人会使用这种站点。
3、独立移动站
优点:移动站的URL和PC站是不一样的,通常用单独的子域名,移动站是m.domain.com,当然移动站的HTML代码(以及CSS)与PC站也是不一样的。独立移动端站点,扩展性好,可以单独开发,最重要的是,打开速度很快,不需要做判断。
缺点:移动和PC版本URL不同,需要建立对应关系,必须判断PC页面对应的移动版本URL是什么,移动页面对应的PC版本URL是什么,让搜索引擎知道这两个是同一个内容。
网站有两个版本,用户在添加书签、分享链接时,不可避免地会有一部分指向PC页面URL,一部分指向移动URL,导致权重分散。
为了用户体验和帮助搜索引擎判断对应关系,网站需要做移动端、PC端相对应的重定向:
PC用户访问了移动URL的话,需要被自动301转向到PC版本URL移动用户访问了PC页面URL的话,需要被自动301转向到移动URL
是否进行重定向需要判断用户设备,上网设备和浏览器五花八门,程序不一定能100%检测正确。判断出错,用户就只能看到一个排版错误的页面,甚至某些功能都无法使用。搜索引擎蜘蛛也可能被判断错,导致不能建立两个版本的对应关系。
如何判断自己网站采用的是哪种方式?
有时候网站已经建立好了,但是不知道自己网站采用的是哪种方式,如果是独立移动站需要给百度添加移动适配规则,而且在百度搜索资源平台的站点属性-基础信息里,也要正确选择站点类型。
首先判断是不是独立移动站,只要打开用手机打开网站,看域名是不是二级域名即可,是二级域名,而且和PC网站URL又有对应关系,那就是独立移动站。
如果不是独立移动站,那就是动态服务或者自适应,知道原理就很好区分了,动态服务方式返回给浏览器的HTML代码(以及CSS)是不一样的,所以,查看源代码。
<meta name="applicable-device" content="pc"><meta name="applicable-device" content="mobile">
有没有类似这样的代码,content=”pc”或者content=”mobile”,如果pc和mobile是分开的,那就是动态服务,如果是下面这样的,就是自适应,一套代码同时适配PC和移动端。
<meta name="applicable-device"content="pc,mobile">