当前位置

1.6.7 加速移动页面AMP和百度MIP

James Qi 在 2018年1月24日 - 23:28 提交
内容摘要:下面这篇是我2018年1月写给出版社的《Google AdSense实战宝典(第二版)》样章,“加速移动页面AMP和百度MIP”都是最近1、2年开始逐步推开的新技术,2010年......

  下面这篇是我2018年1月写给出版社的《Google AdSense实战宝典(第二版)》样章,“加速移动页面AMP和百度MIP”都是最近1、2年开始逐步推开的新技术,2010年写第一版的时候还没有,这类可能会给AdSense发布商创收的新内容都会在第二版中补充。该书第二版预计将在2018年中期出版。


1.6.7 加速移动页面AMP和百度MIP

  AMP是英文Accelerated Mobile Page 的缩写,就是“加速移动页面”的意思,顾名思义,是一种让手机浏览网页速度更快的技术,由Google公司于2015年底提出,从2016年开始逐步推广。

  AMP由三个部分组成:AMP HTML、AMP JS和AMP Cache。

  AMP HTML是AMP的技术核心,描述网页所用的标记语言,相当于普通网页使用的HTML的子集。AMP HTML在图像显示等方面使用与HTML不同的专用标签,另外还限制了HTML部分功能的使用。

  AMP JS是一套AMP专用的JavaScript库,保证AMP HTML的正确和快速显示。除此之外,AMP JS还负责在只支持普通HTML的浏览器中担任桥梁,使其能正确支持AMP HTML的专用功能。AMP HTML中可以调用该函数库。AMP不允许像普通Web页面那样自己随意调用JavaScript。

  AMP Cache是缓存并传输AMP页面的CDN,进一步提高AMP网页的性能。用户在搜索引擎中点击AMP网页时,实际上访问的是优化后的缓存页面,因此访问速度超级快。Google的AMP Cache名为Google AMP Cache,其它支持AMP技术的搜索引擎使用自己的Cache对网站提供CDN加速服务。

  通过以上三个技术限制了CSS、JavsScript的滥用,再加上CDN缓存,提高普通网页速度大约4倍,移动搜索用户基本上都是秒开,用户体验很好。

  AMP项目虽然是Google最先提出,但并不是Google独家控制,目前是一个开源项目。Bing、Yahoo、百度、搜狗、360等搜索引擎纷纷支持。更多介绍请参看该项目的几个主要站点:

  在移动互联网刚刚兴起的时候,搜索引擎曾经对网页进行直接转码,也就是对PC版本的网站通过自动转换技术变成方便手机浏览的简化版本,这样对用户来说方便了一些,但对于网站主来说相当于流量被搜索引擎截留了。我自己的网站当时也是发现流量有所下降没有引起足够重视,偶然自己用手机和平板电脑在百度中搜索的时候才发现原来的关键词排名都还在,但打开的页面不是自己的了,最关键是广告也不能显示了,无法获得任何收入!

  有站长就抱怨这是百度偷走了自己辛苦搭建网站的内容,不仅广告被去掉了,而且转码效果也无法控制,不能实现自己希望达到的功能。百度后来也给出了让网站主禁止网站内容被转码的技术办法,虽然有些麻烦,但我们后来还是都实施了,总不能白白为百度打工了。

  而现在AMP技术给出了网站主足够的灵活性,不仅可以自己实现各种显示效果、达到希望的功能,而且广告也可以完全自己控制,收益当然也是网站主人的。这样的生态才是一个正常、多方受益、可持续发展的环境。

  AMP有专门的广告组件,支持很多广告厂商的格式代码,对Google的AdSense和AdX当然也是完美支持。以投放AdSense广告为例,需要放置两段代码:

  • 在AMP网页中放置<amp ad>组件,也就是放置广告框架,一般在head部分:
<script async custom-element = "amp-ad" src = "https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
  • 在需要展示广告的位置放置控制具体广告效果的代码,在body部分:
<amp-ad
  type="adsense"
  height="280"
  width="336"
  data-ad-client="pub-12345678-example"
  data-ad-slot="12345678"
>
</amp-ad>

  AMP组件相当灵活强大,可以支持多种效果,例如:

  • 图片轮播广告;
  • 灯箱效果广告;
  • 粘性广告;
  • 飞毯广告。

  这比普通Web页面里面放置的AdSense广告更灵活。

  我们自己在AMP页面中使用过这几种AdSense广告形式:

  • 文字链接广告
  • 图文广告;
  • 粘性广告;
  • AMP自动广告。

  综合来看,AMP的广告单价、点击率、千次展示价值等指标比普通HTML页面稍微好一些,不算超过很多,但随着AMP流量的增加,也意味者广告展示的增长,AMP收入在整个AdSense账号中的占比在增加。

  AMP版本的实施技术就不在本书中讲更仔细了,有些内容管理系统CMS,例如WordPress, Drupal等有现成开发好的第三方模块可以使用,有些需要自己来查看AMP官方资料对原有网站进行改造,实现基本的AMP版本应该还不算太复杂,普通Web开发技术人员一般摸几天就可以开始着手简单的修改实施。

  MIP是Mobile Instant Pages的缩写,也就是移动网页加速器的意思,是百度公司在中国国内推出的一项与AMP类似的技术,也是由专用MIP HTML、MIP Javascript库和百度CDN三个部分组成,虽然也是开源的,但目前只有百度一家搜索引擎在采用,国外的搜索引擎及国内的搜狗、360等都支持AMP去了,不支持MIP。百度现在是MIP和AMP都支持。其MIP页面中的广告组件现在只支持投放百度联盟的广告。由于国内互联网环境限制了国外搜索引擎进入国内发展,所以针对国内网民的网站可以考虑采用百度MIP技术来改造网站,通过投放百度联盟广告获得收入。

  其广告投放办法和MIP改造都与AMP类似,这里就不详细介绍。可以参看百度MIP的几个主要网站:

  诀窍1:从目前来看,AMP技术是Web发展的大趋势之一,早日尝试能抢占先机,否则错失良机可能会被其它做了AMP版本的网站超过。

  诀窍2:AMP广告的优化办法与普通Web广告类似:首屏或者首屏下方的可见率最高、可以投放多个位置广告、保持与内容和谐的颜色和尺寸、通过数据监控效果进行调整等。

  提醒:AMP支持的广告形式更多样,包括移动端的底部悬浮广告,虽然可能创造更多收入,但也要考虑用户体验,我们的AMP网站投放一段时间悬浮广告后来接受客户的意见取消了。