无处不在,搜你所想

移动网站基本上有三种方式:

可以选择：

响应式设计（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″>

虽然存在不足，但随着移动网络速度和手机性能的提高，响应性的缺点逐渐变得不那么致命，其简便性更加有利。因此，响应式设计是未来的发展方向，是时代的发展趋势。这就是为什么我推荐一个新的网站，或者一个只需要移动搜索引擎优化的网站，它肯定是响应性的，不需要考虑其他选项。(除非你的公司不错，否则考虑一下动态服务。)

独立移动站

与响应式设计相比，独立的移动台显然要增加开发成本，并开发和维护两套代码。随着国内劳动力成本的增加，需要重复的事情将变得越来越不经济。

独立移动站点的更大潜在问题是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>标签排列组合在一起，两者之间的对应关系是不可混淆的。如果添加谷歌AMP和百度MIP页面的版本，所有版本与标注方法之间的对应关系可能会让人晕眩。

动态服务

动态服务，如独立的移动站点，首先确定服务器端上的设备和浏览器类型，然后根据相同URL上的浏览器屏幕宽度返回不同的HTML和CSS代码。

因此，动态服务方法相当于将响应式设计与独立移动站点的优点相结合，即URL的简单性是统一的，而独立移动站点的代码优化，SEO效果最好。当然，价格是为了增加前后的成本。

对于那些不差钱的公司来说，动态内容是最好的选择。例如，Amazon现在使用移动服务来优化移动设备。URL很简单，很容易出错。这两个版本的代码可以分别优化。据说，亚马逊移动版节省了40%的文件下载，对于移动用户来说，提高页面打开速度至关重要。

是否使用动态服务取决于公司。对于大多数网站来说，页面内容、布局和功能并不复杂。响应式设计满足了需求，实现了高成本的动态服务。节省的下载并不明显。比如大量内容型网站，页面上甚至没有图片，除了内容没有其他交互，那是一点下载都节省不了，动态服务是没有意义的。

当搜索引擎爬行器访问动态服务的页面时，HTML代码中的代码不能自动知道不同浏览器获得的代码将是不同的。例如,当电脑蜘蛛访问,PC版的代码,但是蜘蛛并不一定知道移动蜘蛛访问会得到不同的代码,所以服务器需要告诉搜索引擎蜘蛛通过不同的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代码是不同的。

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

许多公司和网站管理员都对独立的移动网站情有独钟。他们认为移动站的SEO效果最好。要做一个新的网站，你必须是一个独立的m站。这种痴迷可能来自两个方面。

一是百度之前推荐过独立的移动站。百度也相信响应式设计是未来的趋势。百度还建议转向响应。设计。小猪站长的观察是，百度现在对响应式设计的支持没有问题。

谷歌一直推荐响应式设计。

当然，这里的建议并不是说响应性好于独立移动站的SEO效果，而是百度和谷歌对这三种方法一视同仁，排名没有偏向。SEO效果是一样的。由于效果是一样的，当然，建议简单和便宜。

第二个原因，正如读者一开始所说，目前更多的是在百度手机搜索排名的前列。这是一个准确的观察。百度的移动搜索结果在许多站点的排名都很好，这是事实。在许多工业中，m.站在最前面。然而，这并不一定意味着m. independent mobile station具有SEO优势，我认为这更多的是由抽样偏倚造成的。

例如，数据显示，大多数车祸都是由男性司机造成的，但这是否意味着男性司机在驾驶方面有劣势?恐怕我不能这么认为，因为我们必须考虑路上的男女比例。很有可能80%的司机是男性，造成了70%的交通事故。所以70%的车祸是由男性司机引起的。要解释男性司机比女性司机差是不可能的。

移动搜索排名也是如此。如今，最热门的m站很多。很可能这些站大部分都是旧站(所以排名能力很高)，几乎所有的旧站都是从m站点开始做移动SEO的。作为最后的手段，这些旧站使用的m站将不会被更改为响应式设计，因为更改太大，风险太大，而且没有明显的好处(如前所述，三种方式的SEO效果是相同的)，没有更改的理由。

因此，老站和大站的排名很好，而老站和大站主要是m站，所以我们可以看到m站排名很好。但这并不意味着一个新站必须学会做m站。