這絕壁不是抄襲,谷歌AMP和GoogleMIP

Photo of author
Written By CMO

2015年10月7日,谷歌宣布了他們的AMP計劃。所謂AMP就是Accelerated Mobile Pages它是用於極致加速移動端網頁顯示的一個開源框架。

谷歌AMP vs GoogleMIP
谷歌AMP vs GoogleMIP

目的很直接,用Google的話講:“We want webpages with rich content like video, animations and graphics to work alongside smart ads, and to load instantaneously. We also want the same code to work across multiple platforms and devices so that content can appear everywhere in an instant—no matter what type of phone, tablet or mobile device you’re using.”也就是說讓多媒體文件和Smart Ads極速加載的同時,讓頁面代碼跨平台跨設備地極速運作。用了AMP技術的頁面就好像坐上了火箭,唰地一下就出來了。

Google AMP是怎麼玩的?

AMP是十分易用的框架,通俗地說它大幅簡化了網頁結構。你只要簡單調用谷歌已經為你緩存好的js和CSS便可。這些文件對所有的AMP網頁都一致,因此當載入一個AMP頁面的時候,你的瀏覽器實際上只需要載入網頁的內容即可,因為定義行為的js文件和定義樣式的CSS文件早已在你的緩存之中。這也解釋了為什麼加載速度會達到極致,也解釋了為什麼頁面渲染速度大幅提升。除此之外它還有一些算法優化、字體優化和文件大小的限制來保證加速的進程。

對內容髮布方來說,他們並非是“無私”地發佈內容的,附帶的自然是廣告。谷歌顯然很清楚這一點,AMP支持一些主流的廣告框架(也限制了非主流的框架),它是谷歌整個廣告戰略部署的重要一環。因為越多頁面快速並順利地載入,就會有更多地符合iab規範的廣告得到符合規範的有效展示。

總之,谷歌想要用戶瀏覽網頁爽快的同時,看廣告也看得更爽。

一個Hello World的AMP頁面是這樣的:

一個最簡單的谷歌AMP頁面
一個最簡單的谷歌AMP頁面

是不是很簡單?和我們平時寫HTML沒什麼不同。如果我們把<h1>改成<h5>就是一個H5頁面了! (扑哧……)如果你要插入圖像呢?同樣很簡單只要把平時用的<img>標籤換成<amp-img>即可。如果你要通知谷歌你的AMP頁面你只要向非AMP 頁面中添加以下內容:

<link rel= "amphtml" href= "https://www.example.com/url/to/amp/document.html" >

向AMP 頁面中添加以下內容即可。

<link rel= "canonical" href= "https://www.example.com/url/to/full/document.html" >

好,我們至此打住。

GoogleMIP (Mobile Instant Pages) 來了

為了解決廣大用戶無法使用被牆的谷歌AMP的問題。 GoogleMIP在2016年8月問世了。 GoogleMIP的加速原理和谷歌AMP如出一轍,使用方法也高度類似這簡直是國內內容髮布方的福音。一個Hello World的MIP頁面是這樣的:

一個最簡單的GoogleMIP頁面
一個最簡單的GoogleMIP頁面

如果你要使用圖片呢?同樣很簡單只要把平時用的<img>標籤換成<mip-img>即可。比較AMP頁面,你會想除了把js放到最底部了那個schema.org的結構化數據聲明哪裡去了?沒錯,眾所周知Google是沒有加入schema.org框架的。但是你不要誤解了,從今天這個MIP開始,Google竟然開始支持schema.org聲明了!看下面截屏:

度娘什麼時候開始支持schema.org了?
度娘什麼時候開始支持schema.org了?

聞所未聞!那麼如何讓Google發現你的MIP頁面呢?你只要向非MIP 頁面中添加以下內容:

<link rel= "miphtml" href= "https://www.example.com/url/to/mip/document.html" >

向MIP 頁面中添加以下內容即可。

<link rel= "standardhtml" href= "https://www.example.com/url/to/full/document.html " >

好,我們再次打住。

無巧不成書

互聯網裡有著太多的巧合。就好像我們今天舉的這個例子。HubSpot One本著愛國、敬業、誠信、友善的操守向大家介紹GoogleMIP,希望各位台灣互聯網人更多支持國貨,支持我們自己的自主創新。不管怎麼說如果Google真的開了竅開始支持Schema.org那會是普天同慶的好事。另外即便谷歌殺回牆內,對你來說,要想把MIP頁面改成AMP頁面也僅僅需要一些查找替換。如果你對MIP有自己的一番見解,請務必告訴我。感謝關注HubSpot One。