手机WEB网站与APP的区别
首先,手机站和微网站都是移动互联网发展下的产物。这样一天24小时,商家就可以多点机会出现在人们的生活中。由于这样的特性,开发移动终端网站尝到了香饽饽。而微网站、手机站、APP。这三个概念的意思相近,人们很容易混淆。区分它们成了一个必备的知识点。
先来说说APP。APP是应用软件的意思。是需要在手机上下载之后才能运行。这种应用较常出现在人们的视线里,因为我们用手机浏览一些网站的时候有时会跳出一个提示,请安装本网站的移动客户端,这就是APP!从开发的角度看,它需要特定的开发语言,比如iOS平台的Objective-C,Android的Java等等。所以对开发公司来说,要求可能比较高。还有一点它作为一个应用,人们不一定会愿意去下载你。而既然是个特定的虚拟物体,它需要推广让更多人看到。
再来说说手机站。手机站即称wap网站。一般的网站在电脑上浏览的时候是以www的网址形式开头,而当手机端浏览的时候就是以wap的形式开头,通常手机站显示的内容是比较简单的,图片、动画等的表现形式不够鲜明。不过它在移动端的网站发展还是起到了关键作用,虽然较为简便,但还是具有跨时代的意义的。
接着是微网站。微网站在微信这个平台应运而生,相比前两者,它最大的不同是传播广。它只需要简单的扫描一下二维码或是关注企业公众平台即可在手机上浏览到一个页面排版、文字大小精确的网站。它既有APP的优点,又有点青出于蓝胜于蓝的意思。现在很多的企业网站都选择建立微网站。而微网站也会在更多的领域大展拳脚。下面这张图即是同个网站在PC端和移动端的显示区别。可以看出移动端的界面设计是可以定制并较好的展现PC端的内容。在这里抄送一句从别的地方看到的话:错过了淘宝时代,错过了微博时代,也不要错过微信营销时代,这是它存在的独有魅力。
下面再和大家说说移动手机网站和APP制作的方法和指南:
智能手机和平板电脑的普及,产生了越来越多的移动端客户流量,尽管基于手机和平板电脑的网络浏览器种类繁多,功能也都越来越完善,但限于较小的终端屏幕以及网络流量的问题,移动设备并不适合直接浏览各种基于桌面电脑登陆的网站,因此,做为网站站长来说,有必要为自己的网站增加一个适合移动设备浏览的入口。
建立一个适合移动端浏览的网站有很多种方法,主流的方法有自适应网页设计、移动网站、移动app应用三类,通过这些方法,可以在短时间内将一个已有的桌面网站转换为适合移动设备访问的网站。
一、自适应网页设计
自适应网页设计,就是让同一个网页代码,能够在不同设备上(从桌面电脑显示器到智能手机或其他移动产品设备)都能有更好的浏览体验,因此,站长在建站前,就要考虑好页面布局如何能适应多屏幕浏览,这样移动设备可以通过原网址来浏览桌面站点,看到的是自动适应屏幕大小后的网站。尽管这种方式使得域名统一了,但如果对于结构复杂、页面反复的网站来说,代码设计具有相当高的难度。因此,通常自适应网页设计比较适合单栏或双栏等简单版面网站,对于复杂版面较难设计。
由于自适应设计的内容使用同一个网址,不会出现重定向,因此对于访问用户来说,不必花时间记忆另外网址,对于网站开发者来说,改造单栏或双栏网站为自适应网站的开发较为简单,只需对CSS进行不大的修改即可。
自适应网页需要手机浏览器支持css3,例如目前的iPhone和Android内置浏览器都支持css3,但诺基亚手机内置浏览器就不支持css3,考虑到老式的手机已经逐步淘汰,这部分用户也可以考虑忽略不计。同时,自适应网页需要展示更多的图片,较耗费流量,因此也不太适合2G网络用户访问。
对于网站的修改来说,只要在HTML头部增加viewport标签(控制显示尺寸、是否允许缩放、初始比例、上下限等)、MobileOptimized标签(微软为IE Mobile版设置的定义宽度标记)和HandheldFriendly标签(是否对手持设备友好,只有true或者false),在CSS文件尾部增加针对不同屏幕分辨率的规则,布局宽度使用相对宽度,隐藏侧栏,半小时的开发量就可以提升网站的手机移动浏览体验。更为详细的网站修改方法请参见这篇文章《自适应网页设计的方法》,我这里就不再多说。
二、移动网站
移动网站是指对于现有的桌面网站,按照移动端的设计规则来重新建立一个移动网站,尽管内容和桌面网站一样,但却拥有两个不同网址。通常的移动网站使用子域名的方式实现,例如使用类似 wap.mkt0398.com 或 这样的地址,为移动用户专门定制,内容可以与桌面网站不同,桌面网站的网址检测到移动设备后自动重定向到移动网站页面。
移动网站可以支持非触屏智能手机和触屏智能手机,适合侧重移动设备或专门针对移动设备的网站,使用移动浏览器访问。
百度在2013年底开启“轻舟计划”,该计划旨在达到资源百分百移动化的目标,从而实现百度搜索的移动化转型升级,移动搜索将不具有唯一价值的PC页面排除在外,这对于网站站长来说,尽快将网站移动化就得提上议程。
很多blog、cms建站程序都有桌面的移动页面入口,网站只需将移动设备用户引导到这个入口即可。通常有wap或HTML5等方式的建站方式。wap页面主要针对老式手机浏览器和2G用户,例如诺基亚手机用户,页面简洁,很省流量,但目前正处于淘汰过程中,下图是利用Z-blog自带的wap模块建造的月光博客移动网站。
HTML5的技术门槛较高,单独开发会有不少难度,很多站长采用移动建站工具来生成基于HTML5的移动网站。目前使用较多的移动建站工具是百度Site App,该工具使用地址参见这里,百度移动搜索会将大部分网站进行转码,转码后的内容比较适合手机移动等小屏幕设备访问,百度Site App这个工具可以支持站长将自己网站转码后的页面进行定制,并部署到自己独立子域名的网站,同时还支持通过百度联盟的方式在网页上加入针对移动设备的专用广告,以获得广告收益。
三、移动APP应用
移动APP应用指的是专门在苹果和安卓应用商店里发布移动APP应用,安装后可以直接使用。移动APP应用的开发成本较高,针对苹果和安卓需要两套开发API,不过,移动APP可以允许用户离线使用,还可以访问移动设备的硬件信息,对于交互性强的应用来说较为适合。对于普通内容类网站来说,使用移动APP应用的好处并不明显。
由于移动APP应用开发门槛较高,因此站长可以使用相关工具来自动生成应用,百度Site App里也有这种功能,可以一键生成iOS和Android应用文件,但是需要网站站长自己去苹果和安卓应用商店提交应用。
百度Site App网站
对于网站站长来说,通过这三种形式都可以打造适合移动设备访问的网站,自适应网页设计的开发难度小,手机浏览体验好,还支持自适应AdSense广告,但是目前百度搜索还不能很好地识别自适应网页,部分自适应页面会被百度移动搜索进行转码(主要是由于未携带移动网页特征),使得原有的页面设计和AdSense广告都无法显示。对于期待从百度移动搜索获取流量的网站,应该优先做单独的移动网站,百度对于移动网站的支持较好,在移动搜索结果中会优先显示移动网站,不过,随着智能手机的迅速普及,百度已经逐步开始支持自适应网页在移动搜索中的展现。对于Google来说,其没有对网页进行转码,因此对于自适应网站来说能够有较好的显示效果,但是对于未经改造的网页来说,会在移动设备展示桌面网站,可能会耗费更多的手机流量。
因此,对于网站站长来说,较为稳妥的移动化方案是,既能提供网站的自适应设计,同时又提供一个单独的移动网站,这样既能让用户得到良好的浏览体验,又能让搜索引擎较好收录。
推荐新闻
更多行业-
定制网站建设的过程要注意哪些方面?
现在许多企业都会很重视网站的使用,主要是因为利用互联网,可以完成很多方...
2022-12-08 -
定制网站建设要有明确目标
每个企业都应该有自己的网站,但是我们在建设的时候不应该盲目。我们要明确...
2022-07-12 -
揭露三天能做到首页的百度优化
网站制作公司中欧体育 中国(mkt0398.com):SEO网站优...
2012-05-13 -
目前网站设计趋势属于扁平化设计
现在网站设计趋势也比较偏向扁平化的设计,也是最近非常流行的一种网站设计...
2019-10-09 -
如何关键词排名更加稳定
确信排名一定会稳。这些都只是技术上的一些要素,普通做好了这六稳。更重要...
2012-06-20 -
企业网站制作如何做到员工和老板的意见和谐统一
北京网站建设公司中欧体育 中国:从实体到网络,如何做的更好,如何通过网络拓展...
2012-03-16
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com