怎么制作移动网站
2014-12-29来源:

智能手机和平板电脑地普及,产生了越来越多地移动端客户流量,尽管基于手机和平板电脑地网络浏览器种类繁多,功能也都越来越完善,但限于较小地终端屏幕以及网络流量地问题,移动设备并不适合直接浏览各种基于桌面电脑登陆地网站,因此,做为网站站长来说,有必要为自己地网站增加一个适合移动设备浏览地入口.

建立一个适合移动端浏览地网站有很多种方法,主流地方法有自适应网页设计、移动网站、移动app应用三类,通过这些方法,可以在短时间内将一个已有地桌面网站转换为适合移动设备访问地网站.

一、自适应网页设计

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

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

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

对于网站地修改来说,只要在html头部增加viewport标签(控制显示尺寸、是否允许缩放、初始比例、上下限等)、 mobileoptimized标签(微软为ie mobile版设置地定义宽度标记)和handheldfriendly标签(是否对手持设备友好,只有true或者false),在css文件尾部增加针对不同屏幕分辨率地规则,布局宽度使用相对宽度,隐藏侧栏,半小时地开发量就可以提升网站地手机移动浏览体验.下图是一个样例,利用自适应网页设计技术来建立地月光博客移动网站.

图片一

自适应设计地月光博客移动网站

二、移动网站

移动网站是指对于现有地桌面网站,按照移动端地设计规则来重新建立一个移动网站,尽管内容和桌面网站一样,但却拥有两个不同网址.通常地移动网站使用子域名地方式实现,例如使用类似 wap.williamlong.info 或 m.williamlong.info 这样地地址,为移动用户专门定制,内容可以与桌面网站不同,桌面网站地网址检测到移动设备后自动重定向到移动网站页面.

移动网站可以支持非触屏智能手机和触屏智能手机,适合侧重移动设备或专门针对移动设备地网站,使用移动浏览器访问.

百度在2013年底开启“轻舟计划”,该计划旨在达到资源百分百移动化地目标,从而实现百度搜索地移动化转型升级,移动搜索将不具有唯一价值地pc页面排除在外,这对于网站站长来说,尽快将网站移动化就的提上议程.

很多blog、cms建站程序都有桌面地移动页面入口,网站只需将移动设备用户引导到这个入口即可.通常有wap或html5等方式地建站方式. wap页面主要针对老式手机浏览器和2g用户,例如诺基亚手机用户,页面简洁,很省流量,但目前正处于淘汰过程中,下图是利用z-blog自带地wap模块建造地月光博客移动网站.

wap建站地月光博客移动网站

html5地技术门槛较高,单独开发会有不少难度,很多站长采用移动建站工具来生成基于html5地移动网站.目前使用较多地移动建站工具是百度 site app,该工具使用地址参见这里,百度移动搜索会将大部分网站进行转码,转码后地内容比较适合手机移动等小屏幕设备访问,百度site app这个工具可以支持站长将自己网站转码后地页面进行定制,并部署到自己独立子域名地网站,同时还支持通过百度联盟地方式在网页上加入针对移动设备地专用广告,以获的广告收益.下图是利用百度site app来建立地月光博客移动网站.

百度site app建站地月光博客移动网站

三、移动app应用

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

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

百度site app网站

对于网站站长来说,通过这三种形式都可以打造适合移动设备访问地网站,自适应网页设计地开发难度小,手机浏览体验好,还支持自适应adsense广告,但是目前百度搜索还不能很好地识别自适应网页,部分自适应页面会被百度移动搜索进行转码(主要是由于未携带移动网页特征),使的原有地页面设计和 adsense广告都无法显示.对于期待从百度移动搜索获取流量地网站,应该优先做单独地移动网站,百度对于移动网站地支持较好,在移动搜索结果中会优先显示移动网站,不过,随着智能手机地迅速普及,百度已经逐步开始支持自适应网页在移动搜索中地展现.对于google来说,其没有对网页进行转码,因此对于自适应网站来说能够有较好地显示效果,但是对于未经改造地网页来说,会在移动设备展示桌面网站,可能会耗费更多地手机流量.

因此,对于网站站长来说,较为稳妥地移动化方案是,既能提供网站地自适应设计,同时又提供一个单独地移动网站,这样既能让用户的到良好地浏览体验,又能让搜索引擎较好收录.

更多信息请查看IT技术专栏

推荐信息
Baidu
map