在制作手機版網站的時候,除了留意頁面簡潔、操作方便等訪問者可以看到的地方以外,還有一些浏覽者看不到而搜索引擎或者其它機器設備可以看到的信息需要留意,例如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代碼中。
评论