当前位置

MediaWiki网站添加AMP版本

James Qi 在 2017年5月26日 - 15:09 提交
内容摘要:去年开始搞微信小程序之前就知道过AMP (Accelerated Mobile Pages) “加速移动网页”技术,但没有开始具体了解,直到今年3月准备尝试Google推荐的A......

  去年开始搞微信小程序之前就知道过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网站上实施。

自由标签:

添加新评论

Plain text

  • 不允许使用HTML标签。
  • 自动将网址与电子邮件地址转变为链接。
  • 自动断行和分段。
验证码
本问题用于测试您是否为人类访问者,避免自动垃圾发贴。
图形验证
键入显示在图片中的字符