标签归档:AMP

开启Google AMP后网站访问量增加不少

Google AMP

之前提到土木坛子网站采用AMP移动页面加载优化技术主要是为了SEO搜索引擎优化效果。现在过去一周了,从网站流量统计的结果来看,AMP确实达到了这个效果,采用AMP以来10天的网站总体流量相比之前10天增加了68%,移动页面加载时间大幅缩短,并且桌面搜索跟着移动搜索都有相似的增长幅度(55% vs 72%),Google Search Console后台统计显示的搜索点击量也明显上升。

除了有两天流量可能贡献了68%的显著增幅(也就是说可能与AMP关系不大),但即使其它的8天,平均流量也比之前增加了约25%。主要原因是移动Google搜索时,AMP页面使用了预加载技术,搜索出来再点击进去AMP页面,从而以异常快的速度真正秒开网页,使得用户更加可能浏览这样的页面,而Google正希望出现这样的效果,从而优先给出AMP搜索页面结果——而目前采用AMP的网站并不多,浏览的人越多,Google进一步会认为是优秀内容,从而进入良性正向循环。

这就是技术所带来的红利,为别人节省时间就是节省金钱。天下武功,唯快不破,网络世界也一样。我的网站本身速度虽然已经非常快,但对于首次访问用户来说,由于各种原因,在手机上加载速度还是不够快,而通过Google搜索从而加载AMP网页则刚好解决了这个问题。

我觉得对于大部分网站来说,没有理由不采用AMP技术,它纯粹是一个加分项,对原来的内容没有任何影响。即使在国内无法使用Google,也不会造成任何负面影响——最多相当于AMP页面不存在。一个好的网站,它必定会有使用Google的用户,那么采用AMP技术就会大大方便使用移动Google的用户。

AMP技术令我感到振奋,很长时间以来没有碰到过令人兴奋的网页技术了。很高兴Google依然能给我带来惊喜。完全可以尝试设置AMP支持,WordPress网站只需要添加AMP插件再添加Analytics统计即可,说不定也能大幅增加你的网站流量,使得你的声音传播到更远,传播到更多人的手中。

顺便提一句,技术所带来的方便往往超乎我们的想象,比如这篇文章的主要文字是我用语音输入完成。十年前,我觉得语音输入简直不可思议,但现在通过软件和云计算,完全能够识别出我的语音,输入速度比我五笔输入还是要快得多,前提是你要接受并习惯新技术。

AMP移动加速页面添加Google AdSense广告代码的设置方法

网站速度优化-Google-AMP

赖博主以前不愿意使用Google AMP加速网站,说因为不方便添加AdSense广告。其实通过WordPress官方AMP插件实现的AMP网页很容易就添加AdSense广告。方法和添加AMP Google Analytics是一样的,只需要添加相应的JS库AMP格式的AdSense广告单元即可。

具体方法如下:

1 在WordPress控制后台的AMP插件的amp/templates/single.php文件里/head之前添加以下JavaScript代码:

<script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>

AMP AdSense

2 接下来在amp/templates/single.php文件里,对应文章中需要出现广告位置的地方添加AdSense单元,注意AdSense广告单元需要是AMP格式:

以下代码是自适应尺寸广告,建议放在文章标题下(非首屏Below the fold),如下图所示(注意data-ad-client和data-ad-slot的值换成你自己的ID):

<amp-ad
layout="responsive"
width=300
height=250
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

AMP AdSense

下面的代码是首屏(Above the fold)自适应尺寸广告,建议放在文章标题之上:

<amp-ad
layout="fixed-height"
height=100
type="adsense"
data-ad-client="ca-pub-1234567891234567"
data-ad-slot="1234567890">
</amp-ad>

OK,WordPress官方插件AMP下的AdSense广告设置就是如此简单。

我感觉AMP页面下的AdSense广告又干净、整洁、快速,和内容也浑然一体,估计点击率应该会高一些。

AMP移动加速页面添加Google Analytics统计代码的设置方法

网站速度优化-Google-AMP

网站支持AMP移动网页加速加载技术后,从Google搜索移动端进入相应页面,加载速度确实如闪电般快捷,页面如出水芙蓉般清爽。

对于WordPress博客而言,如果是通过官方AMP插件实现AMP加速,该插件并不自带Google Analytics统计服务,因为官方AMP插件就相当于另一套主题。因此需要用户自己添加Analyitics代码,才能实现统计服务。

根据Google的官方总体说明,对于WordPress的官方AMP插件,Analytics代码添加方法如下(其它插件或者网站程序和此原理一样):

1 在WordPress控制后台的AMP插件的amp/templates/single.php文件里,将以下代码添加到/head标签之前。

<script async custom-element="amp-analytics"
    src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>

Google AMP
添加通用JavaScript文件

2 然后再将以下代码(注意,此段统计代码不同于Analytics以前的代码,同时请将UA-XXXXX-Y替换成你自己的ID),放到amp/templates/single.php文件里的/body标签之前:

<amp-analytics type="googleanalytics">
<script type="application/json">
{
  "vars": {
    "account": "UA-XXXXX-Y"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    }
  }
}
</script>
</amp-analytics>

Google AMP
添加统计代码

至此,大功靠成。

从此AMP页面也会将访问统计发到你的Google Analyitcs里面,支持实时统计。需要分析AMP页面访问时候,可以通过AMP字段过滤出相关统计页面。