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