互聯(lián)網(wǎng)是開放的,我們將不斷的分享在外貿(mào)建站和營銷推廣領(lǐng)域我們的實操經(jīng)驗,實現(xiàn)共同成長。
Bontop外貿(mào)建站采用全站Google AMP框架技術(shù)開發(fā),自主研發(fā)后臺管理系統(tǒng),用戶上傳JPG,png格式的圖片后,系統(tǒng)自動轉(zhuǎn)換為Webp格式圖片,將流量降到極致,與JPG格式圖片相比,同等畫質(zhì)可以高達(dá)75%的壓縮比,大大提高外貿(mào)網(wǎng)站的優(yōu)化性能。
Accelerated Mobile Pages,簡稱AMP,由Google于2016年2月正式發(fā)布,是第三代網(wǎng)頁技術(shù),顧名思義AMP意思就是一種為了加快讀取網(wǎng)站內(nèi)容而生的框架技術(shù)。也就是讓產(chǎn)品頁面、博客文章或登錄頁面的AMP版本立即在移動設(shè)備上被加載。
一、AMP的網(wǎng)頁有3項核心組建而成
(1)AMP HTML
AMP HTML 是為確??煽啃阅芏哂心承┫拗频?HTML, 它進(jìn)行了一些擴(kuò)展,可以構(gòu)建超出基本 HTML 的豐富內(nèi)容。
AMP HTML 本質(zhì)上是使用自定義 AMP 屬性擴(kuò)展的 HTML。盡管 AMP HTML 頁面中的大多數(shù)標(biāo)記都是常規(guī) HTML 標(biāo)記,但部分HTML 標(biāo)記替換為了 AMP 特定標(biāo)記,利用這些自定義元素(稱為 AMP HTML 組件) 可以輕松高效地實現(xiàn)常見的模式。
(2)AMP JS
AMP JS庫可確??焖黉秩?AMP HTML 頁面。
AMP JS 庫可實現(xiàn)所有AMP 的zui 佳性能做法,管理資源加載,并提供上面提到的自定義標(biāo)記, 所有這些都是為了確??焖黉秩卷撁?。
重大優(yōu)化之一就是使來自外部資源的所有內(nèi)容保持異步,讓頁面中的任何內(nèi)容都能毫無阻礙地渲染。
(3)AMP CACHE
Google AMP Cache提供 AMP HTML 頁面。
Google AMP Cache 是一種基于代理的內(nèi)容交付網(wǎng)絡(luò),用于交付所有有效的 AMP 文檔。
它可提取 AMP HTML 頁面,對頁面進(jìn)行緩存,并自動改進(jìn)頁面性能。 使用 Google AMP Cache 時,文檔、所有 JS 文件及所有圖像都從使用HTTP 2.0的同一來源加載,從而可實現(xiàn)zui 高效率。
此外,Google AMP Cache 還帶有內(nèi)置驗證系統(tǒng),可確認(rèn)頁面能夠正常工作,并且不依賴于外部資源。
二、Google AMP的好處
1、增加網(wǎng)站參與度
輕量級AMP內(nèi)容非常適合互聯(lián)網(wǎng)連接不穩(wěn)定的移動用戶。此外,頁面加載時間的減少改善了用戶體驗,從而可能增加用戶在你網(wǎng)站上的停留時間。
2、提高排名和流量
由于頁面加載時間是谷歌排名的一個因素,AMP在谷歌的搜索算法中被優(yōu)先考慮,從而影響排名。從本質(zhì)上講,如果兩個站點勢均力敵,則速度更快的站點將勝出。
3、降低跳出率
隨著你的頁面加載速度加快,用戶通常會留在網(wǎng)站上。谷歌的一項研究曾經(jīng)發(fā)現(xiàn),如果移動網(wǎng)站的加載時間超過8秒,則53% 的頁面會被關(guān)閉。此外,在你的網(wǎng)站上停留更多時間可能意味著帶來更多的轉(zhuǎn)化。
4、增加廣告瀏覽量
使用AMP,HTML的編碼方式可增強(qiáng)橫幅和圖像的整體可用性。這會導(dǎo)致更高的廣告可見率,幫助發(fā)布商增加通過其內(nèi)容獲利的機(jī)會。
網(wǎng)頁開發(fā)技術(shù)淘汰更替的速度非??欤?dāng)HTML5大家還沒有完全理解的時候,AMP網(wǎng)站技術(shù)又來了,相信很多的外貿(mào)小伙伴們都還不知道這個概念,今天...
在做外貿(mào)網(wǎng)站建設(shè)時,我們經(jīng)常會提到Google AMP網(wǎng)頁框架技術(shù),AMP網(wǎng)頁框架是由Google公司推出的前端框架技術(shù),也是被稱之為世界上...
英文網(wǎng)站制作會出現(xiàn)哪些問題很多客戶平時會遇到這方面的問題,下面由擁有十余年外貿(mào)建站經(jīng)驗的bontop公司關(guān)于隨州外貿(mào)網(wǎng)站設(shè)計方面問題我們經(jīng)過...