智能手機(jī)和平板電腦把應(yīng)用程序優(yōu)化后的內(nèi)容傳達(dá)給客戶。當(dāng)然,用戶必須先在自己的智能手機(jī)上安裝應(yīng)用程序。但是如果客戶要這樣做,往往就傾向用提供友好用戶移動(dòng)體驗(yàn)的品牌?,F(xiàn)在,這里有兩個(gè)應(yīng)用程序:漸進(jìn)式網(wǎng)絡(luò)應(yīng)用和原生應(yīng)用。本文將討論漸進(jìn)式Web應(yīng)用程序和原生應(yīng)用程序兩者之間的差異,并且在SEO角度看哪個(gè)版本更好。
原生應(yīng)用
必須為特定的操作系統(tǒng)開(kāi)發(fā)原生應(yīng)用程序。一方面,這意味著更多的開(kāi)發(fā)成本,但從技術(shù)角度而言也是明智的,因?yàn)樵鷳?yīng)用程序可以充分利用操作系統(tǒng)。這些應(yīng)用程序以最佳方式使用諸如相機(jī)或傳感器等硬件,因?yàn)樗鼈儗?duì)該操作系統(tǒng)進(jìn)行了優(yōu)化。
原生應(yīng)用的其他優(yōu)點(diǎn)
本地應(yīng)用程序可以在移動(dòng)設(shè)備上保護(hù)數(shù)據(jù)(達(dá)到可用存儲(chǔ)空間的限制)。采用付費(fèi)式原生應(yīng)用,公司的銷售額通過(guò)合適的應(yīng)用商店增加,開(kāi)發(fā)成本能得到彌補(bǔ)。原生應(yīng)用程序托管在供應(yīng)商的商店中,所以開(kāi)發(fā)人員就不必直接處理分銷了。安裝后,應(yīng)用程序圖標(biāo)自動(dòng)在主屏幕上顯示。
但是,原生應(yīng)用帶來(lái)的也不全是好消息。例如,不同的應(yīng)用程序版本必須同時(shí)開(kāi)發(fā)、發(fā)布和維護(hù)各種操作系統(tǒng)。應(yīng)用程序每個(gè)操作系統(tǒng)必須通過(guò)應(yīng)用商店更新。原生應(yīng)用的主要缺點(diǎn)是成本高。成本不僅涉及應(yīng)用程序開(kāi)發(fā),還有程序維護(hù)。此外,CMS繼續(xù)使用,必須不斷關(guān)注,持續(xù)更新。原生應(yīng)用程序是Google,Apple或Microsoft相應(yīng)應(yīng)用程序商店中列出的所有應(yīng)用程序,用戶可以下載。原生應(yīng)用程序常見(jiàn)的用途包括手機(jī)游戲、在線商店移動(dòng)版本,或由供應(yīng)商和公司提供的很少出現(xiàn)在網(wǎng)站上的特殊服務(wù)。公司核心原生應(yīng)用程序完美的案例是Instagram或WhatsApp。外包服務(wù)的案例則是雅虎的天氣應(yīng)用。
漸進(jìn)式網(wǎng)頁(yè)應(yīng)用(PWA)
Google提出了漸進(jìn)式網(wǎng)絡(luò)應(yīng)用。但是這不是真正意義上的應(yīng)用程序,而是適用于輸出設(shè)備或?yàn)g覽器的一個(gè)修改后的網(wǎng)站。 PWA的工作原理基于漸進(jìn)式增強(qiáng)(即網(wǎng)站可以逐漸調(diào)整到終端設(shè)備的技術(shù)設(shè)置)。漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序的開(kāi)發(fā)基于開(kāi)放Web標(biāo)準(zhǔn)。因此,CSS標(biāo)注被分開(kāi); 同樣,內(nèi)容和設(shè)計(jì)也相互分離。即使JavaScript與這兩個(gè)元素分離,但是所有內(nèi)容始終可用,并且可以在設(shè)備上顯示。同時(shí),最小化PWS能保障獨(dú)立性,無(wú)論是輸出設(shè)備還是瀏覽器都支持JavaScript或CSS,。如果訪問(wèn)漸進(jìn)式Web應(yīng)用程序,那么shell作為基礎(chǔ)在設(shè)備或?yàn)g覽器緩存重保存。然后,核心元素可以立即加載。應(yīng)用程序shell由網(wǎng)站工作所需的絕對(duì)最小HTML、CSS和JavaScript組成。這一組代碼可以在設(shè)備上提供用戶界面,并且通過(guò)API動(dòng)態(tài)加載內(nèi)容。與移動(dòng)網(wǎng)站相反,PWA具有很多原始應(yīng)用程序的特點(diǎn)?;旧希瑵u進(jìn)網(wǎng)絡(luò)應(yīng)用程序?qū)⒃鷳?yīng)用程序響應(yīng)更靈敏,移動(dòng)優(yōu)化網(wǎng)站的優(yōu)勢(shì)結(jié)合了起來(lái)。
PWA和原生應(yīng)用程序都有以下特點(diǎn):
應(yīng)用程序可以向用戶發(fā)送推送通知。
應(yīng)用程序使用圖標(biāo)在手機(jī)屏幕上存儲(chǔ)。
沒(méi)有網(wǎng)絡(luò)連接或網(wǎng)絡(luò)緩慢的時(shí)候,許多PWA功能都可以使用。
然而,硬件集成方面PWA也有缺點(diǎn)。例如,指紋傳感器或藍(lán)牙無(wú)法集成到其功能。目前,漸進(jìn)式網(wǎng)頁(yè)應(yīng)用不完全支持,蘋果iOS還存在更多問(wèn)題,。因此,PWA只能在Android設(shè)備上使用而專業(yè)應(yīng)用程序就可以使所有可能和可用的功能工作。
漸進(jìn)式網(wǎng)頁(yè)應(yīng)用相對(duì)原生應(yīng)用的優(yōu)勢(shì):
編程不需要單獨(dú)的代碼庫(kù),因?yàn)镻AW也可以用HTML5開(kāi)發(fā)。
可以在Google搜索中找漸進(jìn)網(wǎng)絡(luò)應(yīng)用程序,因?yàn)樗鼈兺耆捎盟饕?/p>
更新不必通過(guò)應(yīng)用商店運(yùn)行。相反,Web應(yīng)用程序可以在服務(wù)工作者的幫助下提升到最新標(biāo)準(zhǔn)。
PWA也可以離線使用,因?yàn)樗鼈儗?nèi)容和功能加載到適當(dāng)設(shè)備的緩存里。如果網(wǎng)絡(luò)連接再次可用,功能和內(nèi)容就能與服務(wù)器同步。
開(kāi)發(fā)成本明顯低于原生應(yīng)用程序。這與所有平臺(tái)都能運(yùn)行PWAs有關(guān),不同終端設(shè)備不需要單獨(dú)版本。
無(wú)需存儲(chǔ)應(yīng)用程序的操作,用戶不必安裝任何東西,因?yàn)閼?yīng)用程序的功能是通過(guò)瀏覽器實(shí)現(xiàn)的。
用戶可以輕松地在應(yīng)用程序之間切換并共享PWA的內(nèi)容。同樣,點(diǎn)擊鏈接和跳轉(zhuǎn)到另一個(gè)網(wǎng)站時(shí)斷點(diǎn)也更少。
PWAs立即加載,因此相比原生應(yīng)用程序,明顯縮短了加載時(shí)間。
SSL經(jīng)過(guò)加密與漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序進(jìn)行連接,因此網(wǎng)絡(luò)連接比傳統(tǒng)應(yīng)用程序更安全。服務(wù)器必須為此設(shè)置。
PWA可響應(yīng)和適用于每個(gè)輸出設(shè)備。
漸進(jìn)式Web應(yīng)用程序的使用可能性
PWAs基本上可以使用原生應(yīng)用程序相同的功能,因?yàn)樗鼈兛梢栽L問(wèn)終端設(shè)備的硬件。實(shí)際上,應(yīng)用程序傳達(dá)更改后的內(nèi)容,不需要重新安裝或通過(guò)應(yīng)用商店的進(jìn)行更新。其中包括新聞網(wǎng)站或谷歌開(kāi)發(fā)的天氣應(yīng)用程序。即使Flipboard號(hào)召使用漸進(jìn)式應(yīng)用程序,與正常的移動(dòng)網(wǎng)站一樣,瀏覽器最初用于執(zhí)行此操作。之后,用戶收到通知,詢問(wèn)他們是否要將PWA保存到主屏幕。結(jié)果看起來(lái)像原生應(yīng)用程序的圖標(biāo),然而,圖標(biāo)更像書簽,因?yàn)镻WA是一個(gè)修改后的移動(dòng)網(wǎng)站。您將在網(wǎng)站pwa.rocks上找到更多當(dāng)前PWA的例子。
PWAs重要發(fā)展方面
對(duì)于開(kāi)發(fā),網(wǎng)站管理員需要來(lái)自Google PWA的codelab。第一個(gè)PWA可以在Firebase平臺(tái)的基礎(chǔ)上設(shè)計(jì)。該平臺(tái)由Google于2014年接管,為改變PWA的功能和設(shè)計(jì)提供了許多可能性。同時(shí),該應(yīng)用可以面向不同目標(biāo)群體。此外,測(cè)試非常簡(jiǎn)單。還可以用Firebase跟蹤應(yīng)用程序。因此,F(xiàn)irebase應(yīng)用程序可以與GoogleAnalytics關(guān)聯(lián)。查看GoogleChrome開(kāi)發(fā)人員Addy Osmani 編寫漸進(jìn)式應(yīng)用程序的詳細(xì)介紹。
從SEO角度來(lái)看,哪個(gè)版本更好?
目前為止,應(yīng)用搜索引擎優(yōu)化(SEO)僅限于適當(dāng)?shù)膽?yīng)用商店和應(yīng)用索引的友好列表里。借助Google引入的應(yīng)用索引,用戶使用Google搜索應(yīng)用程序,可以收到Google搜索中直接引用已安裝應(yīng)用內(nèi)容的鏈接建議。但是,必須為此對(duì)網(wǎng)站源代碼進(jìn)行編輯。然后,深度鏈接插入頭部區(qū)域,從而引出應(yīng)用程序相應(yīng)的子頁(yè)面。必須為iOS和Android分別創(chuàng)建深層鏈接。此外,還可以集成到XML站點(diǎn)的地圖中,使Googlebot能夠識(shí)別它們。隨著漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序的進(jìn)一步發(fā)展,SEO有很多可能性。
例如,一個(gè)很大的優(yōu)勢(shì)就是應(yīng)用程序通過(guò)鏈接與你共享,并且可以通過(guò)瀏覽器調(diào)用。搜索引擎也可以索引這些鏈接。因此,有可能在SERP中列出PWA的各個(gè)URL。然而,這僅適用于移動(dòng)的SERP,因?yàn)檫@種形式的應(yīng)用程序絕對(duì)是面向移動(dòng)終端設(shè)備的。
即使應(yīng)用程序索引提供了索引原生應(yīng)用程序內(nèi)容的可能性,必須滿足某些要求才能使用戶受益。因此,用戶必須實(shí)際安裝應(yīng)用程序才能點(diǎn)擊應(yīng)用中的目標(biāo)站點(diǎn),否則就必須先安裝該應(yīng)用。此外,源代碼必須調(diào)整,還需要額外費(fèi)用。
總結(jié)
漸進(jìn)式網(wǎng)絡(luò)應(yīng)用程序仍處于開(kāi)發(fā)和分發(fā)的早期階段。到目前為止,只有少數(shù)幾家公司在使用。但是,如果像過(guò)去幾年一樣,手機(jī)使用量持續(xù)增長(zhǎng),那么最后你可能都不會(huì)問(wèn)“原生應(yīng)用程序或PWA”,而你只會(huì)問(wèn)自己是否需要網(wǎng)站或需要一個(gè)網(wǎng)絡(luò)應(yīng)用程序。但是只有那天到來(lái)時(shí),才可以說(shuō)PAWs是對(duì)移動(dòng)網(wǎng)站的漸進(jìn)式加強(qiáng)。