移动端网站SEO优化该怎样做？

过去几个月在问答社区回答了一些关于移动端网站优化的问题，发现很多移动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站是，移动站是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=http://www.52bug.cn/seoyh/”https:/www.seozac.com/”>