不可避免的，现在移动端超越PC端成为访问互联网的首要工具。因为早在2015年谷歌宣称移动搜索已经全面超越其他任何一种设备搜索，使得这一切的发生成为意料之中。事实上，移动流量的占比可能比我们想象中更高，根据统计的移动设备流量占比已经高达85%。

本文将提供移动设备全面的优化方案围绕以下三方面展开：自适应，加载速度，用户体验。在我们展开这三大内容之前我们不妨先了解一些背景，姑且称之为吃大餐前的前菜：

前菜一：百度要的什么？

哪些认为19年mobile是大势所趋的人，你们说到点子上了。我们也从百度官方的材料中提炼了以下三点，这三点也正强调了移动优化的重要性：

1.如今，更多人习惯用移动设备而非桌面设备进行搜索。

2.如果页面移动不友好，用户有5倍可能离开页面。

3.如果网站的加载时间超过3秒，那么超过一半的移动用户会离开网站。

前菜二：移动索引优先

移动设备搜索超过桌面设备，而百度的排名机制里面仍然是以桌面版本内容为首要考量，这种不合理性使得百度开始考虑用移动设备内容作为首要考量,也就是mobile index first，并且开始逐步推出mobile first index。

随着移动索引优先的进一步的推出，移动版本页面的内容，外链，加载速度，外链等等都将成为搜索引擎可视性的首要驱动力，与此同时一切跟桌面内容相关的将成为仅仅成为其中一个考量因素，并且重要性降到第二位。

前菜三：移动友好方法

1.自适应网页设计（通过屏幕尺寸调节显示内容）

2.动态内容网页设计（通过识别不同设备，选择对应设备显示内容）

3.单独网址（桌面和移动拥有不同的URL）

第一种自适应网页设计是百度建议的一种方式，所以除非有其他更重要的原因，我们建议采用这种方法。但事实上，现在很多网站，只是从技术上实现了这种方法，实际用户体验很差。

从以上三点不难看出百度的需求越来越倾向于移动，技术和排名因素上也在逐步转变到移动优先，而事实上我们在移动的全面优化上还有很多事情要做…

主菜一：移动友好优化

事实上百度提供了很多工具用于检测网站页面是否移动友好，同时在百度Search Console提供了移动可用性报告，页面级别的展示移动不友好的原因。而我们需要做的就是针对报告里面提出的不友好页面的问题，逐一修复。

Search Console提供的移动可用性问题有以下几点：

1.Flash的使用

大部分的移动设备浏览器不支持Flash呈现，所以要避免在移动页面中使用Flash。

2.未配置视口

视口元标签用于帮助浏览器缩放页面来适配特定屏幕大小的移动设备，未配置视口可能导致，页面在不同设备上的显示异常

3.固定宽度视口

这种固定宽度的设计在不同设备呈现时使用固定的宽度等比例缩放页面，在使用自适应设计时最好避免使用这种方式。

4.内容尺寸与视口不匹配

由于内容与浏览窗口的不匹配，用户需要使用缩放功能查看，造成不便，此类问题可以用自适应技术解决。

5.字体太小

页面内容中的字体太小，需要用户放大屏幕查看

6.触摸点击元素太近

这是非常常见的可用性问题，可点击内容相距太近，会导致用户造成误点击。

7.插页式广告使用

全屏弹出式广告会造成移动设备用户很差的体验，是百度2017年要严重打击的问题。

如上几点是百度为站长们在移动友好性方面呈现的重要技术问题。优化以上问题无论对百度还是网站用户来讲都有积极的影响。

主菜二：页面加载速度优化

页面速度对所有设备都很重要，但是对需要更快速获取答案的移动设备用户来讲尤其重要。在Wifi网络下可以快速加载的页面在移动网络数据下加载可能并不那么简单，虽然4G技术在网络速度上已经有很大改进，但在4G网络覆盖率上（比如，UK）使得移动网络的加载速度还存在很大的局限性。

百度对此也提供了一系列的提高页面加载速度的最佳做法，我们可以通过百度提供的PageSpeed洞察分析工具轻松评估我们的网页加载速度，并根据获得的指标指导我们怎么提高。而我接下来也将通过一个B2C网站Vinyl to Digital做为案例为大家呈现这个工具如何运行。如下是来自https://testmysite，withgoogle，com/检测结果的截屏：

从上图可以看出一些很明显的技术改进建议：

1.首屏内容中不要加载CSS和Js内容

2.启用压缩

3.优化图片

4.减小CSS大小

5.使用浏览器缓存

由于这是一个WordPress站点，大部分的问题都可以通过已有的插件解决，不需要开发成本。

同时我们也可以从GA的Behavior Site Speed报告中查看页面的加载时间如下：

这个网站页面在移动设备上的平均加载时间接近4s，超过理想的2-3s的加载时间，也可以看出页面加载时间中接近一半的时间是服务器响应时间。所以针对这个问题，找到更快的域名托管合作伙伴或许是解决加载速度的很好的方式。

利用以上工具可以获得技术方面的建议，同时获得更精确的加载时间指标，使我们更清楚的知道从哪里改进，如何改进。

当然说到移动页面加载速度的问题，不得不提的就是AMP技术，AMP的推出使得移动页面在任何地方更快的加载成为可能。

主菜三：用户体验优化

移动设备友好和网站速度优化是移动设备优化的基本组成部分，然而这两个因素并不足以促成一个完美的移动优化站点。现今存在的很多自适应网站并没有真正的从移动用户需求的角度优化。自适应网站所基于的响应性设计技术并不足以解决移动用户体验友好的问题，所以需要设计师自己置身用户之中，从用户的需求角度完成设计。

幸运的是，百度和AnswerLad进行了一项研究，用来确定用户如何与各种移动站点进行互动，以为移动网站设计指定一套最佳实践，研究结果被归纳为五个重要类别下的25条移动网站设计原则：

五个分类为：

1.首页和网站导航；2.网站站内搜索；3.商业和转化；4.表单输入；5.可用性

从以上几点中不难看出移动用户是目标导向的，他们希望花最少的时间以最快的速度用最简单的方式实现他们的目标，不喜欢不停的滚动，缩放，不喜欢被杂乱无导向困惑，不喜欢因为点击元素太近造成误点击。所以专注于用户体验更容易获得成功。

文本总结，其实通过一些工具可以用来记录用户与网站的互动，它提供包含用户会话，热点图和其他行为特征的筛选的视频。用这个工具和GA结合非常有用，GA会告诉你有50%的用户在下单流程的第二步离开网站，会告诉你他们什么问题导致他们的离开。所以说用户体验的根本点是工具和真实用户的测试的组合。