怎么制作移动网站

所属分类: 网站运营 / 建站经验 阅读数: 158
收藏 0 赞 0 分享

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

  建立一个适合移动端浏览的网站有很多种方法,主流的方法有自适应网页设计、移动网站、移动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模块建造的月光博客移动网站。

2

  WAP建站的月光博客移动网站

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

3

  百度Site App建站的月光博客移动网站

  三、移动APP应用

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

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

4

  百度Site App网站

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

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

更多精彩内容其他人还在看

空手套白狼:说说招投标网站的一些内幕 掌握资源的网站远比内容原创更重要

我非常欢迎这类文章的投稿,并会做传播,作者是一位建筑公司的经理,会通过互联网与大量招标类网站有接触,并通过自己的经历告诉了我们这些网站的内幕,通过本文可以了解到:掌握资源的网站远比内容原创更重要
收藏 0 赞 0 分享

百度站长平台:站点整改反馈功能即将上线

百度站长平台今日发布公告表示即将推出站点整改反馈功能,即若站长网站内容存在质量或是作弊问题,百度站长平台会将相关问题告知站长。若能在规定时间内修正,网站可有一次避免被惩罚的机会
收藏 0 赞 0 分享

建站经验:网站建设公司发展必备的22条商规

22条商规,是一本被神话了的商业著作,其实它翻来覆都在讲一个道理:成为你行业的标杆,然后一切你说了算。记得有位朋友跟我说,22商规其实只有最后一条定律是最重要的,其他的都是空谈。不过,本文希望能站在建站公司的角度重新解读,不当之处也多情谅解。
收藏 0 赞 0 分享

虚拟主机安装Dropbox备份网站的教程

虽然目前从国内访问Dropbox有小小困难,但是从国外访问还是正常的,对于拥有国外Linux虚拟主机的用户,可能会遇到这样的需求,就是如何将国外虚拟主机上的网站备份到Dropbox上,下面我以Dreamhost为例介绍一下备份的方法
收藏 0 赞 0 分享

站长再谈博客,理性、务实、交流是本质

如今大家都迷恋着资讯站、小说站、电商站的经营,已经很少有人再去关心所谓的博客了。还记得09年左右,独立博客迎来自身发展的黄金时期,涌现了牟长青、一格电、卢松松、月光博客等一系列知名博客,而这其中卢松松博客也已经实现了突破发展,向着平台继续前进
收藏 0 赞 0 分享

关于网站备案的44个问题和经验总结

这篇文章主要介绍了关于网站备案的44个问题和经验总结,这些问题是在备案过程中经常遇到的,需要的朋友可以参考下
收藏 0 赞 0 分享

企业建站注意事项:黑心建站公司的陷阱-域名所有者

这篇文章主要介绍了企业建站注意事项:黑心建站公司的陷阱-域名所有者,建站时购买的域名持有者一定要是息的资料,否则等着被坑吧,需要的朋友可以参考下
收藏 0 赞 0 分享

你赚到钱了吗?站长们之所以赚不到钱是因为缺乏这些思路

我们有没有找到问题的根源,我想这样的问题根源不在于个人的能力,而在于自己的思维和策略。那么,发现了问题根源,我们用什么样的方法去解决,这才是最重要的,也是大家最想知道的事情。今天,我就根据自己的一些想法,给大家分享一下解决办法
收藏 0 赞 0 分享

从“郭美美赌球被抓”这事件来谈谈百度搜索的用户体验

最近郭美美又火了一把,而且这把火并不好过,让她欠债2.6亿元,并且被带到了自己最不愿去的地方-警察局“做客”。今天本文就和大家一起从从“郭美美赌球被抓”这事件来谈谈百度搜索的用户体验
收藏 0 赞 0 分享

站长必看:竞价只靠钱来砸实在是太傻了!

虽然站长圈对于百度的这个商业行为十分厌恶,但是从自身利益上讲,我们还要遵守百度的游戏规则。不过,要说到效果,竞价的确有一定的话语权,有些专门竞价的站长的确是从中受益不少,只不过钱砸的太狠了
收藏 0 赞 0 分享
查看更多