混沌鸿蒙科技

新闻动态 NEWS

怎样做移动版的企业网站

052023/03
2023-03-05 00:00浏览:

随着智能手机和平板电脑的普及,如今我们已经迎来了一个移动互联网的时代,来自移动端的流量所占的比重越来越多,甚至部分网站来自移动端的流量已经超过了PC端。如新浪微博目前有70%多的活跃用户是通过移动端访问的。由于移动上网终端的屏幕较小,并且上网会产生“流量费”,移动设备并不适合直接访问各类电脑版的网站,所以,对于企业网站建设来说,有必要建立一个移动版的企业网站。


移动版的企业网站需要满足以下几个条件:适应小屏幕、同一页面内容不宜过多、网页栏目简洁明了、省流量等。建立一个移动版企业网站的方法有很多,主要有自适应网页设计、移动网站、移动app三类,通过这三种方法,可以在短时间内将一个PC端的企业网站转化为适合移动设备访问的手机版网站。下面就简单地介绍一下这三种方法。


一、自适应网页设计


自适应网页设计,就是让同一个网页代码,能够在不同设备上(从桌面电脑显示器到智能手机或其他移动产品设备)都能有更好的浏览体验,因此,站长在建站前,就要考虑好页面布局如何能适应多屏幕浏览,这样移动设备可以通过原网址来浏览桌面站点,看到的是自动适应屏幕大小后的网站。尽管这种方式使得域名统一了,但如果对于结构复杂、页面反复的网站来说,代码设计具有相当高的难度。因此,通常自适应网页设计比较适合单栏或双栏等简单版面网站,对于复杂版面较难设计。


由于自适应设计的内容使用同一个网址,不会出现重定向,因此对于访问用户来说,不必花时间记忆另外网址,对于网站开发者来说,改造单栏或双栏网站为自适应网站的开发较为简单,只需对CSS进行不大的修改即可。

自适应网页需要手机浏览器支持css3,例如目前的iPhoneAndroid内置浏览器都支持css3,但诺基亚手机内置浏览器就不支持css3,考虑到老式的手机已经逐步淘汰,这部分用户也可以考虑忽略不计。同时,自适应网页需要展示更多的图片,较耗费流量,因此也不太适合2G网络用户访问。


对于网站的修改来说,只要在HTML头部增加viewport标签(控制显示尺寸、是否允许缩放、初始比例、上下限等)、MobileOptimized标签(微软为IE Mobile版设置的定义宽度标记)和HandheldFriendly标签(是否对手持设备友好,只有true或者false),在CSS文件尾部增加针对不同屏幕分辨率的规则,布局宽度使用相对宽度,隐藏侧栏,半小时的开发量就可以提升网站的手机移动浏览体验。


二、移动网站


移动网站是指对于现有的桌面网站,按照移动端的设计规则来重新建立一个移动网站,尽管内容和桌面网站一样,但却拥有两个不同网址。通常的移动网站使用子域名的方式实现,例如PC版的网站是www开头的,而对应的移动网站的网址则是使用wapm开头的二级域名。这样的网址,为移动用户专门定制,内容可以与桌面网站不同,桌面网站的网址检测到移动设备后自动重定向到移动网站页面。


三、移动APP应用


移动APP应用指的是专门在苹果和安卓应用商店里发布移动APP应用,安装后可以直接使用。移动APP应用的开发成本较高,针对苹果和安卓需要两套开发API,不过,移动APP可以允许用户离线使用,还可以访问移动设备的硬件信息,对于交互性强的应用来说较为适合。对于普通内容类网站来说,使用移动APP应用的好处并不明显。


由于移动APP应用开发门槛较高,因此站长可以使用相关工具来自动生成应用,百度Site App里也有这种功能,可以一键生成iOSAndroid应用文件,但是需要网站站长自己去苹果和安卓应用商店提交应用。

不过对于大部分企业网站来说,是没有必要单独开发一个移动APP应用的。移动网站通过对html5语言的应用,也能做出一个拥有良好体验的移动版企业网站。


对于企业网站的站长或管理员来说,通过以上三种方法都可以打造一个适合移动设备访问的企业网站,其中自适应网页设计的开发难度较低,手机浏览体验也较好,但是百度搜索目前来说还不能很好地识别自适应网页,大多数情况下会对这类网站进行转码,使得从百度搜索来的用户不能获得很好的体验。


所以,如果企业网站是期待从百度移动搜索获取流量的话,应该是优先使用单独的移动网站的,百度移动搜索对于移动网站的支持较好,会在移动搜索结果中优先显示移动网站。而移动APP应用则是需要用户主动去下载并使用的,如果企业希望增加用户的黏性、希望能持续地为用户提供各种服务的话,也可以考虑开发一个移动APP进行推广。不过当然,移动APP已不在企业网站建设的讨论范畴里了。


因此,对于企业网站建设来说,应该设计一个单独的移动网站的,并且让使用移动设备访问PC版企业网站的用户自动跳转到移动版的企业网站中。这样既能让用户获得良好的浏览体验,又能让搜索引擎更好地收录。

返回顶部