經過前面幾周時間對移動網站的了解，基本知道了創建适合手機浏覽網站的辦法，前兩天開始設立了一個實驗性質的移動網站：郵編庫手機版。
新設立的域名為子域名為：m.youbianku.com，網站名稱為：郵政編碼查詢 - 郵編庫手機版，初始的首頁截圖如下：
數據來源還是與電腦版本一樣的，初期采用省份、地市、區縣的三級結構，提供約3000個地方的郵政編碼信息，也是使用的Drupal系統來建站，現在将與普通桌面版不同的地方進行記錄：
- 網站隻提供3000個中國各地的郵編查詢，不提供地圖、留言咨詢、各國郵編等附加功能，滿足手機上查詢郵編的基本功能，留一個到電腦版的鍊接讓需要的浏覽者去訪問；
- 各級頁面盡量做到簡潔，不在在每頁開頭的地方放置一句說明，直接顯示用戶需要看的郵編信息，而在Meta中保留一句說明；
- 手機版本的布局不需要左右分欄，也可以不另外設置菜單項，我還去掉了導航和登錄的區塊，讓頁面簡化；
- 精簡頁面中的HTML代碼，少用表格，合并CSS和JavaScript代碼，減少注釋，避免重複、無效的冗餘代碼；
- 網站主題不能用默認的Garland，而是改用專門的Nokia Mobile，并将後者設置為默認方式；
- 為了方便後台管理操作，可以将後台管理界面設置為單獨的Garland，還可以将管理員本人的默認主題設置為Garland，而在其它的浏覽器上以匿名用戶方式查看移動網站；
- 修改CSS來實現網站名稱Sitename的字體大小、表格标題Caption的位置、表單不轉行等顯示，可以放在Block中，或者修改php文件來實現；
- 移動網站做好後可以用工具來檢查是否符合Mobile Web标準：http://validator.w3.org/mobile/；
- 廣告代碼還是采用Google AdSense提供的，但不用電腦版的，而是用專門為移動網站提供的，我是頂部放一個320*50橫幅，底部放一個300x250的矩形，在部分電腦浏覽器和手機浏覽器中可能看不到廣告；
- 統計代碼還是可以用Google Analytics提供的，但不用電腦版的，而是用專門為移動網站提供的，選擇PHP版本，下方顯示的小圖标我去掉了；
- 可以添加一個<meta name='HandheldFriendly' value='true' />的标簽；
- 可以用XMLSitemap這個擴展程序來生成适用于電腦版的網站地圖，然後人工按照Google Mobile Sitemap的标準來修改這個文件，再提交給Google Webmaster Tools；
- 用盡可能多的設備來測試：電腦浏覽器、電腦中的手機浏覽器模拟器、電腦中的手機模拟器中的浏覽器、實際手機中的浏覽器，争取多用各種實際手機來測試不同的尺寸、不同的帶寬、不同的輸入設備等。
這個手機版網站剛剛推出，後期還會不斷完善，當全面掌握了手機版本網站的技術後，再推廣做其它更多網站的手機版本。
這個站初步完工後也陸續在進行完善，補充記錄：
- 數據量增加到170萬；
- 依然添加microdata微标記；
- 修改css來實現一個頁面中的多個表格對齊；
- AdSense和Analytics都改用與普通電腦版一樣的代碼；
- 在郵編庫電腦版中相應的頁面添加手機版鍊接；
- 在郵編庫電腦版中相應的頁面嵌入php代碼來判斷訪問者終端類型，讓手機用戶自動重定向到手機版。
评论