瀏覽數(shù)量: 19 作者: 本站編輯 發(fā)布時(shí)間: 2018-09-20 來源: 本站
1、什么是 AMP?
AMP,Accelerated Mobile Pages,可翻譯成”加速的移動(dòng)頁面”。AMP是Google的一個(gè)開源項(xiàng)目,這項(xiàng)技術(shù)可以限制HTML,CSS,JavaScript中可能會(huì)影響網(wǎng)頁加載速度的代碼。通過 AMP 可以構(gòu)建快速渲染的靜態(tài)內(nèi)容網(wǎng)頁。谷歌表示,這項(xiàng)技術(shù)可以幫助Nexus 5手機(jī)在3G網(wǎng)絡(luò)下提高網(wǎng)頁加載速度15%到85%。AMP 實(shí)例由三個(gè)不同部分組成:1)AMP HTML:最核心技術(shù),可以最小化HTTP請求,并將整個(gè)網(wǎng)頁的內(nèi)容同時(shí)加載,是為確保可靠性能而具有某些限制的 HTML,它進(jìn)行了一些擴(kuò)展,可以構(gòu)建超出基本 HTML 的豐富內(nèi)容;2)AMP JS 庫:可確保快速渲染 AMP HTML 頁面;3)Google AMP Cache:可選,提供 AMP HTML 頁面。
2、在黑蝠平臺(tái)上如何開啟AMP技術(shù)?
首先,您需要開通黑蝠的企業(yè)營銷平臺(tái)套餐,有SEO模塊的使用權(quán)限,然后登錄黑蝠后臺(tái),進(jìn)入頁面編輯,在左側(cè)“SEO”模塊下點(diǎn)擊“Google AMP”子模塊進(jìn)入,如下截圖入口所示:
進(jìn)入Google AMP頁面后,默認(rèn)都是關(guān)閉的,需要點(diǎn)擊開啟分別啟用產(chǎn)品系統(tǒng)頁加速功能和文章系統(tǒng)頁加速功能。
開啟AMP系統(tǒng)頁面加速功能后,可以直接點(diǎn)擊【查看頁面】查看對應(yīng)的AMP頁面的效果。
3、開啟AMP后的頁面演示示例
開啟Google AMP功能后,針對系統(tǒng)的產(chǎn)品列表、產(chǎn)品詳情、文章列表和文章詳情都會(huì)新增一套AMP的對應(yīng)頁面,也就是說原有的產(chǎn)品列表、產(chǎn)品詳情、文章列表和文章詳情這些系統(tǒng)頁面仍然還是保留,新增了一套形如{域名}/amp/xxx.html 目錄結(jié)構(gòu)的URL,這些帶有/amp/標(biāo)志的頁面在手機(jī)端可以飛速打開,這就是AMP的優(yōu)勢。
請用手機(jī)掃描如下二維碼訪問案例網(wǎng)站的AMP頁面,體驗(yàn)網(wǎng)頁飛速打開的加載速度。(下方左圖為產(chǎn)品詳情AMP頁面示例;右圖為文章詳情AMP頁面示例)
4、開啟AMP后的前臺(tái)網(wǎng)站的展示效果截圖
1)產(chǎn)品列表的AMP頁面
2)產(chǎn)品詳情的AMP頁面
介紹了這么多,對AMP有沒有一些了解了呢?歡迎馬上在您的英文站和小語種網(wǎng)站上開啟Google AMP功能吧,會(huì)讓您的產(chǎn)品相關(guān)頁面和文章相關(guān)頁面在手機(jī)上訪問飛速哦,期待吧!