在制作手机版网站的时候,除了留意页面简洁、操作方便等访问者可以看到的地方以外,还有一些浏览者看不到而搜索引擎或者其它机器设备可以看到的信息需要留意,例如HTML源代码中的Meta标签,合理设置这些地方对手机版网站的搜索引擎优化、手机浏览器的渲染展示都有帮助作用。
这方面的中文文章比较少,英文文章还有一些,例如这篇:Mobile META Tags,在2009年就介绍得比较全面了,我这里只简单介绍如下:
移动设备相关的Meta标签主要有三种:
- MobileOptimized META:微软为IE Mobile版设置的定义宽度标记
- HandheldFriendly META:是否对手持设备友好,只有true或者false
- Viewport META:控制显示尺寸、是否允许缩放、初始比例、上下限等
在Drupal 7 的Mobile Theme中,html.tpl.php里面已经预置了如下的标签:
<meta name="MobileOptimized" content="width" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, target-densityDpi=160dpi, initial-scale=1, user-scalable=1" />
我把这些进行适当修改后,也放到Drupal 6的Nokia Mobile Theme的page.tpl.php中,以及MediaWiki的皮肤文件MonoBook.php中。您也可以根据自己手机网站的情况,进行修改后放到页面的HTML代码中。
评论