什么是谷歌AMP？谷歌的加速移動(dòng)頁是一組表現(xiàn)的重點(diǎn)，最大限度地提高性能，并允許谷歌使用自己的CDN分發(fā)優(yōu)化的內(nèi)容的HTML，CSS和JavaScript的約束和限制。簡而言之，谷歌AMP安普強(qiáng)制Web組件到位某些HTML標(biāo)簽的使用，限制了CSS選擇器，可以對性能產(chǎn)生負(fù)面影響，并禁止非谷歌AMP …
谷歌的加速移動(dòng)頁是一組表現(xiàn)的重點(diǎn)，最大限度地提高性能，并允許谷歌使用自己的CDN分發(fā)優(yōu)化的內(nèi)容的HTML，CSS和JavaScript的約束和限制。簡而言之，谷歌AMP安普強(qiáng)制Web組件到位某些HTML標(biāo)簽的使用，限制了CSS選擇器，可以對性能產(chǎn)生負(fù)面影響，并禁止非谷歌AMP JavaScript的沙箱外I幀的使用。要了解更多關(guān)于AMP格式，它是如何工作的，以及它如何融入到谷歌搜索，看看在官方綜述，技術(shù)說明和AMP的例子門戶。
康泰納仕是世界上最負(fù)盛名的出版商之一。你可能認(rèn)識(shí)一些我們的品牌，其中包括Ars Technica的，胃口好，高爾夫文摘，GQ，干草叉，紐約人，名利場，時(shí)尚，有線，和其他人。作為發(fā)布商，實(shí)現(xiàn)AMP是一個(gè)沒有腦子。AMP提供在性能，一致性和經(jīng)驗(yàn)，為移動(dòng)用戶方面帶來許多好處。從谷歌抵達(dá)用戶進(jìn)行搜索，從不間斷地流進(jìn)我們的內(nèi)容。AMP含量快速加載由于谷歌的CDN和AMP HTML執(zhí)行性能準(zhǔn)則。AMP的布局系統(tǒng)可確保防止網(wǎng)頁從跳來跳去作為第三方內(nèi)容加載一個(gè)偉大的閱讀體驗(yàn)。我們的正規(guī)網(wǎng)站是不以任何方式慢，我們不斷擊敗競爭對手的加載和渲染時(shí)間，但也有一定的性能保證，谷歌可以提供給他們的用戶（如預(yù)?。┰趦?nèi)容上他們的CDN。
讓我們退后一步，想想我們什么incentivises作為一個(gè)出版商。為了創(chuàng)收，我們需要我們的內(nèi)容通過盡可能多的受眾是影響力和發(fā)現(xiàn)。保持該觀眾通過我們的品牌提供優(yōu)質(zhì)的內(nèi)容從事幫助我們最大限度地提高我們的收入。谷歌AMP幫助我們滿足這些需求。AMP通過允許它被納入谷歌的最新新聞旋轉(zhuǎn)木馬，以及改善的常規(guī)谷歌搜索結(jié)果中的經(jīng)驗(yàn)，提高了我們的內(nèi)容的知名度和曝光率。AMP保證我們的內(nèi)容一直快速加載，在世界任何地方與谷歌搜索通過其集成的AMP觀眾的無縫體驗(yàn)。這種無縫的體驗(yàn)導(dǎo)致增加參與和減少反彈。貨幣化的好處是不太果斷，然后等待我們目前執(zhí)行的進(jìn)一步分析。我們最初的AMP推出僅投放的廣告與具有較低的CPM（費(fèi)用每千次，發(fā)布者使一個(gè)千次展示的廣告量）比我們服務(wù)于我們的常規(guī)移動(dòng)網(wǎng)站支持的廣告內(nèi)容相關(guān)定位既上下文和受眾定位。正如我們已經(jīng)改善定位和添加了其他收入合作伙伴的支持，我們可以看到，每千次展示AMP已要么保持不變或取決于品牌增加。
我們與谷歌AMP去住上名利場略高于去年同期水平。發(fā)布后，業(yè)務(wù)流量和搜索排名結(jié)果是非常積極的：通過點(diǎn)擊來自谷歌搜索率從5.9％（定期）去了10.3％（AMP）和平均搜索位置從5.9（正常）去1.7（AMP）。從那時(shí)起，我們已經(jīng)部署了AMP在我們品牌的十五歲，我們一直很高興的結(jié)果。今天，AMP占我們的移動(dòng)搜索流量的79％，我們的總移動(dòng)網(wǎng)絡(luò)訪問的36％。我們能夠在康泰納仕1-15個(gè)品牌與我們的品牌最小的破壞和工程努力擴(kuò)展我們的谷歌AMP執(zhí)行。
我們的品牌AMP含量得到由具有正頁面發(fā)現(xiàn)包括在他們的頭部指向的URL頁面的AMP版本標(biāo)記。在我們的架構(gòu)，我們?yōu)锳MP網(wǎng)址，我們內(nèi)部的AMP服務(wù)，它負(fù)責(zé)生成請求內(nèi)容的AMP版本的代理業(yè)務(wù)。下圖是我們的內(nèi)容創(chuàng)建和AMP分布體系結(jié)構(gòu)的概述：link rel="amphtml"
康泰納仕AMP服務(wù)架構(gòu)
我們所有的品牌都使用副駕駛，我們內(nèi)部的內(nèi)容管理系統(tǒng)（CMS）。我們的CMS存儲(chǔ)在降價(jià)的定制版本，稱為副駕駛降價(jià)內(nèi)容。副駕駛降價(jià)就是一組關(guān)于CommonMark規(guī)范它增加了特殊的語法嵌入代碼，標(biāo)注，型材以及其它由我們的編輯使用的功能擴(kuò)展。
當(dāng)谷歌用戶打開AMP結(jié)果為我們的品牌之一，谷歌AMP CDN可以快速提供最新的緩存副本。在幕后，在谷歌AMP CDN觸發(fā)對我們品牌的域的AMP文件的URL的請求。我們所有的品牌都在快速度CDN提供的緩存另一層門前。當(dāng)請求命中快速度，在品牌的清漆控制語言（VCL）配置邏輯確定該請求是用于AMP含量。如果是這樣，快速度設(shè)置了成為AMP服務(wù)，然后接管并生成AMP HTML用于所請求的內(nèi)容的請求的后端。
為了讓我們的AMP服務(wù)呈現(xiàn)一塊內(nèi)容，我們來從我們的CMS內(nèi)容，然后解析并將其轉(zhuǎn)變成起反應(yīng)，因此得到呈現(xiàn)為有效AMP HTML組件。下圖顯示了此渲染流水線，其是內(nèi)部的AMP服務(wù)：
AMP服務(wù)渲染管道
Conde Nast的，我們的技術(shù)堆棧使用的Node.js和反應(yīng)我們的大多數(shù)品牌的正規(guī)網(wǎng)站。使用帶有陣營服務(wù)器端渲染生成AMP含量非常有意義我們。這種選擇可以讓我們的品牌工程師輕松貢獻(xiàn)我們的代碼庫AMP。和使用Node.js的發(fā)生反應(yīng)也使我們能夠在我們的正規(guī)網(wǎng)站和AMP服務(wù)重用的組件和助手代碼。
確保品牌維持其外觀和服務(wù)時(shí)在創(chuàng)建AMP服務(wù)時(shí)AMP是一個(gè)重要的優(yōu)先事項(xiàng)感覺。AMP的服務(wù)，允許品牌商提供自己的配置和自己的使這個(gè)薩斯文件覆蓋我們理智的默認(rèn)值。如果提供的話，配置和SCSS文件控制輸出分別AMP HTML標(biāo)記和CSS。通過這一方法，品牌能夠切換的功能和定制自己的設(shè)計(jì)。在未來，我們將采取反應(yīng)的組分?jǐn)U展性，允許品牌AMP HTML標(biāo)記輸出的更深層定制的另一個(gè)優(yōu)點(diǎn)。有一個(gè)服務(wù)，是能夠?yàn)槲覀兯械钠放谱龅竭@一點(diǎn)已經(jīng)被證明非常有價(jià)值，大大減少了重復(fù)勞動(dòng)。要啟動(dòng)服務(wù)AMP交通，一個(gè)品牌只需要添加一個(gè)配置文件，并修改其快速度VCL配置。正如我們已經(jīng)長大了AMP執(zhí)行的功能集和onboarded更多的品牌，這種架構(gòu)已經(jīng)被證明是一種非常靈活的解決方案。
我們集中的內(nèi)容管理系統(tǒng)和面向服務(wù)的架構(gòu)使得它幾乎毫不費(fèi)力地將新加入的品牌到AMP。這并非總是如此。當(dāng)我們onboarded我們的第一個(gè)品牌，我們沒有使用一個(gè)服務(wù)架構(gòu)，而是我們有一個(gè)插件架構(gòu)，其中每個(gè)品牌不得不依賴于AMP插件。這個(gè)插件架構(gòu)導(dǎo)致重復(fù)的代碼，因?yàn)槲覀僶nboarded其他品牌，這也令它具有挑戰(zhàn)性的推出在所有品牌的新插件的版本。當(dāng)我們切換到共用AMP服務(wù)這些問題就走了。面向服務(wù)的架構(gòu)的強(qiáng)大和可擴(kuò)展性已經(jīng)明確。AMP的服務(wù)驗(yàn)證整個(gè)康德納斯使用的跨品牌共享服務(wù)。此外，具有存儲(chǔ)在我們的所有品牌的通用格式（副駕駛降價(jià)）我們的數(shù)據(jù)，共享的工具，API和努力的好處從來沒有更明顯。
總體而言，AMP不得不進(jìn)行的業(yè)務(wù)流量，并給我們的谷歌用戶而言在經(jīng)驗(yàn)方面產(chǎn)生積極的影響。今天，AMP占我們總移動(dòng)流量的36％，我們正不斷增加，對于企業(yè)創(chuàng)造盈利機(jī)會(huì)，提高我們的AMP用戶體驗(yàn)功能。我們很高興地看到什么樣的未來持有的谷歌之外的其他平臺(tái)決定提供AMP含量多的組織開始貢獻(xiàn)給AMP開源項(xiàng)目。
福德麟管理咨詢福德麟管理咨詢http://www.qdfoodlin.com
咨詢電話
15050695302
13771112364
咨詢QQ
1309844028