再次尝试Drupal搭建手机版网站

由 James Qi, 2012年5月7日

　　好些年前就做过WAP网站的尝试，去年开始关注智能手机上的移动版本网站，做过一个例子：邮编库手机版，积累了一点经验，现在过去又半年多了，还逐步有了一些流量。

　　今年还准备在这方面做更多的工作，于是近期在尝试用Drupal搭建多语言网站的时候，也随后就尝试着用同一套数据库（去年是完全独立做的一个手机版）来搭建相应的手机版网站。

　　这方面的资料也逐步多了起来，这个连续4篇的英文网站写得很详细，值得参考：

　　我这次干脆把13种语言的网站全部都设置了对应的手机版本，链接如下：

Cape Verde Postcode Mobile Version (佛得角邮政编码手机版)

　　一些设置要点记录如下：

可以采用新域名或者二级域名或者子目录方式，较多采用的多一级路径“/m”的方式，这样便于设置一些（对boost cache的影响需要特别设置）；
drupal 6或者drupal 7中的初步设置基本一样：新域名设置域名解析和web服务器httpd.conf（如果是子目录则设置.htaccess和ln -s . m软连接），在sites下新建子目录复制settings.php并修改皮肤，做ln -s ../example.com/files files的软连接；
Drupal 6可以采用简单的Nokia Mobile主题，Drupal 7可以采用简单的mobile主题，不太复杂，简洁、方便，但没有一些html5等新特性，修改手机版皮肤文件，嵌入google analytics和dfp代码、修改css文件、在<head></head>之间加入<meta http-equiv="Cache-Control" content="no-transform" /> <link rel="alternate" media="handheld" href="http://自引用手机版页面URL"/>等；
刚开始anonymous cache和block cache有问题，后来好像又可以了；
设置单独的node--cpv.node.php（或者contemplate模板、模板文件），专用于移动版本，页面简化，去掉核心内容以外多余的信息；
在block等地方判断是否为mobile主题（drupal 6的首页中判断主题有问题，改用$_SERVER['SERVER_NAME']判断），以便修改适合的广告等编码；
添加了一个block，用于手机版本与电脑版本之间互相链接；
多语言版本与手机版本之间没有冲突的地方，可以很好融合；
手机版本的adsense广告采用了顶部320x50、底部300x250的标准模式，可以通过dfp来实施，也可以在页面中间合适位置嵌入更多广告代码。

　　修改、测试完成后，可以做下面几项事情：

打开手机版的boost cache功能，让站点生成html静态页面；
修改电脑版的皮肤文件或者block，在底部添加“手机版 | 电脑版”的切换链接，在<head></head>之间加入<meta http-equiv="Cache-Control" content="no-transform" /> <link rel="alternate" media="handheld" href="http://对应手机版页面URL"/>来禁止转码并指明对应手机版网址；
清理电脑版的boost cache文件，让站点重新生成html静态页面；
在apache中（httpd.conf或者.htaccess）设置自动判断访问者终端类型，发现是手机用户则自动重定向到手机版；
修改sites/all/modules/xmlsitemap中xmlsitemap.page.php中的代码，自动生成与电脑版对应的手机版网站地图；
将robots.txt从电脑版复制到手机版的目录中，进行相应的修改；
在Google Webmaster Tools、百度站长平台中提及网站地图。

自由标签