4 人参与回答
最佳回答
柯南SEO
柯南SEO · 微信1:kenanseo3 微2:kenanseo11 公众号:柯南SEO
<h2 align="left">移动优化的三种方式

移动网站大体上有三种方式可以选择:

响应式设计(responsive design):

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

动态服务(dynamic serving):

PC站和移动站的URL是完全一样的,这点和响应式设计相同,但动态服务方式返回给浏览器的HTML代码(以及CSS)是不一样的,PC设备得到的HTML代码是PC版,移动设备得到的HTML代码是专门做了移动优化的移动版本。

独立移动站(separate m. Site) :

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

这三种方式各有各的特点。

响应式设计

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

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

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

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

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

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

独立移动站

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

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

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

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

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

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

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

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

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

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

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

等等。多语言hreflang标签和独立移动站的<link ref>标签排列组合起来,哪个对应哪个不能弄错了。如果再加上Google AMP和百度MIP页面版本,所有版本之间的对应关系和标签写法,可能会把人绕晕倒。

动态服务

动态服务和独立移动站一样,首先在服务器端判断设备和浏览器类型,然后在同样的URL上、根据浏览器屏幕宽度返回不同的HTML和CSS代码。

所以动态服务方法相当于把响应式设计和独立移动站的优点结合起来了,即有URL统一的简洁明了,又有独立移动站的代码优化,SEO效果是最好的。当然,代价是前后端成本都要提高。

对不差钱的公司来说,动态内容是最佳选择,比如amazon现在就是用动态服务做移动优化的,URL统一简单,不会出错,两个版本的代码还可以分别优化,据说,亚马逊移动版本节省了40%的文件下载量,对手机用户来说,页面打开速度的提升是至关重要的 。

是否使用动态服务要看公司情况。对大部分网站来说,页面内容、排版、功能没那么复杂,响应式设计已经满足需要,用高成本实现动态服务,节省的下载量没那么明显,比如SEO每天一贴这种博客,还有大量内容型网站,页面连个图片都没有,除了留言也没有别的交互,那是一点下载都节省不了,动态服务就没意义了。

搜索引擎蜘蛛访问动态服务的页面时,从HTML代码是无法自动知道不同浏览器得到的代码将会是不同的。比如PC蜘蛛访问时,得到的是PC版代码,但蜘蛛并不必然知道移动蜘蛛来访问的话会得到不同的代码,所以服务器端需要通过Vary HTTP头信息告诉搜索引擎蜘蛛,PC蜘蛛和移动蜘蛛得到的代码是不一样的,两个蜘蛛都要来访问一下。比如页面的服务器头信息:

< Content-Type: text/html< Content-Length: 6400< Connection: keep-alive< Server: Server< Date: Sat, 27 Jul 2019 16:42:45 GMT< Vary: Content-Type,Host,cookie,Accept-Encoding,X-Amzn-CDN-Cache,X-Amzn-AX-Treatment,User-Agent< Edge-Control: no-store< x-amz-rid: KH589YRZC8QEW3QEWGKD< X-Cache: Error from cloudfront< Via: (CloudFront)< X-Amz-Cf-Pop: SFO9< X-Amz-Cf-Id: 0qtVw99a2_AustEZ-dxC_cs9hfVzyll-DmHnmWFDtBSWKtinpxhB2Q==

其中Vary那行就是通知浏览器/蜘蛛,根据后面列的情况不同,HTML代码是不同的,Vary: User-Agent指的就是根据浏览器用户代理的不同,HTML代码是不同的。

对独立移动站的执念来自何处

很多公司和站长对独立移动站情有独钟,认为m.移动站SEO效果是最好的,做新网站还要做独立m.站。这个执念可能来自两方面。

一是以前百度更建议独立移动站,我在2015年厦门百度之夜的帖子中说明过这一点。但现在4年过去了,百度现在的正式官方态度我没有看到,但两年前百度搜索主任架构师谭待明确跟我说过,百度也认为响应式设计是未来趋势,百度也推荐转向响应式设计。我的观察是,百度现在对响应式设计的支持没有问题。

Google一直以来就是推荐响应式设计的。

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

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

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

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

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


用户体验放在首位

94爱网赚论坛
94爱网赚 · 网络赚钱, 创业者, 薅羊毛, 兼职网, 资源分享, 网赚论坛

为啥你发这么多都能避开审核

副业教程
副业教程 · 免费分享自媒体,抖音带货,闲鱼,seo,短视频,剪切视频等一系列课程

第一,移动端网站的SEO优化应该更加注意排版的设计,应该制作可以适用于移动端访问的网站。在移动端还没有普及的时代,网站的设计人员往往只顾及到网站在PC端访问的用户体验,因此有很多的老旧的网站在移动端的访问体验是很糟糕的。而进入移动互联网时代后,网站应该着重注意对于移动端设备的相关体验支持。像现在比较普及的html5+css3编写的网站得到了较多的普及,就是其是一种能够适应多端设备的网站前端代码,可以根据设备“自动”展示对应的排版设计。而对于移动端设备的相关优化工作,我们也要考虑移动端用户的细节体验。例如由于手机设备屏幕没有电脑大且需要触碰,所以相关页面元素应该突出简洁实用,不要像某些PC端网站将其塞满。

第二,注意移动端用户的搜索习惯,尤其在输入搜索词的方式变化上等。在PC端来说,输入端设备大部分是使用键盘打字等等。其他例如手写板输入或者语音输入一般适用于比较少数的人群。但是随着语音识别技术的发展,随着其精确度的提高,在很多移动端设备的输入法上都提供了语音输入。这样一些词汇的称呼可能更加口语化,因此相较于过去比较书面化的语言来说,用户在词汇上的搜索可能会有新变化。而未来随着物联网和虚拟现实技术的发展,新的搜索形式也许会逐渐出现,我们SEOer应该与时俱进逐步了解这些,才能更好地做好SEO的优化工作。

第三,多加注意搜索引擎对于移动端的新规则与技术要求,随时根据搜索引擎的相关建议改造对应页面,以免触犯惩罚。对于移动端的搜索引擎来说,为了用户更好的体验,往往会有更为严格的算法与规则出现。所以,为了能让移动端网站的SEO优化工作顺利进行,我们应该及时了解最新的搜索引擎官方的最新规则要求。

第四,多加利用自媒体小程序等移动端比较流行的平台资源,让移动端网站的SEO优化工作变得更加开放与富有创意。我们不要把SEO工作简单局限于搜索引擎上,面对其他平台的流量红利,我们应该大胆加以引导。只有这样,才能让SEO的工作更加灵活,不是将其越做越封闭。

SEO培训招生中
189