你在这里


手机版

MediaWiki手机版网站扩展MobileFront

James Qi 2015年4月8日 - 11:28 发布

  我们是2006年开始使用MediaWiki,2012年的时候自己通过摸索利用另外一种皮肤文件来实现手机版网站,当时记录了一篇博文《MediaWiki网站添加手机版网站》,这种办法算是完全自创的,基本上可以实现希望达到的效果,因此一直沿用至今,最近的MediaWiki升级到1.23.5以及多个Wiki网站合并到一个安装目录的过程中,也保持了这种用法。

  以前也注意到Wikipedia是采用另外的办法来实现手机端浏览的,但没有去深入研究。最近几天又去专门看了相关的资料,并在部分没有手机版的Wiki网站中实验,做一些记录。

多语言的中国邮政编码系列子网站添加手机版

James Qi 2013年3月25日 - 15:05 发布

  2011年初改用Drupal建站一个原因就是看中了对多语言的支持,2011年9月做了“多语言的中国邮政编码系列子网站”。

  但当时对多语言的认识并不是很充分,只是单个网站用某一种语言,不了解同一套数据库做多种语言,所以当时做的多语言的中国邮政编码系列子网站是单独的10个站点,170万数据也导入了10次,进行“多语言的中国邮政编码系列子网站扩充”花了几个月时间,汗!

MediaWiki網站正體中文加行動版本

James Qi 2013年1月7日 - 12:38 发布

  前几年用MediaWiki平台来搭建网站,曾经使用中文简体、繁体自动转换的办法来做出MediaWiki克隆繁体版,方便港澳台及海外华人浏览访问,效果还不错。

  去年又使用不同的皮肤文件来实现了MediaWiki网站的手机版,适应手机上网、平板电脑的发展趋势,同样得到了预期效果。

  也想过把自动转换的繁体版再加上手机版,但一直没有去实现,这几天把四个主要的站点做了这个工作:

网站扩展100倍:50种语言x(电脑版+手机版)

James Qi 2012年6月8日 - 10:11 发布

  我最近的一些博文中说到很多为传统网站添加手机版的事情,这样就将网站内容扩展到2倍,其实有些内容的网站还有更大的扩展余地,就是从多语言这个角度来发展。

  很多年前我们用java做的实用查询网站平台框架就是准备了多语言,当时先集中力量做中文的,后来还想过做更多语言版本的,但因为选题太宽泛、精力不足而没有实施,可惜后面这个自行开发的平台没有持续完善,最终放弃。

  改用MediaWiki这样的国外开源平台后,做多语言版本就更方便了,当时将实用查询网站做了中文简体中文正體English三个版本,这个平台一直保留维护着,近期还都添加了对应的移动互联网版本:手机版行動版Mobile

网站自动判断浏览者所用终端设备,手机用户重定向到手机版

James Qi 2012年6月7日 - 11:39 发布

  为传统网站添加手机版以后,刚开始手机版可能没有什么流量,可以采取两个办法来促进:

  1. 在传统网站的页面中(一般是页面底部)添加切换到手机版的链接;
  2. 在服务器上设置自动判断来访者终端,手机用户就直接重定向到手机版。

  第一个办法做起来很简单,由用户自行点击切换,带来的流量是逐步的;而第二个办法需要在服务器上进行一些设置,自动切换,更自动提高手机用户体验,带来的流量也会更多、更快。

  自动判断、重定向的办法也有几种:

  1. 使用网站构建的程序(例如PHP)来判断、重定向;
  2. 使用服务器上的Web服务(例如Apache)来判断、重定向。

  在去年做的邮编库手机版中,采用了第一种办法,在原有MediaWiki搭建的邮编库网站中的部分页面嵌入了判断、重定向的PHP程序;近期做的网站添加手机版工作基本上是电脑版的每个网页都在手机版上有对应的页面,所以更适合采用第二种办法,也就是在Apache中设置重定向。

  在Apache中设置重定向有两个办法:

在手机版网站中需要添加的几种Meta标签

James Qi 2012年6月5日 - 09:32 发布

  在制作手机版网站的时候,除了留意页面简洁、操作方便等访问者可以看到的地方以外,还有一些浏览者看不到而搜索引擎或者其它机器设备可以看到的信息需要留意,例如HTML源代码中的Meta标签,合理设置这些地方对手机版网站的搜索引擎优化、手机浏览器的渲染展示都有帮助作用。

  这方面的中文文章比较少,英文文章还有一些,例如这篇:Mobile META Tags,在2009年就介绍得比较全面了,我这里只简单介绍如下:

  移动设备相关的Meta标签主要有三种:

  • MobileOptimized META:微软为IE Mobile版设置的定义宽度标记
  • HandheldFriendly META:是否对手持设备友好,只有true或者false
  • Viewport META:控制显示尺寸、是否允许缩放、初始比例、上下限等

  在Drupal 7 的Mobile Theme中,html.tpl.php里面已经预置了如下的标签:

Drupal网站手机版的站点地图Mobile XML Sitemap

James Qi 2012年6月4日 - 17:07 发布

  近期集中为以前的一些网站添加了手机版,为了让搜索引擎优化的效果更佳,我们为手机版都添加了Mobile XML Sitemap,在MediaWiki网站中是逐一对电脑版中的地图文件进行人工修改保存,而在Drupal网站中我们采用的办法是自动实时转换,下面记录几个要点:

龙人寻人网添加手机版

James Qi 2012年6月4日 - 16:14 发布

  2010年获得龙人的域名(longren.com)后,我们用MediaWiki搭建了一个寻人的平台(xunren.longren.com),不过MediaWiki显然不是很适合这个站的功能需求,于是在2011年初改用Drupal平台重新搭建了新的寻人平台,这个网站每天都有大约20条寻人信息发布,虽然流量、广告收入比不上我们其他一些网站,但作为一个公益平台,感觉还是有用的,就先持续维护下来。
  近期在为以前的一些网站添加手机版的工作中,为龙人寻人网也添加了手机版:

页面

订阅 RSS - 手机版