过去几个月在问答社区回答了有些关于移动端网站优化的问题,发掘非常多移动seo的问题触及到用哪种架构做移动站。不少SEO貌似对独立移动站,亦便是单独的m.domain站有不小的执念,认为独立移动站才是效果最好的。
问答后台看到另一位读者“一条爱做梦的咸鱼”,亦是问“新网站做移动SEO,运用m站还是响应式?”:
您好,我在某个回答中看到了你的回答,有有些疑惑,您意见:“新网站,或刚才要做移动SEO的,最好就直接采取响应式了。”,为何直接采取响应式呢,我自己的感觉是日前移动搜索排靠前的都是m站较多
翻看了一下以前写的关于移动SEO的帖子,才发掘移动端SEO到底应该选哪种方式优化还无仔细写过。今天的帖子就深入探讨一下怎么样选取移动优化的三种方式。
移动优化的三种方式
移动网站大体上有三种方式能够选取:
响应式设计(responsive design):
PC站和移动站的URL是完全同样的(不管用什么设备拜访都同样),返回给浏览器的HTML代码亦是同样的,区别宽度的屏幕排版区别是经过CSS掌控的。以前亦经常叫作为自适应设计,便是由于排版是按照屏幕宽度自动适应的。
动态服务(dynamic serving):
PC站和移动站的URL是完全同样的,这点和响应式设计相同,但动态服务方式返回给浏览器的HTML代码(以及CSS)是不同样的,PC设备得到的HTML代码是PC版,移动设备得到的HTML代码是专门做了移动优化的移动版本。
独立移动站(separate m. site) :
移动站的URL和PC站是不同样的,一般用单独的子域名,例如PC站是www.seozac.com,移动站是m.seozac.com,当然移动站的HTML代码(以及CSS)与PC站亦是不同样的,是专门做了移动优化的。换句话说,这种方式下,移动站便是个独立的网站。
这三种方式各有各的特点。
响应式设计
既然URL同样,所有设备得到的 HTML代码亦同样,好处显而易见:简单明了,搜索引擎不会被弄糊涂。搜索引擎抓取、索引一套页面就行了,加强索引效率,尤其对大网站,抓取份额浪费在多个URL上,就寓意着降低深层页面被抓取的机会。自适应设计仅有一个URL,链接、权重计算都集中在一个URL上,不会出问题。
用户亦不会被弄糊涂,保藏书签、分享页面亦不会由于URL的区别而出问题。
站长方面研发守护一套代码就能够了,后端研发成本相对低有些。建设的外链亦集中在一个URL上。不必须判断设备、浏览器类型,亦不必须转向,亦就不会出错。
当然亦有坏处。例如,移动设备因为屏幕体积的关系,经常要隐匿有些内容和功能,但还是必须下载完整的HTML代码,经常还包含照片,因此会浪费带宽。手机网速慢的话,多下载文件就寓意着速度变慢。况且,同一套代码要在所有设备表示正常,还要尽快起始渲染,前端设计必须比较高的水平。
响应式设计的页面必要设置viewport,告诉浏览器根据屏幕宽度自动调节页面排版:
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
虽然有缺点,但随着移动网速、手机性能的加强,响应式的缺点逐步显出没那样致命,而它的简捷性就更显优良了。因此,响应式设计是今后的方向,是大势所趋。这亦便是为何我意见新网站,或刚才要做移动SEO的网站,肯定直接就做响应式了,不消思虑其它选项。(除非贵机构不差钱,能够思虑动态服务。)
独立移动站
和响应式设计相比,独立移动站显然研发成本要加强,要研发守护两套代码。随着国内人力成本加强,必须重复做的事情会越来越不划算。
独立移动站的更大潜在麻烦是URL的区别可能导致混乱和各样出错。例如,既然移动和PC版本URL区别,搜索引擎就必须创立对应关系,必要判断PC页面对应的移动版本URL是什么,移动页面对应的PC版本URL是什么。网站必须在页面添加代码帮忙搜索引擎判断:
PC页面必须加下面代码指明移动版本位置:
<link rel=”alternate” media=”only screen and (max-width: 640px)” href=”https://m.seozac.com/”>
对应的移动页面必须加下面代码指明PC版本位置:
<link rel=”canonical” href=”https://www.seozac.com/”>
在搜索引擎两个版本都抓取了、并且正确判断的状况下,PC和移动版本就创立了一一对应关系。然则,倘若站长把标签加错了怎么办?搜索引擎只抓取了一个版本怎么办?搜索引擎无准确解析<link ref>标签怎么办?
况且,要创立一一对应关系,必须PC版本和移动版本主身体容是同样的。非常多时候m.移动版本页面内容精减或修改太多,搜索引擎认为内容不相符怎么办?乃至有的时候独立移动站只建了部分页面,非常多PC页面无对应移动页面又怎么办?
网站有两个版本,用户在添加书签、分享链接时,不可避免地会有一部分指向PC页面URL,一部分指向移动URL,链接权重将分散。
一般,为了用户体验和帮忙搜索引擎判断对应关系,网站必须做符合规则的转向:
PC用户因为某种原由拜访了移动URL的话,必须被自动301转向到PC版本URL
移动用户因为某种原由拜访了PC页面URL的话,必须被自动301转向到移动URL
301转向通常是服务器端做的,首要就必须按照浏览器用户代理匹配特征字符串判断用户设备和浏览器类型,上网设备和浏览器五花八门,程序100%检测正确不是件容易的事。判断出错,用户可能就只能看到一个排版错误的页面,乃至某些功能都没法运用。搜索引擎蜘蛛亦可能被判断错,引起不可创立两个版本的对应关系。
大机构必须用子域名做多语言网站SEO的话,加上m.独立移动站,就会使管理子域名更加繁杂,由于网站又要增多:
sg.seozac.com
m.sg.seozac.com
cn.seozac.com
m.cn.seozac.com
等等。多语言hreflang标签和独立移动站的<link ref>标签摆列组合起来,哪个对应哪个不可弄错了。倘若再加上Google AMP和百度MIP页面版本,所有版本之间的对应关系和标签写法,可能会把人绕昏倒。
动态服务
动态服务和独立移动站同样,首要在服务器端判断设备和浏览器类型,而后在一样的URL上、按照浏览器屏幕宽度返回区别的HTML和CSS代码。
因此动态服务办法相当于把响应式设计和独立移动站的优点结合起来了,即有URL统一的简洁明了,又有独立移动站的代码优化,SEO效果是最好的。当然,代价是前后端成本都要加强。
对不差钱的机构来讲,动态内容是最佳选取,例如amazon此刻便是用动态服务做移动优化的,URL统一简单,不会出错,两个版本的代码还能够分别优化,据述,亚马逊移动版本节省了40%的文件下载量,对手机用户来讲,页面打开速度的提高是至关要紧的 。
是不是运用动态服务要看机构状况。对大部分网站来讲,页面内容、排版、功能没那样繁杂,响应式设计已然满足必须,用高成本实现动态服务,节省的下载量没那样显著,例如SEO每日一贴这种博客,还有海量内容型网站,页面连个照片都无,除了留言亦无别的交互,那是一点下载都节省不了,动态服务就没道理了。
搜索引擎蜘蛛拜访动态服务的页面时,从HTML代码是没法自动晓得区别浏览器得到的代码将会是区别的。例如PC蜘蛛拜访时,得到的是PC版代码,但蜘蛛并不必然晓得移动蜘蛛来拜访的话会得到区别的代码,因此服务器端必须经过Vary HTTP头信息告诉搜索引擎蜘蛛,PC蜘蛛和移动蜘蛛得到的代码是不同样的,两个蜘蛛都要来拜访一下。例如amazon.com页面的服务器头信息:
< 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: 1.1 1b52a5dd431f9e3c81753e61dfdf467a.cloudfront.net (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站啊。
|