网站没适配手机用户跳出率九成，做响应式后跳出率降到四成，手机流量涨两倍

新手做网站，觉得网站在电脑上好看，手机上也能凑合看，打开手机才发现，文字小的看不清，按钮大的占满屏幕，用户用手机打开直接就走。其实现在大部分流量都是手机来的，网站没做好移动端适配，等于一半流量直接丢了。

最常见的误区，就是做两套网站，电脑一个站，手机一个站，靠跳转识别，手机打开跳m.xxx.com，这样不仅维护麻烦，两个站的内容要同步更新，搜索引擎还要分别收录，特别麻烦。现在做响应式就行，一套代码，根据屏幕大小自动调整布局，电脑上是三列，手机上自动变成单列，不用单独做手机站。

新手最容易犯的错，就是在手机上用电脑上的大按钮、宽菜单，手机屏幕小，菜单一打开占半个屏幕，用户根本没法看。响应式设计的时候，手机端把导航变成折叠的汉堡菜单，内容全部单列显示，按钮大小适合手指点，别做那种小小的链接，用户手指点不准。

还有图片，电脑上的大图片直接传到手机端，用户手机流量加载半天，图片还超出屏幕，左右滚动。手机端的图片要自动缩放，别比屏幕宽，加载慢的图片开懒加载，手机网络不如电脑，加载慢用户早走了。我之前做企业站，没做移动端适配，手机打开要左右拖动才能看全，统计数据发现手机用户的跳出率90%，做了响应式之后，跳出率降到40%，手机流量涨了两倍。

别觉得网站主要是电脑用户看，现在搜索引擎的统计，70%以上的访问都是手机来的，你没适配移动端，这七成用户进来就走，流量和转化全没了。现在做网站，第一步就要考虑手机端显示，别等电脑端做完了再补移动端，那时候改起来要花双倍的时间。