随着移动互联市场的迅速发展，目前除了pc端网站外，手机网站也逐渐成为各企业的竞相争逐的重点对象。虽说手机网站其作用和pc端网站作用功能都差不多，但其在网站设计上还是有所区别。pc网站重视产品的展示，而手机网站则更加注重实用性。要知道之所以称之为移动，那肯定是要更加快速的便捷。所以，当网站设计师在进行手机网站制作时，需要更加了解用户的心理。那么手机网站页面设计时需要注意哪些要素？

1、加载速度：不同于PC端的内容优化，手机端的内容往往不是很多，否则加载速度会很慢，当用户在用手机访问你的网站时，半天打不开用户还会愿意等吗?哪怕排名到了第一名，这样的转换率相信也不会很高吧，因此在这里建议大家做手机端的优化一定要保证加载速度要合理;其次要保证手机端的内容不要太多，放置一些主要的内容就好，大家通过观察不难发现，PC端网站和手机端网站的最大区别就是内容上的多少，在手机端优化上，先保证内容要符合用户的胃口，其次在简化内容，例如PC端产品图有16个，那么在手机端上放上4个就好;

2、网站设计：手机端对网页的设计也是非常高，第一是要符合用户浏览体验，不乱套，很多手机站就做得比较复杂，要滑动好几秒才把所有网站内容看完，而且设计方面比较杂，在手机端设计中，一定要保证浏览的简洁性，不多设计得很花哨，功能多炫丽等，同时要避免过度的弹框，手机端显示的屏幕本身就不大，若是在弹出一个大框框，你让用户怎么想?是要下逐客令吗?在手机端也要避免一些特效，减少java的使用，尤其是目前部分手机不支持这类语言的，更是影响浏览的体验。

3、路径保证规范，静态路径最好：不管是手机端还是PC端，保持一个良好的url路径是优化的重要手段，目前依然是静态的路径比较受欢迎，也利于搜索引擎抓取，便于收录，现在很多手机站的网站路径大多都是：m.xxxxx.xxx/xxx/xxx.html等，这样的路径不会与PC站的主路径产生冲突。

4、页面内容是否能正常访问？

Flash在很多手机上打不开，比如iPhone早就不支持Flash了，复杂的JS效果也可能导致页面内容在手机上根本不能显示，想要被搜索引擎读取的内容和链接不要放在JS或Flash中，就算用户手机能显示，搜索引擎也不一定能解析出来。

页面是否弹窗强制APP下载或用户登录后才能看到内容？这是百度冰桶算法主要打击的对象（具体可查看马海祥博客《百度移动搜索冰桶算法上线带给了我们什么信息》的相关介绍）。

还要注意不要用robots文件禁止搜索引擎蜘蛛抓取CSS、JS和图片等外部文件，不然搜索引擎蜘蛛可能无法判断页面布局，甚至无法正常访问内容。

5、采取移动网页和传统网页相结合的形式

这种方法只要求一套网站内容，但至少要有两套CSS样式：一个用于电脑版本；另一个用于移动版本。

事实上，你可以建立多个版本的CSS样式，根据不同的移动浏览器自动调用不同的CSS，这种方法可以避免重复内容问题，但它并不是百分之百的可靠，不要期望移动设备能一直都选择正确的样式表。

6、使用动态移动网页

这是最可靠的方法，但也是代价最高的方法，你需要雇佣一个程序员，帮你实现通过侦测客户端而对网站内容进行实时转码的功能，而且由于移动技术的不断变化，这也只是一个短期的解决办法，但是，如果你想为用户提供最佳体验，将SEO的最高水平应用到移动站点中，这将是你最好的选择。

7、页面打开速度

百度现在给出的参考数字是，页面在手机上需要3秒之内打开，不然用户就跑了，以前给的数字是4秒，除了主机速度、带宽等，打开速度也和下面的内容精简有很大关系。

8、做好PC站和移动站的转换：现在很多PC站和移动站都是分开来做的，目前很多习惯了电脑站的用户，在用手机登录的时候，也会想要切换到电脑端去，一般都会在网站的某一个部分标注切换的按钮，同时这样的操作也能让搜索引擎更好的抓取并收录。

9、robots文件的设置：很多朋友在优化移动端的时候，总是发现手机站总是不收录，仔细一看robots就发现原来已经被屏蔽了，针对手机站而言，这一步大部分都是很容易出现问题的，如果不会查看robots文件的自己找度娘。

10、定期的更新以及外链仍然是基础：很多人总说外链和更新文章没有用，在这里笔者反驳一句，定期的更新以及外链仍然是优化的基础，仍然不能放弃，如果觉得更新和外链起不到效果，何不如看看你是否操作得当，很多人听到移动站优化就懵逼了，其实移动站优化起来和PC站差不多，只是移动站更注重于浏览体验，要比PC站要严格得多一些。

11、自适应网站更加符合移动优化：所谓自适应网站是通过html5来写的，能自动使用屏幕大小的，针对这样的网站，只要做好PC端优化，移动端的优化自然而然就上去了，节省了用户切换浏览模式的时间，这样也将是移动端优化的主流方向，不过目前自适应网站的造价都非常高，都是以万元为单位进行制作，同时对用户体验上也比其他网站要好太多，因此建议企业若是想做网站，最好做一个自适应的网站，一站多用。不过自适应网站在设计方面重点讲究简洁，设计不得体会影响浏览体验。