标签归档:WordPress

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字段过滤出相关统计页面。

网站加载速度优化技巧

网站优化

网站速度的重要性不言而喻。如果不是墙的影响,土木坛子目前的加载速度异常快,我在英国加载本网站首页,可以实现500毫秒以内完成加载,半秒钟都不到。

这是如何做到的?采用了什么优化方案?简单来说,我的优化方案和技巧如下,供博客朋友提升网页速度参考使用。

简洁的主题界面

如你所见,土木坛子目前采用WordPress官方主题2012, 禁用了Google字体,除了Google Analytics统计代码,其它全部采用本域名下的资源,包括JS, 图片等静态资源——连Gravatar头像都缓存在本主机上。2012主题是自适应简洁主题,我的首页加载的数量不到10个,这样就能最大限度地减少加载请求等待时间,同时也减少主机服务器开销。

选择SSD硬盘主机

我目前使用的是英国主机QuickHostUK,SSD固态硬盘。固态硬盘存取速度比传统硬盘要快得多,这样可以大大减少访客等待的时间。可以预见,随着SSD硬盘价格不断下降,将来不采用SSD的服务器将被慢慢淘汰。而对网站速度有要求的应优先选择SSD硬盘。

使用缓存机制

本网站由WordPress程序搭建,本来是动态PHP程序按需生成页面。我使用了WP Super Cache插件缓存所有网页。插件在后台生成HTML页面缓存在主机上,避免访客每次访问都要动态生成HTML网页,同时也降低服务器的压力。访客访问网页时,主机就像一台硬盘一样直接给出需要的文件,同时该插件支持GZIP压缩,文件体积压缩后可以减少在网络传输中所需要的时间。

采用先进CDN

我采用了CloudFlare的CDN,它不是普通的CDN。它使用Anycast(任播)技术的DNS全球解析,最大速度减少DNS解析时间。同时CDN技术让访客从全球任何地方都能从最短物理距离的地方加载静态资源:图片,JS, CSS文件(JS文件会优化合并)。而且CloudFlare最近使用了HTTP/2协议,让浏览器不再受限于HTTP并发请求数量,即可以同时加载更多的请求。

总的来说,我使用的优化方案并不复杂,成本预算也不高,但让网站的加载速度得到了极大的优化效果,对主机服务器、访客双方都非常友好。在移动网络时代,性能和网速和PC有线环境有区别,因此网站更应该为访客提供快速的加载访问速度。

每篇博文都是对Google数据库的成功修改

有一次,我去Forbetty博主那里找一篇博文,我直接用Google的site搜索死活搜不出来东西,而她的博客连自带搜索框都没有,我只得用WordPress的搜索参数(域名+?s=关键词),才将需要的内容搜索出来。

我给她留言建议参加搜索框,同时表示Google搜索不出来她的博客很奇怪,照理说,WordPress博客即使不作任何处理,对Google搜索也极其友好。她回复我:她把对搜索引擎开放功能关闭了。遵守君子协议的Google自然没有索引她的博客……

这也无可厚非。关闭搜索引擎开放,网站的内容就只会限定于特定的人群,没有了搜索引擎的帮忙,传播范围会小很多。无论你的选项有多少,总会有人需要,虽然很少有人会将博客的搜索引擎开放功能关闭。

我当然不会开启这个禁止搜索引擎索引的功能。相反,我很在意Google索引——我不关心其它搜索引擎。虽然我对自己的博文实行Copyleft个人原则:自由转载,但我每次写完后会手工提交到Google(Webmaster功能),这样的好处是Google会第一时间收录我的博文。任凭他人转载,时间戳上有保证Google始终知道我是原作者。

就Google搜索引擎而言,我有时候觉得,我每写一篇博文,就像成功合法地修改了Google的数据库:我每次写一篇博文,然后在Google里的搜索结果就被我改变了一次,因为这篇博文在这之前并不存在。从此,我的经验技巧、所见所闻,就交给了这个星球上目前最好用的搜索引擎,终究会传递到需要这些信息的人眼中。我不需要再付出什么,却可以持续地为他人服务。

这种感觉还不错,也算博客的乐趣之一。

如何经营好个人博客?

我写博客的时间不算短,见惯了个人博客中的种种现象与问题。以下就是这些问题的汇总,你如果想经营一个好博客,最好不要这样。

不要常换网站域名

不是.com域名?换?域名太长?换?被墙了?换?换来换去,依然不知道自己的域名应该是什么样,搜索引擎不知道,读者也不知道。域名永远是新的。月光博客的域名 williamlong.info 怎么样?我依然记得住,或者根本不用记。就像一个常换手机号的人,你觉得靠谱吗?招牌字号经常换,还能叫“百年老字号”?

不要追求VPS主机

个人独立博客是个独立网站,需要建立在主机服务器上。建在虚拟主机上还是VPS上?一般的博客完全不必放在VPS上。服务器的安全维护和优化,需要理论技术,还需要花费大量的时间和精力。选择一个好的虚拟主机,把这些事情交给技术人员,会做得更好。

我们最多明白汽车怎么生产就够了,实在感兴趣,可以买一些成型的零件组装一下,但完全不必要买来车床和一堆钢材,自己生产零件,然后再组装成汽车。那样的话,你应该直接去汽车厂。对于博客主机也是一样的道理。除非你特别喜欢折腾服务器,或者是IT从业人员。

不要纠结博客程序

静态博客程序还是动态博客程序?简单的功能还是复杂的功能?是否支持Markdown?能不能命令行写作?严格意义上来说,无论静态还是动态,两者皆可互换。大众化的WordPress成熟一条龙解决方案有什么不好?广告、评论管理,可简单可复杂,没有什么功能不能实现,就算迁移也无障碍。

很多IT高手们“喜欢”用静态博客生成器建立博客,号称Markdown语法爽翻天,其实博客上就那么几篇日志,记录一下自己搭建的过程,然后就再也没了。居然还问:程序员博客方案哪家强?Ghost,Jekyll,Github Pages,Hexo,弄来弄去都是折腾。事实上,建立一个好博客,不需要那么多功能。

不要折腾博客外观

内容最重要,外观不是那么重要,简洁就好,又快又突出重点内容。折腾过去折腾过来的换皮,其实也只有博主自己最重视这张皮。忠实的读者也许使用RSS订阅,根本看不到你折腾的主题外观。没有好的内容,再酷的外观都是渣,有好的内容,就是白纸黑字的界面也是赞。

不要盯着广告收入

博客早期流量一般不高,自然也不会有看得见的广告收入。虽然早期也可以投放,但不要期望有可观的收入。有了每天1,000个访客以后,广告收入自然会上来。死死地盯着广告收入,不但得不到,反而耽误写作好的内容。何况,博客的意义与收获又岂止这点广告收入?

不要限制写作话题

什么都可以写,博主是个活生生的人,每个人都是多方面的,在博客里记录自己的故事就好。你不可能只懂一方面,如果你只钻研某一方面,总会有一天写得想吐,你的读者也会看得想吐。你本身的复杂多样可以让博客也丰富多彩。别怕,土木坛子既谈曲高和寡的《圣经》,也谈喜闻乐见好莱坞女明星艳照

不要担心写作技巧

在能写好博客之前永远是写不好。只有写了,才会发现越来越容易写。关于写作手法,博客不是作文,不是公务员考试中的申论。其实,真实的思想表述不需要太多的技巧。

你若是一个严肃的人,想方设法抖出来机灵一点都不搞笑。你是什么样的人,就用什么样的语言,把事情和意思准确、干净地表达出来,这就是写作最基本也是最重要的要求。

内容与坚持是王道

换域名,换空间,换程序,换主题,SEO推广,清除博客,重新再来,最终不再博客,只得一声叹息:原来我也博客过。大多数人在折腾怎么搭博客,很少有人坚持写博客,坚持创造好的内容。

创建一个好Blog,当好一名Blogger,只有坚持创作好的内容才是王道。为什么要经营好自己的博客?无论互联网怎么变,独立个人博客是真正属于你自己的网络空间,博客久了,自会明白

关于经营好个人博客,土木坛子算不上高手,你有什么建议和看法呢?欢迎留言分享。