现谁还不用手机上网啊？但很多企业站点在PC端看着挺帅，一到手机屏幕上就变型了字也小，按钮也点不到，用户直接跑路。所以说啊，如何打造一个能兼容所有手机设备的网站，让它真正受欢迎，这里面肯定有不少门道。今天咱们就来聊聊这个事儿， 顺便把那些“秘诀”给抖出来虽然不一定全对，但都是实践出来的经验，有点乱，你将就着看哈。

1、 手机端网站建立方式的选择

手机端网站别离其实有好几种做法，一种是用响应式规划一种就是独立制造，还有一种叫自顺应规划。响应式规划呢， 可以说是为了解决手机互联网阅读而生的，一个网站能兼容多个终端，针对不同分辨率的设备能快速顺应，无缝切换，听起来挺高大上。但是独立制造就没那么省心了 相当于你得多管理一个网站， 结果你猜怎么着？ 专门为手机端重新搞一套，操作起来比较繁琐，适合公司有专人维护的情况。自顺应规划呢，是需要开发多套界面来顺应不同终端的，让网页自己适应的显示在不同大小设备上。其实这三种方法没有绝对好坏， 关键看你团队的技术能力还有预算，要是预算少就用响应式，省事，但也别太省，不然效果打折。

有时候我们打开PC网站，发现网站非常大气美观，规划也合理。但是一到手机端看的话，由于页面不能适应手机端的页面导致变形，甚至无法正常显示出来。所以在设计网站页面时如果是做自适应网站的， 物超所值。 一定要考虑到网页在手机端上的页面显示。这点很多新手会忽略，觉得自己PC端做好了手机端自动就好了其实根本不一样。

2、 手机端内容展示方式的差异

手机端网站的内容展现跟PC端网站的内容展现特性不一样，屏幕尺寸、页面内容、页面布局、文字大小等都存在很大差别。每个人的阅读习惯也都不一样， 用户已经逐步习惯了阅读手机端的内容展示方式，就好比公众号文章和新闻APP那些类型的阅读方式，这些都是我们在设计手机端网站时需要考虑的问题。千万别把PC端的排版直接扔到手机上，字会小到让人想砸手机，翻车了。。

再说一个啊， 由于手机端用户的阅读时间以及习惯，网站的内容布局一定要合理，能在首页显示完整的内容就是最好的，如果不行，也要把目录层级控制到三层以内。 我明白了。 为了缓解用户的阅读疲劳，在内容布局上一定要采取图片和文字结合，让人赏心悦目。别整大段大段的文字，看着就累。

2.1 字体也是个坑

字体是网站设计的关键元素之一。自定义的、 有创意的字体可能会帮助你的网站看起来更好，但是手机访问者必须把新字体下载到他们的手机和平板上才能正常访问该网站。这会减慢你网站的加载时间。更糟糕的是有些访问者可能直接就拒绝下载请求而立刻离开你的网站。一个适合手机设备阅读的网站应该使用大多数设备中预先安装的标准字体。你还得确保使用的字体清晰且易于在网站上阅读。什么花体字、艺术字，还是留给海报吧，手机屏幕本来就小，再看不清用户就跑了，我惊呆了。。

3、 手机端微信公众号嵌入的妙用

微信给我们的生活带来了宏大的便利，微信公众号能够使我们方便快捷的接收信息，进行自媒体活动等。所以呢， 在企业建立完网站后可以将企业官网网站链接嵌入到微信公众号里面这样能让用户在关注微信后台的一边还能对网站进行访问， 换个思路。 了解企业更多信息，岂不是一举两得？而且微信生态流量很大，很多用户就是通过公众号菜单点进去的，所以这个切入点不能放过。

4、 页面优化手法大不同

上线与推广：完成网站开发和测试后就把它上线，然后进行适当的推广活动，以吸引用户访问。

4.1 紧缩图像和CSS

这点其实上面提到了但再强调一下：紧缩图像和CSS文件。很多网站为了好看，大图一张接一张，后来啊手机网速一慢直接白屏。要适当压缩，用WebP格式代替JPEG， 原来小丑是我。 CSS也可以混淆压缩一下。还有那些没用的冗余代码，删除掉，能让页面体积小很多。再说一个减少HTTP请求，减少重定向，也是好方法。

5、 网站内容的规划不同

现怎么可以建一个这么差的手机网站，放弃这多的流量呢？其实吧，手机站建设和PC站建设是非常不一样的，不要指望建好PC站就行，手机站更重要。内容规划上，手机用户喜欢简洁、直接，所以尽量把核心信息放在首页，或者用卡片式设计，把层级做浅，卷不动了。。

对待手机网站和PC端网站的态度， 很多站长意见不统一，有的觉得有用，有的觉得是鸡肋，也有的说手机站想做好没那么简单，主要原因是互联网思维也分传统和手机互联网思维，如果对手机站的运营策略有问题，很难有建树。说白了就是得专门为手机端设计内容，别想着偷懒。

6、 网页的大小及加载时间

由于手机端用户的网速有限，在网页大小及加载时间上需要控制好。一般单页面的加载时间要在5秒以内，网页的大小也不要超过50KB。需要减少HTTP请求，减少重定向，减少传输数据的大小，压缩图像等等。咱们上面说的那些技术措施，都是为了这个目的，你我共勉。。

一言难尽。 还有一点， 手机端的缓存机制也要利用好，比如使用浏览器缓存，这样用户第二次访问时加载就快多了。再说一个，懒加载技术也可以考虑，就是先加载屏幕内的内容，滚动时再加载下面的，这样首屏速度嗖嗖的。

7、 坚持使用标准字体

前面已经提过字体问题，这里再啰嗦一次：一定要用标准字体。很多设计师喜欢用谷歌字体或者自定义字体，后来啊手机用户需要额外下载，速度慢不说还不一定支持。最好就用系统自带的字体，比如安卓的思源黑体，苹果的苹方，这些都是预先装好的，兼容性最好。如果非要个性，可以准备fallback。总之别让字体成为用户体验的拖累，没眼看。。

8、 一下那些“秘诀”

好了说了那么多，其实秘诀就那么几条：，别忘了微信这个流量入口，把网站塞进去；第四，优化图片和CSS，压缩再压缩；第五，用标准字体别整幺蛾子；第六，控制页面大小和加载速度；第七，内容规划要图片+文字结合，别让用户看瞎眼。把这些做好了你的手机网站不敢说100%受欢迎，但至少不会把用户赶走，内卷。。

再说说啊， 写这篇文章其实挺费劲的，主要原因是小编我也是边学边写，有些地方可能逻辑不太顺，错别字也多，但我觉得只要核心意思到了就行。真正的秘诀其实就一个字——用心。只要你真心为用户着想，他们自然会用脚投票。好了祝大家都能做出兼容所有手机设备的好网站！

注：本文部分内容来自网络经验 加上小编自己胡编乱造，如有雷同纯属巧合。 我服了。 字数么应该够1500了不信你数数？反正我不数了。