标签归档:Google

时代变迁,网络变化

the net

看到xptt.com提到网站优化,其中提到Google Pagerank分数,这是一个早期博客用户们比较清楚的指标,用以衡量网站在Google搜索排名的权重。

后来,Google离开了中国,再后来,Google也说面向公众的Pagerank不再更新。我今天再好奇地查看了一下,有的查询不到,有的依然显然土木坛子的Pagerank是3,还有的显示是5.

不知道哪个是真的。其实这个指标真的不再那么重要了。前几天有网友说,我的个人网站外观界面用了好多年,依然保持极简模式。不是我不想换,我也换过其它更现代一点的主题界面,但实在是看不下去。

现在,我只想安静地记录——如果有时间的话,没有其它目的,网站的外面形式对我来讲不重要,只要能快速打开就好,那保持极简模式就好。

就算在Google里的搜索表现,我也没有太在意,应该是Google搜索引擎来服务网站主人,而非相反。实际上,今天的Google也不是10年前的那个Google了。

这也许就是时代变迁的结果,一切都在变化之中,网络世界里的人和事也不例外。

不创新就被创新,Google的危机

读到一条关于Google的新闻

Google 资深工程师 Steve Yegge 在公司服务了将近 13 年后辞职,他在 Google+ 和博客上发表文章谈论了离开 Google 的原因,称公司不再创新,几乎完全失去了创新能力。他例举了四个原因:

首先是保守,过度集中在已拥有的东西上,害怕冒险和真正的创新,墨守成规和规避风险是常态而不是例外;

其次是深陷政治,对于如此大的一个机构来说是不可避免的,唯一的替代是专制,但专制也有其缺点;

第三是傲慢,谦虚的人组成的公司仍然会是傲慢的,傲慢的是集体而不是个人;

第四可能是最糟糕的,Google 不再以客户为中心,而是完全盯住竞争对手,关心客户只是一个口号。

过去十年 Google 发布的产品几乎是完全跟随和模仿竞争对手,Google+(Facebook),Google Cloud(AWS),Google Home(Amazon Echo),Allo(WhatsApp),Android Instant Google Apps(Facebook,微信),Google Assistant(苹果 Siri)等等。Google 沉迷复制已经很多年了,它的 DNA 里不再有创新的基因,他们的眼里只盯着竞争对手而不是客户。

Yegge 表示,当然也有例外,Google 的 Cloud Spanner、BigQuery、TensorFlow 和 Waymo 等产品都是划时代的创新,但这并不能作为一系列模仿产品失败的借口。总之,Google 不再是一个鼓舞人心的工作场所了。

读完还是有点淡淡的忧伤。对于我来讲,从1999年触网到如今,伴随着Google的诞生、进入中国然后离开中国,一直到现在,我算一个重度Google用户,几乎每天都使用Google家族的众多产品。Google在我心中也一直是创新的伟大公司。

资深员工辞职后公开指责东家的不足,不论是否是真实全面的辞职原因,这都说明Google在创新这件事情上值得检讨。而这位前员工的指责也确实有其道理。

之前说过一个人不拥抱变化和保持学习,过去拥有的技能可能会变得无用武之地,一个公司也一样,失去创新能力,面临的就是下坡之路,哪怕互联网界的传奇公司Google也一样面临创新的危机。

Google慢慢失去创新能力的原因,我无法详细分析,也许只是上市公司被某些短视的股东们抑制创新?相信聚焦了世界上最聪明人的Google自己也很清楚,只是个人能力在系统体制面前常常无能为力。

世界总是往前发展,有多少创新之后不再创新的东西能历久弥新?很多东西我们以为足够好,那是因为更好的东西暂时还没有创造出来。不创新就被创新,在这件事情上不用怀疑。希望近20岁的Google在创新这件事情上坚持得更久一些吧。

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

启用Google AMP移动网页加速显示技术

网站速度优化-Google-AMP

早前关注过AMP移动加速显示优化技术(加速移动页面Accelerated Mobile Page)(百度有类似MIP,Facebook有Instant Article),尤其是在Google移动搜索里搜索新闻时候,经常见到排在前面的结果会有AMP闪电符号,打开这种结果网页也是异常地快速与简洁。

2016年8月,Google宣布AMP移动搜索结果将适用于所有网站(Google取消了移动友好页面的Mobile Friendly标志就是为了给AMP标志让路)。百度、搜狗、雅虎日本最近也宣布支持收录AMP网页,表明此技术应用越来越广泛。大势所趋,土木坛子现在也开始使用AMP技术来加速移动端加载速度。

只需在WordPress后台安装官方AMP插件(不建议安装第三方的插件, 插件的中文翻译支持参考该文章),开启插件即可——不需要任何设置。对于非移动端,直接在每篇文章页面链接的最后加上AMP就可以看到AMP显示效果。也可以使用Chrome的AMP插件来检查页面上可能的HTML语法错误。

配置好AMP后,之后等待Google爬虫来索引就可以了——也可以手工去Google Webmaster后台提交。我的网站在开启AMP后24小时不到,就可以看到Google已经开始在移动端提供部分搜索结果的AMP(需要在Google手机移动端点击,平板和PC桌面Google都不行)网页了。

AMP加速移动显示

AMP本质技术原理其实就是一个简洁版并内置CSS的HTML静态网页(AMP HTML),禁止掉第三方JavaScript而只用少量特定版本的AMP JavaScript,再加上从Google移动搜索结果里面出来的AMP网页全部都由Google全球CDN网络提供Cache高速缓存(AMP Cache),因此在手机上的网页加载速度,即使在移动网络下,也确实达到了异常之快,闪电秒加载,有效提高访客用户体验。

采用AMP技术的网站加载速度比全站CDN还要快,Google在搜索结果里就开始预加载AMP页面,而且AMP页面本身的元素也已经极度精简。通过Google手机端搜索进入本文后页面的域名都直接变成Google, 比如本文的链接变成:

https://www.google.com/amp/s/tumutanzi.com/archives/15640/amp

使用Google AMP技术的网页本身支持Google Analytics统计,也支持显示AdSense广告。但这种简洁页面的并不是没有代价和缺点:去除了除内容之外的所有其它功能,包括各种JavaScript代码,它甚至可能会有小问题——这项开源技术还在发展中,它的设计目的也不是为了适合所有类型的网站(但非常适合新闻类和博客类等含有静态内容的网站)。这也是有些互动内容较多的网站不愿意使用的原因。

其实我的网站本身足够简洁,对手机的响应式显示也很友好,并且我也用了CloudFlare的CDN加速服务,因此,Google AMP带来移动端的加载速度提升本身并不会太明显。我使用AMP更主要的原因是因为这项技术是Google推出,为了获取AMP下更好的Google搜索排名优点(SEO),启用它应该利大于弊。

由于是Google主推的开源服务,所以国内无法看到Google提供的AMP网页,因为在中国大陆无法使用Google搜索。而我的网站主要的访客都是从Google搜索过来,移动搜索所占比重也越来越多,为了更好的服务这些访客——节省他们的时间,开启Google AMP服务支持也无可厚非。而且,增加AMP支持原来不影响网站原来的任何东西,纯粹加分项。

长期来看,AMP可能只是一个历史过渡期的产物,将来的移动网速只会越来越快,硬件性能也越来越好,网页加载速度也自然跟着提升。不过在目前,我觉得启用AMP还算是拥抱新技术。一万年太久,只争朝夕。