下面這篇是我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等搜索引擎紛紛支持。更多介紹請參看該項目的幾個主要站點:
- 官方網站:https://www.ampproject.org/
- AMP on Google:https://developers.google.com/amp/
- AMP Project · GitHub:https://github.com/ampproject
- AMP 網頁驗證:https://validator.ampproject.org/
在移動互聯網剛剛興起的時候,搜索引擎曾經對網頁進行直接轉碼,也就是對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的幾個主要網站:
- 百度MIP官方網站:https://www.mipengine.org/
- GitHub MIP Engine:https://github.com/mipengine/
- MIP 預覽:https://www.mipengine.org/validator/preview
- MIP 驗證:https://www.mipengine.org/validator/validate
訣竅1:從目前來看,AMP技術是Web發展的大趨勢之一,早日嘗試能搶占先機,否則錯失良機可能會被其它做了AMP版本的網站超過。
訣竅2:AMP廣告的優化辦法與普通Web廣告類似:首屏或者首屏下方的可見率最高、可以投放多個位置廣告、保持與内容和諧的顔色和尺寸、通過數據監控效果進行調整等。
提醒:AMP支持的廣告形式更多樣,包括移動端的底部懸浮廣告,雖然可能創造更多收入,但也要考慮用戶體驗,我們的AMP網站投放一段時間懸浮廣告後來接受客戶的意見取消了。
评论