当前位置: 首页 » 响应式和独立式的手机网站SEO优化选择

响应式和独立式的手机网站SEO优化选择

作者: 江湖哥 分类: seo优化 发布时间: 2019-09-05 13:57 56 百度已收录

温馨提示:本文共3522个字,预计阅读时间需要9分钟

在讲手机端网站选用响应式好做SEO还是独立式好做SEO之前,首先我讲下手机移动端网站有两种主流的展示方式:响应式式手机网站和独立式手机网站。独立式手机网站又分为:全独立式和半独立式。

响应式手机端网站简意:

就是做一套网站程序代码,PC站和手机移动站的URL是完全一样的(不管用什么设备访问都一样),返回给浏览器的HTML代码也是一样的,不同宽度的屏幕排版不同是通过CSS控制的。以前也经常称为自适应设计,就是因为排版是根据屏幕宽度自动适应的。

响应式手机端网站SEO优化分析:

SEO优化优势:

既然是公用一套程序那么网站所有的URL都是一样,所有设备得到的 HTML代码也一样,好处显而易见:简单明了,搜索引擎不会被弄糊涂。搜索引擎抓取、索引一套页面就行了,提高索引效率,尤其对大网站,抓取份额浪费在多个URL上,就意味着降低深层页面被抓取的机会。自适应设计只有一个URL,链接、权重计算都集中在一个URL上,不会出问题。

用户也不会被弄糊涂,收藏书签、分享页面也不会因为URL的不同而出问题。

站长方面开发维护一套代码就可以了,后端开发成本相对低一些。建设的外链也集中在一个URL上。不需要判断设备、浏览器类型,也不需要转向,也就不会出错。

SEO优化坏处:

比如,移动设备由于屏幕大小的关系,经常要隐藏一些内容和功能,但还是需要下载完整的HTML代码,经常还包括图片,所以会浪费带宽。手机网速慢的话,多下载文件就意味着速度变慢。而且,同一套代码要在所有设备显示正常,还要尽快开始渲染,前端设计需要比较高的水平。

响应式设计的页面必须设置viewport,告诉浏览器按照屏幕宽度自动调整页面排版:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

虽然有缺点,但随着移动网速、手机性能的提高,响应式的缺点逐渐显得没那么致命,而它的简捷性就更显优势了。所以,响应式设计是今后的方向,是大势所趋。这也就是为什么我建议新网站,或者刚刚要做移动SEO的网站,肯定直接就做响应式了,不用考虑其它选项。

独立式手机网站简意:

移动站的URL和PC站是不一样的,通常用单独的子域名,比如PC站是www.weitongsheng.com,移动站是m.weitongsheng.com,当然移动站的HTML代码(以及CSS)与PC站也是不一样的,是专门做了移动优化的。换句话说,这种方式下,移动站就是个独立的网站

半独立式手机网站指,手机网站跟PC网站共用一个数据库,也就是一个后台来管理,前端的链接是一一对应,PC端与手机端是分开独立,页面是独立设计,重新解析一个手机网站专属的二级域名,这种方式既满足了SEO优化需求,更是满足了站长需求,在后台更新内容,PC端与手机移动端是同步更新,便于管理

全独立式手机网站与半独立式手机差不多,只不过,两者的后台数据是独立存在,之间是毫无联系,虽然是能够满足搜索引擎优化规则,但对于站长来说,做维护比较麻烦,每次工作都需要重复做一次,加大了站长工作量

和响应式设计相比,独立移动站显然开发成本要提高,要开发维护两套代码。随着国内人力成本提高,需要重复做的事情会越来越不划算。

独立移动站的更大潜在麻烦是URL的不同可能造成混乱和各种出错。比如,既然移动和PC版本URL不同,搜索引擎就需要建立对应关系,必须判断PC页面对应的移动版本URL是什么,移动页面对应的PC版本URL是什么。网站需要在页面添加代码帮助搜索引擎判断:

PC页面需要加下面代码指明移动版本位置:

<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”https://m.weitongsheng.com/”>

对应的手机移动页面需要加下面代码指明PC版本位置:

<link rel=”canonical” href=”https://www.weitongsheng.com/”>

在搜索引擎两个版本都抓取了、并且正确判断的情况下,PC和手机移动版本就建立了一一对应关系。但是,如果站长把标签加错了怎么办?搜索引擎只抓取了一个版本怎么办?搜索引擎没有准确解析<link ref>标签怎么办?

而且,要建立一一对应关系,需要PC版本和移动版本主体内容是一样的。很多时候m.移动版本页面内容精减或修改过多,搜索引擎认为内容不相符怎么办?甚至有的时候独立手机移动站只建了部分页面,很多PC页面没有对应移动页面又怎么办?

网站有两个版本,用户在添加书签、分享链接时,不可避免地会有一部分指向PC页面URL,一部分指向移动URL,链接权重将分散。

通常,为了用户体验和帮助搜索引擎判断对应关系,网站需要做符合规则的转向:

  • PC用户由于某种原因访问了手机移动URL的话,需要被自动301转向到PC版本URL
  • 手机移动用户由于某种原因访问了PC页面URL的话,需要被自动301转向到移动URL

301转向一般是服务器端做的,首先就需要根据浏览器用户代理匹配特征字符串判断用户设备和浏览器类型,上网设备和浏览器五花八门,程序100%检测正确不是件容易的事。判断出错,用户可能就只能看到一个排版错误的页面,甚至某些功能都无法使用。搜索引擎蜘蛛也可能被判断错,导致不能建立两个版本的对应关系。

大公司需要用子域名做多语言网站SEO的话,加上m.独立移动站,就会使管理子域名更加复杂,因为网站又要增加:

  • sg.weitongsheng.com
  • m.sg.weitongsheng.com
  • cn.weitongsheng.com
  • m.cn.weitongsheng.com

等等。多语言hreflang标签和独立移动站的<link ref>标签排列组合起来,哪个对应哪个不能弄错了。

为什么现在很多手机网站都是m.独立移动站,是否m.独立移动站更符合SEO优化?

答案肯定不是的,第一个原因由于在很久以前百度更建议独立移动站,在百度推广后台直接可以转化成独立的微站,目的的那时候大部分站点的都是没有手机站点,百度为了用户体验,大力推荐大家使用 独立式手机网站。但是现在4G、5G时代更加不一样了,就算是响应式网站不存在网速慢的问题我认为响应式设计是未来趋势,百度也推荐转向响应式设计。

当然,这里说的推荐,并不是说响应式比独立移动站的SEO效果更好,而只是表明,百度对三种方法是一视同仁的,排名上并不偏向哪一个,SEO效果是一样的。既然效果一样,当然推荐那个简单便宜的了。

第二个原因,,目前在百度移动搜索排名靠前的m站较多。这是个准确的观察,确实百度移动搜索结果中排名好的m站很多,在不少行业,m.站排在前面的占大部分。不过,这并不必然说明m.独立移动站有SEO优势,我觉得这更多是采样偏差造成的。

举个例子,数据表明,车祸发生大部分是男性司机造成的,不过这是否说明男司机开车有劣势呢?恐怕不能这么认为,因为必须考虑路上司机的男女比例,很可能开车的80%是男的,造成了70%的车祸,所以70%车祸是男司机造成,不能说明男司机开车水平比女司机差。

移动搜索排名也是同样道理。现在排名靠前的m.站居多,很可能这些站绝大部分是老站,而几乎所有老站当初开始做移动SEO时都是从m站入手的,不到万不得已,这些使用m站的老站不会去改为响应式设计,因为改动太大了,冒险,又没有明显好处(如前所说,三种方式SEO效果一样的),没有动力改。

所以,老站、大站排名好,而老站、大站又以m站为主,所以我们就看见m站排名好了。但这不说明一个新站就要学着做m站。

最后建议如果是独立手机网站要做两个点:

第一:全站所有页面都要做跳转。用301跳转,和weitongsheng.com 301转www.weitongsheng.com一样的

然后在百度站长平台做移动适配,但是如果做了移动适配原则上就不用做跳转了。但通常还是建议做跳转,一是用户体验问题,PC用户访问移动页面,不跳转到PC页面,移动页面又不是自适应的话,用户看页面会有点别扭。反过来也一样,移动用户看非自适应的PC页面会非常难受。二是以防万一,百度适配万一没起作用,还有跳转帮助识别

第二:移动页面和PC页面html代码中META标签都加上

PC页面用alternative指向移动页面,类似这样:

<link rel="alternate" href="https://m.weitongsheng.com/">

移动页面用canonical指向PC页面,类似这样:

<link rel="canonical" href="https://www.weitongsheng.com/">

关于版权
除特别说明外,本博客内容皆为原创,可以自由转载传播,但请署名及注明出处链接:https://www.weitongsheng.com:443/archives/2872.html

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

发表评论

电子邮件地址不会被公开。 必填项已用*标注