頁加載時間超過幾秒,你會轉身離開?
谷歌曾做過一項研究,如果移動端網頁加載時間超過3秒,53%的用戶將會離開移動網站。而網頁加載速度慢給廣告影響帶來的直接影響便是廣告點擊率的降低,這無疑會影響用戶體驗和用戶轉化。
不過,谷歌的AMP技術有效地解決了這一問題。谷歌周三表示,使用谷歌AMP框架創建的展示廣告整體ROI會有明顯提升。
谷歌AMP客戶大眾汽車最近的報告顯示,只需將相同的廣告從標準HTML頁面移動到AMP頁面,點擊率就會提高26%。同時,當進一步轉向使用AMPHTML廣告的AMP頁面時,點擊率增加了48%。
谷歌AMP技術到底是什么?AMPHTML 廣告又是如何創建的,能為廣告營銷帶來哪些影響?
秒開移動網頁
AMP是谷歌在2015年提出的移動網頁加速計劃,可以幫助媒體發行商提升移動網頁的加載時間。該框架由三個基本部分組成:AMP HTML、AMP JavaScript和AMP CDN。AMP HTML定義了一套HTML標簽,如amp-video,使用這些標簽可以確保加載的順利,同時amp也負責管理資源何時加載,避免不必要的流量;JavaScript主要用于實現更高級的網站功能;AMP CDN是項目的可選組件,允許創建者在Google服務器上存儲其網頁的緩存版本。
據谷歌官方介紹,AMP可以將網頁加載速度提升4倍,把加載時間控制在1秒以內。推出不到一年,AMP項目已經在全球擁有90萬個網站和超過20個億經過加載后的AMP頁面。2018年7月起,谷歌又將網頁加載速度列入移動搜索排名指標。對于谷歌來說,支持AMP技術的出版商,能夠在谷歌搜索引擎上擁有更好的位置,盡管不是唯一指標,但這也能在一定程度上提升谷歌的搜索收入。
當然,對于使用AMP技術的網站運營者來說,也能夠為其帶來直接的收入增長。印度數字產品公司Times Internet就是受益者之一。
作為該技術的早期采用者,Times Internet與谷歌合作推出了其新聞網站的AMP版本。AMP的快速加載網頁和緩存層有助于增加總體服務和觀看的展示次數,與普通網頁相比,其每千次展示費用有了大大提高。最終Times Internet的整體流量增長了六倍,收入增長了1.5倍,頁面加載時間提高了3.6倍。
在寶馬的移動網站上,AMP技術的應用同樣帶來了不錯的效果。與谷歌AMP合作構建新的移動BMW.com后,網站加載速度比之前提升了3—4倍,從BMW.com到全國銷售公司(NSC)網站點擊的訪客比例也從8%提升至30%。此外,其搜索引擎優化(SEO)的網站訪問量比以前增加了49%。
優化廣告體驗
其實,谷歌的大多數技術創新都是為廣告營銷服務的,AMP也不例外。Times Internet增長的1.5倍收入主要就是廣告收入。盡管AMP也能提高移動廣告的加載速度,但谷歌對外公布廣告AMP廣告產品卻是在一年之后,這或許是為了讓其更加完善吧。目前,AMP廣告已經能與谷歌AdSense實現兼容,用戶通過WordPress官方AMP插件就很容易添加AdSense廣告。
AMP廣告主要有兩種形式,一是制作AMP網頁,在這些網頁上投放現有的展示廣告。為此,廣告主首先需要向 AMP 網頁添加 <amp-ad> 標記,這是用于在 AMP 網頁中向廣告聯盟發出廣告請求的主要機制。AMP 支持超過 100 個廣告聯盟。對于廣告管理,應使用 <amp-ad type=”doubleclick”> 標記。
另一種則是使用AMPHTML制作的AMPHTML廣告,它采用了很多可提高 AMP 網頁加載速度的智能組件(例如 <amp-analytics>)。此類廣告只有在經過驗證后才能投放,以確保其中不含惡意軟件。最重要的是,AMPHTML廣告可以在網絡上的任何位置(而不只是在 AMP 網頁上)投放。AMPHTML 廣告實現了讓廣告本身的加載速度與 AMP 網頁其余部分一樣快的目標。
AMPHTML廣告最大特點就是將廣告渲染和廣告請求分開。與非AMPHTML廣告相比,加載速度提升會更加顯著。
非A4A”是指Google AMP頁面上未使用AMP技術優化的廣告,而“A4A”是指使用新技術的廣告
如果把用戶點擊廣告的過程比作點餐的話,沒有使用AMP技術的的流程就像是在坐下來的餐廳點餐,你決定你想要什么,然后將它傳達給服務員,服務員將它傳遞給廚師,給你做飯;使用了AMP技術之后,就像在快餐店訂購食物一樣,下單之后幾乎是立即得到它的,因為在許多情況下,食物已經準備好了。
AMP廣告的登陸頁面便是預先設定好的,因此,當點擊該AMP廣告時,其相應的目標網頁即可立即投放出來。借助AMP,廣告主可以打造出在各種設備和分發平臺上,都能始終如一地快速加載且展示效果出色的廣告。此外,谷歌最新推出的“AMP 故事”,還能讓廣告主的網站在谷歌搜索結果中以視覺流形式呈現。廣告體驗得到優化之后,用戶滿意度也會相應地提高。
AMP故事
視頻、動圖等內容形式運用在廣告網頁上本是為了豐富廣告形態,吸引用戶,但卻難免會影響廣告加載速度,破壞用戶體驗,影響點擊率。因此,對于那些廣告點擊率居低不上的品牌來說,除了創新廣告形式之外,不妨也看看是不是被頁面加載速度拖了后腿。
從央視到谷歌:聊一聊競價廣告的機制設計
招招戳心!移動應用廣告的未來真在谷歌手里?
收購數字營銷初創公司,蘋果營銷要發力?
國外媒體報道,在當地時間3月8日發表的一篇博客文章中,谷歌宣布正式啟動一個項目,以說服負責Web標準的組織能夠采用谷歌加速移動頁面(AMP)框架背后相關的技術。從理論上講,這意味著實際上任何支持AMP的網頁將會獲得像AMP一樣的優勢:即時加載,兼容多個平臺以及在多個平臺上分發,在谷歌平臺上的位置更加突出。
雖然理解起來有些困難,但這對于Web以及谷歌未來與用戶的交互方式至關重要。從許多方面來說,谷歌關于AMP標準化的成敗將重塑Web在智能手機上的運行方式。
AMP(加速移動頁面)是谷歌于2015年聯合數十家技術機構和企業共同推出的一個移動網頁加速項目,其嚴格限制了HTML中所能夠使用的內容,在現有網頁技術的基礎上,該項目只使用了HTML中的一部分子集,使得AMP HTML文檔(也就是網頁)在瀏覽器中的加載和運行速度很快。其主旨想法是,當用戶再次點擊其他平臺上的相同鏈接時,因為它已經在應用中預裝了,所以用戶不必在此等待文章加載。 AMP的最終目標是讓Web頁面在移動設備端的加載和PC端一樣流暢。
可以說,谷歌徑直走進了叢林的中心。
通過創建AMP,谷歌徑直走進了關注Web未來的開發人員組成的叢林中心。內容發布商也擔心谷歌將會掌握太多的Web網絡控制權。事實上,所有人都擔心最終谷歌不是Web頁面的管家,而是其背后邪惡的木偶大師。
在過去的幾個月中,所有這些擔憂都集中爆發了。有人發表公開信要求谷歌修繕AMP,網絡上充斥著對AMP的質疑和攻擊。
谷歌搜索工程副總裁大衛·波斯瑞斯(DavidBesbris)對整個情況有些沮喪。本周早些時候,筆者造訪山景城,與波斯瑞斯以及AMP的工程負責人馬特爾·烏伯(Malte Ubl)交談。 波斯瑞斯表示:“從我們的角度來看,這確實是一個相當利他主義的項目。
“我們之所以發明AMP,并不想人們所假設的那樣,是因為我們想要控制一切,”他說。相反,他認為,你大可以回過頭看看幾年前,AMP問世之前整個移動網絡的狀況是多么糟糕。事實上,美國科技網站TheVerge編輯尼萊·帕特爾(Nilay Patel)曾在2015年發表了一篇名為《移動網絡太糟》的報道。他說得很貼切。而蘋果和Facebook通過創建專有格式來解決這個問題,然后說服內容發布商通過特定格式將內容發布到平臺上。帕特爾這樣寫道:
總而言之,蘋果新聞和Facebook的即時文章都是對網絡開放性最可悲的駁斥:它們是不兼容的專有發布系統,完全由大公司控制。它們根本不是特別理解內容發布商或媒體。
波斯瑞斯也以同樣的方式看待這件事情:“當時業界趨勢是用簡單方法解決這些問題,從而保證用戶體驗.....但這是以犧牲網絡開放性為代價的。”所以谷歌的解決方案是AMP,該框架設計的初衷在于讓整個Web網絡和這些平臺的效果一樣好,這樣整個Web網絡實際上就可以與蘋果和Facebook的平臺進行競爭。
盡管有很多缺陷,但總體上AMP是一個非常明智的工程解決方案
讓網頁能夠即時加載,同時兼容移動端,需要非凡的智慧和對現有架構的顛覆。
這次顛覆涉及到現有Web技術(如iFrames)的重新組合,發布更為嚴格的網頁標準(保證加載速度更快)等等。而最關鍵的在于在網頁發布者的服務器到用戶手機之間采用完全不同類型的基礎設施。而人們在使用AMP時,常常會抱怨出現的諸多問題。譬如iFrames會出現奇怪的滾屏,網址不匹配,或者是與完整網頁相比AMP頁面顯得更呆版。當然,現在所有這些問題的解決方案存在或已經提出。
盡管存在所有這些問題,但AMP依舊有很大益處:當需要發布網頁時,它可以從任何緩存服務器發布。但這并不是真的讓它變得更快的原因;真正重要的是它可以實現即時加載,因為它已經在后臺進行了預加載。然而盡管AMO進行了預加載處理,但由于用戶沒有真正訪問,所以發布商就無法設置任何Cookie或進行任何跟蹤。而且即使該源網頁內容在第一次發布后進行了更新,位于谷歌搜索或Twitter平臺上的緩存網頁會與規范來源保持一致。
“我們需要不斷嘗試來真正弄清楚。”
“一開始,很多人認為Web無法做到這一點,”波斯瑞斯說。 烏伯和他的團隊提出了組合技術的想法,但它需要目前尚未真正構建到Web中的技術。所以谷歌面臨著一個選擇:花時間試著說服Web標準組織采納AMP,讓瀏覽器開發商來支持它,或者干脆把它通過谷歌搜索等自家產品向全世界推廣。
波斯瑞斯認為:“我們需要不斷嘗試才能真正弄清楚。” 谷歌必須證明改進后的Web能夠和Facebook的即時文章效果一樣好。更重要的是,速度必須要快,必須在人們拋棄它之前,就獲得了同樣好的效果——也就是在人們拋棄之前,AMP已經有了上百萬個定制應用程度和文章 。波斯瑞斯表示谷歌不能被動等著制定Web標準的委員會完成這項工作。 “如果你走的是標準流程,現在我們依舊在紙上談兵,”他認為。
AMP是否算作“網絡(Web)”的一部分實際上仍是爭議的焦點之一 。波斯瑞斯和烏伯堅定地認為它是,而且為此提出了一個令人信服的理由。他們認為,AMP不需要使用谷歌服務器或提供谷歌廣告;他們可以完全獨立于谷歌平臺進行發布。
不管谷歌的工程師們怎么想,但在山景城以外,盡管Bing,Twitter,百度等已采用了AMP,但其與Google的聯系還是要強于單純的Web。部分原因在于谷歌是為了應對蘋果或Facebook的行動而推出了AMP,所以很容易就陷入了“谷歌專有文章格式”這個論斷。但大多數情況下,谷歌依托其巨大的用戶體量,通過其最大的產品谷歌搜索大大推動了AMP。支持AMP的發布商能夠出現在谷歌新聞輪播中,這意味著帶來大量流量。這才是支持AMP前進的巨大動力。
烏伯最新發布的博客文章這樣寫道:
“鑒于我們已經從AMP中學到的東西,現在我們準備采取下一步行動,并努力支持更多的內容快速加載。AMP不再僅僅基于谷歌搜索。”
谷歌提議的并不是要將整個Web網絡變成AMP,而是把一些聰明黑客的想法付諸實踐,使AMP能夠在整個Web網絡上運行,然后使其成為與谷歌無關的通用標準。這樣的話,幾乎所有的Web頁面都可以像現在AMP所支持的一樣快速分發和加載。
谷歌并不盲目,它知道其他公司不太可能采用AMP作為解決網絡問題的通用方案。盡管烏伯會高興地說出有多少非谷歌員工對AMP代碼作出了貢獻,但他自己在谷歌工作,并且是AMP項目的負責人。新標準——其中許多已經在開發中——或許會對網絡真正有用。但同樣重要的是,如果他們被視為基本的新Web技術而非谷歌谷歌項目,他們真的更有可能被競爭對手所利用。
谷歌認為AMP可以展示出一種速度更快,體驗更好的移動網絡
波斯瑞斯稱:“我們的目標始終是推動AMP的標準化—— 從開發AMP過程中獲得更多的經驗教訓。”
當然,這種新標準目前還沒有一個明確的名稱。為了避嫌,谷歌顯然不愿意主動提出。烏伯在博客文章中表示:
谷歌之于AMP的目標是擴展其對頭條新聞輪播等功能的支持,以滿足(1)符合一系列性能和用戶體驗標準,(2)實現一套新的AMP類網絡標準。關鍵路徑中的一些建議標準包括特征策略,Web打包,iframe升級,性能時間軸和繪圖時間。
接下來的步驟可能會涉及到諸多流程,我猜測最樂觀的情況下也需要幾個月的時間——更可能是幾年時間。各種標準話組織必須提出建議,嘗試并同意。而且Web標準化組織不僅僅是W3C一家機構的工作。允許網頁離線工作并重新分發的網絡打包技術實際上可能需要和另一組織達成一致。
畢竟,最終需要開發網絡瀏覽器和應用程序的公司實現這一切。當提及AMP標準化的時間表時,烏伯只是表示這一過程會持續很長時間。
同時,谷歌絕對會繼續開發AMP并推廣其使用。但為了加速標準流程,它采用了最初推廣AMP的相同策略——在谷歌平臺上的顯著位置。谷歌承諾,任何與AMP效果相匹配的網頁都會在谷歌搜索中獲得完全相同的對待。
現在來看,谷歌沒有公布一個關于和AMP頁面的效果清單——至少目前也沒有。對于AMP背后的團隊來說,其花費了很長時間才確定AMP背后的技術可以被普及。其需要與Web標準化組織共同合作來完成AMP的標準化,無疑這需要更長時間。而在此前,AMP支持的頁面還是會在谷歌搜索中獲得特殊待遇。
AMP的標準化需要時間
一旦AMP成為標準并得以順利實施,任何符合這些標準的頁面都可以顯示在谷歌搜索的頭條新聞推送以及Android系統上的谷歌新聞流中,甚至可以在搜索結果旁顯示AMP支持的藍色閃電標記。但是,谷歌并不會保證采用相關標準的網頁在搜索結果中的排名更靠前,正如AMP也不會明確保證相關網頁的搜索位置更為靠前。 “為了在谷歌搜索中排名靠前,你需要做很多事情,但我們并不會告訴你到底是什么,”波斯瑞斯開玩笑說。
烏伯發布的博客文章或許并無法消除人們對AMP的負面認識。AMP被賦予了太多內容,很多人擔憂谷歌會借此強化對整個Web網絡的控制。但是不少人又對Web網頁在移動端的用戶體驗不甚滿意,卻沒有足夠的動力去尋求更加開放的選擇。通過這一舉措,谷歌似乎正在試圖創造一個能讓用戶滿意的新Web網絡。
AMP自出現以來一直飽受爭議,這通常也是建立Web標準的必經之路。但是AMP的風險要比以往高很多,因為人們對于Web開放性的關注要更多。AMP很可能會消失,除非它能夠得到重構,而非改進。
這并不是說每個人都應該完全信任谷歌,堅信該公司能夠從開放性中獲得最大利益。谷歌的確會從充滿活力的網絡中受益更多。但是其在網絡上的影響力是如此之大,以至于看起來就像是在控制網絡。在談到Web網絡時,谷歌自己也會意識到這一點。
科普百分百·助力科普中國,讓科學知識在網上和生活中流行起來。溫馨提示:以上為科普百分百網上閱讀所瀏覽內容,轉載分享只為知識傳播和學習宣傳,本文內容僅代表原作者觀點,如有意見建議,請私信留言,我們會及時處理。歡迎關注,謝謝。
odPress & Ghost 實現 AMP 加速
最近把博客的移動頁面交給了 AMP,效果(PC端效果略瞎),就介紹一下腫么設置吧~
AMP 因為是谷歌推出的方案,所以自然帶著谷歌的特色,就是大陸體驗一般般,所以百度也有借鑒其推出 MIP 不過因為國內的開發和 SEO 生態導致了其宣傳發布會開了一場一場,但是普及率一直很低。
AMP 因為插件多適合不會 Web 性能優化 的朋友,在 MIP 普及之前 0 成本實現移動頁面的性能優化。
對于做國際貿易、跨境電商的企業,宣傳和新聞頁面使用 AMP 的價值就非常大了,谷歌會提供搜索結果加成,客戶也更樂意打開更快速的頁面。
AMP 即 Accelerated Mobile Pages(移動頁面加速),AMP 在 Speed Index 即 首屏展現時間平均值 測試中,模擬 3G 網絡環境并模擬 Nexus 5 的條件下可以到達 15% ~ 85% 的性能提升(詳情)。
AMP 主要由 AMP HTML、AMP Runtime 以及 AMP Components 三部分組成。通過一定的技術限制和谷歌的資源分配來實現移動環境下極快的訪問體驗。
目前用手機訪問谷歌搜索關鍵詞,會有 AMP 專屬的結果提示:
然后點擊訪問一下,哇塞,網絡體驗好的情況下真的是比秒開還秒開,賊快。所以在手機上使用谷歌搜索的時候,看到 AMP 標記的網站我更樂意去點,因為的確體驗很好。
訪問狀況
https://cdn.ampproject.org/v0.js
針對大陸訪問,谷歌已經將其放在位于北京的服務器了,所以不用擔心打不開的問題。
https://www.google.com/amp/s/www.mf8.biz/amp
目前 AMP 的緩存結果是這樣的,所以不會只呆梨非中國 IP 后訪問 Google 查看 AMP無法訪問的問題了。
WordPress 官方有開發 AMP 插件 —— AMP 來幫助提升移動瀏覽體驗,不過定制性略低而且不適應多語言,所以我們還需要增強型插件 —— Accelerated Mobile Pages。
兩個插件都安裝好后,就可以在左側邊欄看到
AMP
的設置了,不過看如下圖片:
很多細節都是英文的,影響體驗,所以我們要在設置中加速一波。
進入
AMP
——
Getting Started
——
Translation Panel
中即可翻譯這些細節了。
當然我也有準備好我的翻譯結果,進入
AMP
——
Import / Export
就可以導入設置了。
設置代碼在此:
git.oschina.net/mifar/codes/jdsyct0kfgp1q56mehabl71/raw
自 Ghost 0.11.4 版本開始,Ghost 就集成了 AMP 功能了。
開啟方法,進入
Settings
–
General
–
AMP support
,開啟后,在網址后加入
/amp/
就可以訪問 AMP 了。
如何驗證是否開啟 AMP 了呢?
進入 https://search.google.com/search-console/amp 輸入 AMP 頁面(不可是網站默認頁面),就可以驗證了~
當頁面中如下標簽后,谷歌抓取頁面后就會自動在結果也推薦 AMP 結果,WordPress 的 AMP 插件開啟后是自動添加的。
<link rel="amphtml" />
下面推薦一波我的博客,歡迎大家賞個臉看看:https://www.mf8.biz/
*請認真填寫需求信息,我們會在24小時內與您取得聯系。