随着互联网的快速发展，移动设备越来越受到大众的喜欢，很多人都已经形成了移动网络的生活、工作习惯。在这样的大环境下，手机网站建设备受追捧。


那么，在制作手机网站时需要注意哪些问题呢？

1.手机网站应尽量简洁


与电脑的大页面相比，手机等移动设备的屏幕要小得多。怎样利用这么有限的空间快速吸引移动用户？这就要求我们需要根据移动端的特点，适当删除或简化部分网站内容，明确网站的重点，做好内容信息架构。换句话说，手机网站可以不用包含PC网站的所有内容，只需要呈现主要性能和特质内容就好。






2.导航栏要清晰醒目


很显然，PC端那种平铺式的导航菜单实在不适合手机网站。而为了节省空间，很多手机网站都会使用抽屉式或汉堡式的导航菜单，这时我们就要注意菜单的可见性了。如果导航菜单不够显眼，难以抓住用户注意力，它就无法发挥自己的"光和热"---快速引导用户浏览网站。






3.减少不必要的图片/视频


就目前而言，用户通过手机网站打开大图、下载视频还是要比通过PC网站慢不少。如果你页面的东西太复杂，网站加载速度会变慢，不少用户可能没有耐心等待。（5G落地后，这个情况应该会有所改善？）






4.减少不必要的文字输入


同理，在小屏幕上，选中输入框并输入文字真的有点麻烦。为了给用户留下更好的印象，最好减少一些不必要的文字输入，比如账号/密码输入、下单购买的信息填写等。






5.避免使用弹出窗口


在PC网站上，一些站长出于方便用户联系网站客服或是打广告的目的，通常会设置弹出窗口。但手机网站上还是尽量避免使用弹出窗口的好，这是因为手机网站的加载速度本来就比PC网站逊色，如果再加上这些窗口，很容易就会阻碍用户浏览网站的视线，影响用户体验，进而可能会导致用户放弃访问。






目前手机网站制作的方式主要可以分为两种：单独制作PC网站/手机网站；搭建一个响应式网站（自适应各种屏幕）


如果你的网站不是很复杂的话，建议选择响应式网站建设。


响应式建站的好处在于：

• 不需要重复搭建两次网站；
• 不需要购买两个域名（或解析子域名）；
• 不同设备端的内容能基本保持一致；
• 不用考虑兼容性的问题；
• 一键修改网站内容，一站管理所有订单。

当然，响应式网站也有缺点---如今响应式网站的自适应还不是那么智能。如果你想要让手机网站呈现出比较好的效果，还是要手动设置修改。




以起飞页建站平台为例：


每个区块都可以单独设置手机端的间距、高度等，以及是否在哪些设备上显示（PC/手机/PC和手机）；

除此以外，还可以单独设置手机网站头部、手机网站菜单/底部菜单、手机网站购物车按钮等。




如果你不想使用响应式，还可以在<设置>-<响应式控制>中，关闭网站响应式。