关于移动网页的几个问题 - 面向对象网,web开发,网页制作技巧,学习,对象 - 面向对象技术开发

面向对象技术开发

会员投稿 投稿指南 站长资讯通告:
您的位置: 首页 > Web开发 > 页面设计 > 网页制作技巧 > 正文

关于移动网页的几个问题

来源: www.bianceng.cn 阅读:

前言

一、采用哪种标记语言做移动网页比较合适?

二、怎么做移动网页呢?

三、m.bianceng.cn所存在的问题

四、使用二级域名做移动站点

五、PC站点的图片和附件最好也使用二级域名

六、移动网页设计的要点

七、PC站点的文章内容里尽量少使用或者不使用table标签

八、搜索引擎对移动网页的收录

九、手机版网站的流量来源

前言

今天谈到移动网页,还是因为一些邮件。我前段时间一口气做了m.bianceng.cn、m1.bianceng.cn和m.bianceng.com三个移动站点,让有些朋友觉得很神奇:你是怎么做的呀?

关于PC网站的移动化,在个人站长中,我应该算是这方面的一个“先烈”了。早在若干年前,我曾参加过Google Adsense主办的一个网络研讨会,主题是PC网站的移动化,主要谈的是技术方面的问题。因此,我对移动网页的了解和一些基础的移动网页知识,基本上都是从那次研讨会而来,Google可以说是我的老师。

听完那次研讨会后不久,我便使用m.bianceng.cn这个域名做了移动网页,320px宽度的网页,居中对齐。那时上网访问各种网站,只有各种论坛会在网页的最下方有一个“手机访问”的入口,内容站很少有做手机版的。我在www.bianceng.cn首页的下方加了“手机访问”的入口,傻傻的挂了两天,觉得自己挺搞笑的:大家都没有做,我这是搞什么呀?再加上在某论坛潜水时看到过一个帖子,谈到移动网页的前景并不美好,流量来源是大问题。中小网站很难为自己的移动站点找到流量入口,因为各个搜索引擎在移动领域也是创业者,移动站点不可能象PC站那样能从搜索引擎那里得到流量。这个帖子的观点让我觉得深以为然,于是迅速对m.bianceng.cn进行了关闭。

而最今,我再次启用了m.bianceng.cn把移动站点建立起来。这次不是Google,这次我是被百度“忽悠”了。如今在我看来,做移动网页真的很“鸡胁”,徒费精力而已。我的个人习惯,也是我不太重视移动网页的原因之一。我从不使用手机上网,主要原因是太穷,承担不起养一台手机的费用,呵呵。移动网站在本机建好之后,放到互联网上之后需要使用手机测试,我都是借别人的Android手机测试的。

有人问了:既然你不使用手机上网,你是怎么把移动网页做出来的呢?这都是Wap 2.0的功劳啦:xhtml mp网页既可以在移动设备上访问,也可以在普通PC上使用浏览器访问。现在的智能手机操作系统,比如Android、iPhone和Windows Phone,对JS及CSS的支持都很好,我感觉使用xhtml mp做移动网页,与使用xhtml做普通的PC网页并没有太大的区别,你只需要为你的移动站点做一套简洁一些的模板就可以了。

由于我是自己摸索着做移动网页,今天我便把做移动网页过程中需要注意的几个问题与大家分享一下。

一、采用哪种标记语言做移动网页比较合适?

我的几个移动站点使用的都是xhtml mp,优点是既可以在移动设备上访问,也可以在电脑上使用浏览器访问。当然你也可以选用Wap 1.0的WML,不过这种格式的文件无法在电脑上使用IE访问。有些朋友觉得做移动网页很难或者很高深,大概是由这种文件格式所导致的一种印象。

二、怎么做移动网页呢?

1、如果你懂一些网页知识,并且想保持自己的独立性,比较要面子,你可以使用xhtml mp自己来做移动网页,自己完成将PC站点无线化的过程。前面已经说过,使用xhtml mp做移动网页,与使用xhtml做普通的PC网页并没有太大的区别,你只需要为你的移动站点做一套简洁一些的模板就可以了。

2、如果你想省事一些,你可以使用百度的Site App。我曾经把自己的域名解析到百度Site App做过测试。百度Site App真的很强大,站长只需要将自己的一个二级域名解析到百度的服务器,然后提交审核。通过审核之后,Site App会将你的域名绑定到服务器,然后你选择一套自己喜欢的模板,再做一些简单的设置,就可以开通你的移动站点了,非常简单易用。

百度Site App与百度转码在技术上并没有本质的区别,都是把网站的原始网址URL转换成适宜移动设备访问的形式。只不过,百度转码让人有种被强制执行的感觉,会导致许多站长的不满;而使用百度Site App进行转换,由于是站长主动将二级域名解析过去的,就不存在这个问题。

百度的思路应该是想要打造一个由自己主导的移动互联网,而百度Site App就是实现这一思路的一个重要工具。百度发布的报告称,2013年PC网站无线化比例达到52%,那么在这52%的PC网站中,使用百度Site App的应该是不占少数。

三、m.bianceng.cn所存在的问题

目前m.bianceng.cn并没有将www.bianceng.cn的所有内容移动化。www.bianceng.cn的主体部分使用了内容管理系统,有数据库,这部分内容已经移动化。旧版页面那部分内容,是以前由许多学生使用Dreamweaver手工制作并上传的,并没有数据库,目录名及文件名可以说是五花八门,而PC站点与移动站点两边的文件路径及文件名需要保持一致,使用网站内容管理系统很难处理。解决方法是使用Dreamweaver将那部分内容的移动页面做出来,再逐一上传。这并不是什么技术难题,不过比较费时间。那部分内容差不多有1万篇文章(我自己也不清楚,估算的),假设我每天下班后用Dreamweaver处理30篇,需要将近1年才能完成这个工作。现在我感觉不到做手机版网站有什么好处或者利益,因此也没有动力去做这项枯燥的工作,暂时先放到那里好了。

四、使用二级域名做移动站点

我个人感觉,在为自己的PC网站做手机版时,最好是使用二级域名。

www.bianceng.cn的手机版是m.bianceng.cn,与www.bianceng.cn在同一服务器上。假设有一天流量突然爆长(当然这是不可能的),www.bianceng.cn和m.bianceng.cn加在一起日IP超过10万,下班后我发现自己的网站打不开,服务器down机了。此时很好处理:为服务器升级配置,加CPU,加内存和带宽,非常简单的就可以解决这个问题,此时还看不出使用二级域名的好处。

假设流量进一步增长,www.bianceng.cn和m.bianceng.cn加在一起每天已经超过20万IP,此时把www.bianceng.cn和m.bianceng.cn放在一台服务器上就不合理了。此时,我可以把数据库单独放在一台服务器上,www.bianceng.cn和m.bianceng.cn各占一台服务器,调用相同的数据库。这在技术上是很容易实现的,只不过对我来说,终我一生也不可能做到这种流量规模,我不会有机会来实践这个思路。但有一点是可以肯定的,使用二级域名做手机版网站,可以很方便的实现流量分流。如果你把手机版网站放到PC站点的子目录里,面对这种情况时就不好处理了。

此外,使用二级域名做手机版网站有助于提高网站的品牌形象,还能帮助访问者记住你的网址。

五、PC站点的图片和附件最好也使用二级域名

以www.bianceng.cn为例,图片和源码附件是放在pic.bianceng.cn和pic1.bianceng.cn两个二级域名里,然后主域名www.bianceng.cn和手机版网站m.bianceng.cn都调用这两个二级域名的图片和附件,非常方便。

如果你把图片放到PC站点的子目录里,然后启用二级域名做手机版网站,那你的手机版网站调用图片时就会出现死链接。

六、移动网页设计的要点

我认为,移动网页设计实际上就是一种自适应网页设计。

我在移动网页设计过程中,经常使用鼠标拖动浏览器窗口的边缘,改变浏览器窗口的宽度,看看网页在不同宽度窗口中的样子。

七、PC站点的文章内容里尽量少使用或者不使用table标签

图片的宽度自适应很好处理,在CSS里设置一下即可,而table标签则非常不适合在移动网页中使用。手机版网站都是调用PC站的文章数据,因此,在PC站点发布文章时,table标签最好使用别的标签来代替,table标签不过是个容器而已。

以www.bianceng.com为例,建站时并没有考虑到做手机版网站,因此,许多文章内容里的图片都是放在table标签里。手机版网站m.bianceng.com建好之后,才发现table标签的问题。我的解决方法是在phpmyadmin里使用sql语句把内容里包含table标签的文章的标题和ID列出来,然后一篇篇文章进行处理,把table标签使用<p>标签代替。

八、搜索引擎对移动网页的收录

以我的几个手机版网站为例,Google对它们爬行和收录的速度都非常快。经常有从Google的PC搜索那里过来的电脑用户访问我的手机版网站,有段时间我一度怀疑Google是不是没有移动搜索呀。后来我感觉应该是Google目前在国内移动搜索领域并不太乐观,有可能比PC搜索的处境还要差。当然,这只是我的猜测而已。

百度方面,我感觉百度是把手机版网站作为PC站点的附庸来对待。在网站排名上,百度移动搜索大概会采用百度PC搜索的排名结果,百度不见得会为移动搜索投入单独的资源去做算法和排名;在网站收录上,移动站点需要在百度的站长工具里提交一些sitemap之类的东西才可能被收录。在我的m.bianceng.cn、m1.bianceng.cn和m.bianceng.com三个移动站点中,百度移动搜索有时会把m.bianceng.cn放在搜索结果里,有时则是百度对www.bianceng.cn的转码。

现在的搜索引擎都有自己的站长工具,都要求验证,最让人讨厌的是让你保持那个验证标记。假设我注册了所有搜索引擎的站长工具并保持验证,如果使用文件验证,需要在网站根目录保留五六个文本文件;如果使用meta标记验证,那么我需要在网站首页加五六个meta标记;如果使用域名cname解析验证,那么我需要解析出五六个二级域名。总之,很让人晕倒。

因此,我没有使用任何搜索引擎的站长工具,我的这些移动站点自然也不会被各个移动搜索所收录,更不会从移动搜索得到流量,只能是自娱自乐了。好在移动站点建好之后,管理起来并不费事:PC网站发布文章后,移动站点调用数据生成静态页面即可,很简便。

目前百度在国内PC搜索方面拥有最高的份额,据说,现在百度在移动搜索方面也占据与PC搜索差不多的份额,百度有可能会以加权重和流量倾斜等方式来推广自己的站长工具。因此,如果你做好了自己的移动站点,你最好注册一下百度站长工具,提交一些Sitemap、移动站点与PC站点的匹配关系之类的东西,我觉得对你会有好处的(前提是你懂这些东西,我看过百度站长工具里关于移动站点UA匹配的内容,太专业了,看得我晕晕的)。不要向我学习,在现实生活中我默默无闻,网络上的网站也并不成功,如今我并不相信会有什么奇迹发生。

九、手机版网站的流量来源

1、部分对你的网站比较熟悉的用户,会使用手机直接访问你的手机版网站。目前m.bianceng.cn就有一部分用户是使用手机直接访问的。

2、可以通过JS或Web Server对访客来源进行判断,把PC站点的手机用户分流到手机版网站中。

3、可以为自己的手机版网站制作App,在PC站点和别的渠道推广自己的App。如果App安装的多了,你的手机版网站自然有了稳定的访问来源。不过我并不看好这种方式,毕竟手机不是电脑,内存是很珍贵的,有多少手机用户会浪费自己宝贵的内存来安装一个小网站的App呢?

4、通过各个搜索引擎的移动搜索来流量。

这个要看你自己的实力、技术、运气以及网站质量,最重要的是移动搜索的态度。

查看本栏目更多精彩内容:http://www.bianceng.cn/web/Skills/

Tags:
相关文章列表: