服务器端网站自适应,[移动SEO]PC端和移动端最佳适配方案

随着移动端的普及,流量也渐渐地向移动端侧重,传统的网站SEO已经显得有点落后了,所以战地也转移到了移动端来,那么,移动端SEO应该怎么做,怎么提高移动端的体验,怎么平衡PC站和手机站的优化,本文根据之前优化钓鱼疯( https://www.diaoyuf.com )的经验,整理出来这个适配方案,纯属抛砖引玉.

钓鱼疯同时含web和h5站,但各自用的是独立的域名,并升级到http.web站为 https://www.diaoyuf.com ,wap站为 https://m.diaoyuf.com .从开始上线以来,一直在摸索搜索引擎优化的相关知识,虽然目前未有一个很好的效果,但是我相信,只要按规则操作,见效是迟早的事.这里分享一下磕磕碰碰后所形成的适配方案.

1、https的301重定向配置方案

https是目前很安全的技术,通过隧道加密防止数据通信被劫持,网站升级https是大势所趋.从搜索引擎的角度去看,目前主流的搜索引擎(百度、谷歌、搜狗)都支持https并在展示、权重、排名上给予优待.

具体的重定向方案为：

根域名301重定向为带www的https域名

http的www域名,301重定向为带www的https域名

http的m开头域名,301重定向为m开头的https域名

通过上述操作,保证权重都转移到https域名上

如果开通了百度站长工具的话,在搜索展现>HTTPS认证中申请认证,认证通过后搜索引擎优先展示https的域名：

2、页面的适应展现

这里有三种展现方式：

1、前端页面的自适应

前端页面自适应,即前端通过css,js技术,根据浏览器屏幕的宽度高度自动调整页面显示方式,在同一套前后端代码的基础上,实现在不同尺寸的屏幕中都能有良好的体验展示.现在很多免费的模板都支持前端自适应了,建议在建站初期就确认好.我个人还是比较推荐这种方式的,虽然前端逻辑重了一点,但是一劳永逸,不存在多个域名和多套代码的情况,维护也更加方便.

2、服务端的自适应输出页面

服务端根据请求的User-Agent判断请求是来自PC还是移动端,主流的移动端User-Agent为："iphone", "ipod", "android", "ios", "ipad", "mobile",如果小写转换的User-Agent能命中上述关键词,即可认为是移动端访问,则返回的页面使用html5模板,否则使用pc的web模板.这种方式的优点是域名只用一个www的,但是模板要维护两套.

3、移动端和PC端使用独立的域名和模板

实现方式和第2点类似,不同的是,如果判断是移动端的访问,通过301跳转到m开头的域名去,访问移动网站.这种方式比较麻烦,也是相对让站长头疼的方式,这里重点说明一下这种方式的适配方案

PC端添加标签：

目的是告诉搜索引擎,当前web页面,所对应的移动页面

移动端添加标签：

目的是集中权重到web页面,以免让搜索引擎误认为是重复的站点

百度站长工具添加移动适配

在百度站长工具(搜狗也有,其它的没操作过)的数据引入>移动适配 功能中,提交适配规则,规则提交后,需要一段时间给搜索引擎校验(百度为14天),校验通过后搜索展现会调整.

我坚信,移动流量会越来越多,也终将会成为SEO的最终战场,掌握好移动适配和移动搜索引擎优化技术,必将让流量迎来新的高峰,