过去几个月在问答社区回答了一些关于移动端网站优化的问题，发现很多移动SEO的问题涉及到用哪种架构做移动站。不少SEO貌似对独立移动站，也就是单独的m，当然移动站的HTML代码（以及CSS）与PC站也是不一样的，是专门做了移动优化的。换句话说，这种方式下，移动站就是个独立的网站。

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

响应式设计

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

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

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

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

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

<meta name=”viewport” content=”width=device-width, initial-scale=1/”>

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

<link rel=”canonical” href=”/”>

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

而且，要建立一一对应关系，需要PC版本和移动版本主体内容是一样的。很多时候m

m

m

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

动态服务

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

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

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

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

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

< 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,Aept-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 1b52dd431f9e3c81753e61dfdf467a.cloudfront (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站啊。

来源：SEO每天一贴

点赞 收藏 分享到：

微信扫一扫：分享

微信里点“发现”，扫一下

二维码便可将本文分享至朋友圈。