MediaWiki網站添加AMP版本

　　去年開始搞微信小程序之前就知道過AMP (Accelerated Mobile Pages) “加速移動網頁”技術，但沒有開始具體了解，直到今年3月準備嘗試Google推薦的AMP，使用模塊在Drupal網站生成AMP版本頁面，然後在AMP頁面中加入Google AdSense廣告，并繼續改進讓Drupal全站實現AMP。

　　這些天看到AMP頁面的流量在逐步增長，從剛開始的幾十、幾百上升到幾千，直到目前的1、2萬/每日，看來還真是有作用的，為了讓國内訪問者使用手機百度更好地訪問（最近才發現百度以前提供的siteapp已經去年就停止服務了，搞得我們一個設立的二級域名子網站無法用手機訪問很久），我們又嘗試了Drupal網站添加百度MIP支持，試驗成功，但還沒有開始大量實施。

　　再者，我們在2011年使用Drupal之前還使用了大約5年的MediaWiki為平台來搭建網站，一些那時的網站到現在依然有相當的訪問流量，我們也用MediaWiki的插件來做了手機版，效果還可以。但我在網上搜索了一下，基本上沒有人在MediaWiki上實施AMP，更不用說實施MIP了（國内用MediaWiki的站本來就很少），如果需要實施的話，需要自己來攻克技術問題。

　　借鑒Drupal中實施AMP和MIP的技術，構想在MediaWiki中也使用另外一套皮膚和一些切換、變換來實施也是可行的。上周我進行了這方面的嘗試，下載了MediaWiki中一個比較簡單而完整獨立的Example皮膚，重新命名為AMP皮膚，将其中的文件名稱、路徑名稱、函數名稱等都改了。

　　以我以前MediaWiki版本的個人網站為例，www.jamesqi.com是電腦版，mobile.jamesqi.com是手機版，再設立二級域名amp.jamesqi.com作為AMP版本，在共用的LocalSettings.php配置文件中根據二級域名來設置不同的參數、啟用不同的皮膚、嵌入不同的廣告代碼。

　　Example皮膚中的ExampleTemplate.php文件改名為AMPTemplate.php，并需要進行比較大的改動，定義remove_style、remove_script、modify_img等幾個函數用于去掉style标簽、去掉script腳本、修改圖片标簽等，在後面對header, content, footer, navigator等輸出進行過濾删除、修改替換，從而符合AMP标準。

　　經過上面的修改後輸出的amp版本可以通過amp驗證，也就是基本符合要求，可以被搜索引擎收錄、緩存和展示了，但人看上去還不夠美觀，又請同事來專門進行仔細完善，調整了CSS顯示、整體布局、菜單顯示、搜索框位置、圖片表格響應式展示等。

　　現在我的MediaWiki老個人網站的AMP版本看上去還不錯了，等後面抽出時間後再到其它Wiki網站上實施。

• 發表新回應