去年开始搞微信小程序之前就知道过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网站上实施。
评论2
大哥,现在2019年了,能不能搞一个AMP插件。。
大哥,现在2019年了,能不能搞一个AMP插件。。你好!国内用MediaWiki的人太少
你好!国内用MediaWiki的人太少,再在MediaWiki上需要AMP的就更少了,连MediaWiki官方网站上也没有人开发AMP的扩展程序,我个人也没有时间和能力来做一个完善的扩展程序,所以很抱歉了😥
不过好在MediaWiki是开源的,我也是用了一种现成的皮肤基础上修改符合AMP标准的,上面把我做的工作都记录下来了,想在MediaWiki上加AMP的朋友可以参考,只是需要自己摸索、折腾一番,这也是开源的魅力啊😂