CercaEsegui ricerca
Tendenze
PWA: cosa sono le progressive web app e perché sono utili

PWA: cosa sono le progressive web app e perché sono utili

3 aprile 2023PWA: cosa sono le progressive web app e perché sono utili

Le Progressive Web App sono un ibrido tra app mobile e sito Web: è una tecnologia che funziona sul browser e non richiede download dall’app store, che contiene pagine Web proprio come un sito, ma allo stesso tempo imita la funzionalità di un’applicazione mobile.

Fonte: SeoZoom

Ogni giorno, sono online quasi 45 milioni di persone solo in Italia – fonte Audiweb – e più del 75 per cento di loro si collega al Web tramite dispositivi mobile; in particolare, l’audience online da smartphone è rappresentata da oltre 39 milioni di utenti, pari al 90 per cento della popolazione maggiorenne. Se aggiungiamo che alcuni studi rilevano che oggi il 40 per cento degli acquisti è influenzato da device mobile, comprendiamo bene che garantire un’esperienza utente fluida sul sito da mobile è un obiettivo cruciale che può davvero fare la differenza. Ed è (anche) per questo che le PWA stanno diventando sempre più importanti in una strategia di business oculata, facendosi preferire alle app native.

Le Progressive Web App (PWA) sono una forma di tecnologia web avanzata che combina le funzionalità di un sito web con quelle di un'applicazione mobile, offrendo agli utenti un'esperienza di navigazione ottimizzata e fluida. In questo articolo, esploreremo il mondo delle Progressive Web App e scopriremo cosa le rende così interessanti per gli sviluppatori e per gli utenti.

Cos'è una Progressive Web App?

Una Progressive Web App è essenzialmente un sito web che offre un'esperienza di navigazione simile a quella di un'applicazione mobile. Le PWA sono costruite utilizzando le tecnologie web standard, come HTML, CSS e JavaScript, ma includono funzionalità avanzate, come la possibilità di funzionare offline, l'accesso alle funzionalità del dispositivo e l'installazione sullo schermo home dell'utente.

Le Progressive Web App offrono un'esperienza utente migliore rispetto ai siti web tradizionali, poiché sono veloci da caricare, funzionano anche in condizioni di rete limitata e offrono funzionalità avanzate, come notifiche push e accesso alle funzionalità del dispositivo. Inoltre, le PWA possono essere installate sullo schermo home dell'utente, rendendo l'accesso all'applicazione molto più facile e veloce.

Quali sono i vantaggi delle Progressive Web App?

Ci sono numerosi vantaggi nell'utilizzo delle Progressive Web App, sia per gli sviluppatori che per gli utenti. Ecco alcune delle ragioni per cui le PWA stanno diventando sempre più popolari:

  1. Velocità di caricamento: le Progressive Web App sono veloci da caricare, poiché utilizzano una cache locale per archiviare i dati. Ciò significa che i tempi di caricamento sono significativamente ridotti, il che si traduce in un'esperienza utente migliore.

  2. Funzionamento offline: le PWA funzionano anche in condizioni di rete limitata o assente. Ciò significa che gli utenti possono accedere all'applicazione anche quando non sono connessi a Internet.

  3. Installazione facile: le Progressive Web App possono essere installate sullo schermo home dell'utente, rendendo l'accesso all'applicazione molto più facile e veloce.

  4. Accesso alle funzionalità del dispositivo: le PWA possono accedere alle funzionalità del dispositivo, come la fotocamera e il GPS, offrendo funzionalità avanzate come la geolocalizzazione e la fotocamera in-app.

  5. Aggiornamenti automatici: le Progressive Web App sono sempre aggiornate e pronte all'uso, poiché utilizzano la tecnologia dei service worker per scaricare automaticamente gli aggiornamenti.

Le Progressive Web App stanno diventando sempre più popolari, sia tra gli sviluppatori che tra gli utenti, grazie ai loro numerosi vantaggi e alla loro capacità di offrire un'esperienza utente avanzata e ottimizzata.

In conclusione, le Progressive Web App sono una forma avanzata di tecnologia web che offre numerosi vantaggi agli sviluppatori e agli utenti. Grazie alla loro velocità di caricamento, al funzionamento offline e alla possibilità di accedere alle funzionalità del dispositivo, le PWA

Perché sono utili

Le Progressive Web App sono un ibrido tra app mobile e sito Web: è una tecnologia che funziona sul browser e non richiede download dall’app store, che contiene pagine Web proprio come un sito, ma allo stesso tempo imita la funzionalità di un’applicazione mobile, caratteristica che la rende desiderabile per le aziende.

Queste applicazioni sono progettate per l’utente quotidiano del sito, a cui fornisce anche molte funzionalità esclusive delle app native: in tal modo, superano i limiti dei siti a cui mancano funzionalità mobili che consentono di commercializzare correttamente e interagire direttamente con i clienti.

In concreto – come spiega un articolo su thinkwithgoogle di Google, che sta spingendo molto sulla diffusione di questa tecnologia – le PWA sono “una applicazione web che si comporta in modo simile a un’applicazione native quando utilizzata da mobile” e permettono all’utente di “vivere un’esperienza più veloce e fluida, proprio come se stesse navigando su un’app, ma senza la necessità di dover scaricare un’app”.

Ciò significa, quindi, che grazie a una progressive web app è possibile “caricare in anticipo i contenuti del sito in modo tale da farlo caricare più velocemente, permettere all’utente di aggiungere il sito alla home del telefono e rendere il contenuto disponibile anche offline”.

Le caratteristiche principali delle PWA

Le PWA sono quindi applicazioni web offline che hanno la copertura del Web e una serie di caratteristiche specifiche, punto di incontro tra le classiche tecnologie web e le moderni applicazioni native, visualizzabili direttamente sulla schermata home degli utenti grazie all’elevato livello di sviluppo tecnico e di qualità raggiunto.

Di PWA si parla già da svariati anni, e in particolare sono state al centro dei panel di Google I/O 2016 per poi approdare nel 2018 anche all’interno del Windows Store, a riprova dalla loro rapida diffusione legata alle caratteristiche intrinseche e ai vantaggi che offrono agli utenti (e quindi ai siti).

Come accennato, questa tecnologia consente di mettere insieme le qualità della classica fruizione dei siti da mobile (attraverso i browser) con quelle delle app native e aiuta gli sviluppatori digitale a realizzare piattaforme integrate e funzionali per utenti e imprese.

Come sottolinea la guida di web.dev, poi, le Progressive Web Apps sono costruite e migliorate con le moderne API per offrire funzionalità avanzate, affidabilità e installabilità raggiungendo chiunque, ovunque e su qualsiasi dispositivo con un’unica base di codice.

Le PWA sono affidabili, rapide e coinvolgenti

Sono tre le qualità distintive delle Progressive Web App, che sono fondamentali anche per rendere un sito mobile friendlyaffidabilità, rapidità e coinvolgimento.
Schema sull'affidabilità delle PWA

  1. L’affidabilità delle progressive web app

Le PWA sono affidabili perché si caricano istantaneamente e funzionano anche offline, in caso di instabilità di rete o su reti a scarsa connettività, eventualità sempre possibili in navigazione mobile; la pre-memorizzazione delle risorse nella cache consente inoltre di non dover dipendere interamente dalla rete per avere un’esperienza utente immediata e affidabile.

  1. Le PWA sono rapide

Sappiamo quanto conta la velocità di caricamento per un utente e Google ricorda che il 53 per cento delle persone “abbandona i siti che impiegano più di tre secondi a caricarsi”; non basta solo questo, perché successivamente l’utente pretende velocità, fluidità di scorrimento e interfacce veloci.
Le PWA sono più rapide
Le progressive web app sono pensate proprio per rispondere rapidamente alle interazioni dell’utente con animazioni fluide e buona qualità di scorrimento.

  1. Le PWA sono più coinvolgenti per gli utenti

L’elemento più interessante della tecnologia è quello legato al coinvolgimento: le progressive web app sembrano applicazioni native sul dispositivo della singola persona, non hanno bisogno di un download attraverso gli store digitali e aiutano a rendere l’esperienza utente davvero ottimale, anche attraverso la lettura a schermo interno, la presenza di un file web app manifest e l’invio di notifiche push web.
Le PWA sono coinvolgenti

Un ibrido tra siti web mobile e app native

Per raggiungere questi obiettivi, le PWA si basano su alcune peculiarità, che realizzano quella forma ibrida tra versione mobile del sito e app nativa: la struttura della progressive web app visualizzata dall’utente richiama quella della pagina web anche in modalità offline e quando i contenuti del sito non rispondono. Gli elementi principali sono l’intestazione, il layout della pagina e un’illustrazione che avverte che la pagina sta caricando.

Per loro natura, poi, le PWA sono realizzate seguendo i criteri del design adaptive e responsive: così, la tecnologia garantisce all’utente la transizione da un dispositivo all’altro (desktop, smartphone, tablet) e la fruizione da schermi di diverse dimensioni senza che sia intaccata la qualità.

Nella loro essenza, le Progressive Web Apps sono solo applicazioni Web: utilizzando il miglioramento progressivo, le nuove funzionalità vengono abilitate nei browser moderni; usando i service worker e un manifest dell’app Web, l’applicazione Web diventa affidabile e installabile. Se le nuove funzionalità non sono disponibili, gli utenti ottengono comunque l’esperienza di base.

Come funzionano le Progressive Web App

Andiamo ad approfondire le altre caratteristiche principali delle PWA, partendo proprio dal termine che compare nel nome della tecnologia: si chiamano progressive perché si basano sul principio del progressive enhancementmiglioramento progressivo, che permette un uso ottimale per ogni utente indifferentemente dalla tipologia di browser.

Come dicevamo, l’utente avrà la sensazione di utilizzare una classica app mobile, con la stessa facilità di interazione e lo stesso design (compresa l’icona sulla home del dispositivo), ma in realtà potrà contare su un sistema molto più completo. La tecnologia delle PWA le rende sempre aggiornate (grazie in particolare ai Service Workers), sicure (il protocollo HTPPS è usato su tutti i contenuti), indicizzabili e ricercabili sui motori di ricerca, facilmente installabili (senza passare dal download attraverso gli store), condivisibili tramite link.

Inoltre, le progressive web app si eseguono nel web, e questo significa maggiore libertà di design e di funzionalità per il sito, e (previo consenso) sfruttano i servizi di geolocalizzazione per inviare agli utenti notifiche e aggiornamenti, migliorando la relazione e la fidelizzazione.

Esempio PWA di Pinteres

I vantaggi delle Progressive Web App

Sono dunque tanti i benefici di questa tecnologia, sia per lo sviluppatore che per gli utenti che la usano, e ora proviamo a definire in modo più dettagliato i principali vantaggi delle PWA rispetto ai siti web mobile e alle app native. Come detto, la caratteristica principale è che funzionano anche offline e in assenza di connessione internet, garantendo sempre una fruizione veloce (generalmente più rapida rispetto a quella del sito); sono inoltre responsive, multi-piattaforma e si adattano a ogni sistema operativo e formato di display.

Gli altri benefici derivano dalla loro natura: sul display l’utente visualizza un’icona della PWA da usare proprio come una classica app, e in più può ricevere notifiche push e consentire l’accesso ad alcune funzionalità del telefono. Inoltre, non esiste una vera e propria installazione da eseguire: questo consente alle PWA di non occupare molto spazio nella memoria del dispositivo mobile, ma anche di non passare attraverso gli store per l’installazione. Un fattore positivo soprattutto per gli sviluppatori, che hanno maggiore libertà e non devono sottomettersi alle regole dei servizi di distribuzione di applicazioni digitali.

Progressive Web app, vantaggi e punti di forza

È un altro approfondimento di web.dev a definire meglio quali sono i punti di forza di una PWA dal punto di vista tecnico, con la premessa che sua installabile e utilizzabile da tutti gli utenti, indipendentemente dalle dimensioni o dal tipo di input.

  1. Prestazioni
  2. Funziona su tutti i browser
  3. Responsiveness
  4. Pagina online personalizzata
  5. È installabile
  6. È accessibile
  7. È indicizzabile e classificabile su Google
  8. Funziona con ogni input
  9. Fornisce il contesto per le richieste di autorizzazione
  10. Segue le best practices di healthy code

In pratica, quindi, con le PWA la connettività non è strettamente richiesta, perché l’app funziona offline come funziona online; inoltre, gli utenti possono utilizzare qualsiasi browser preferito per accedere all’app prima che venga installata e possono usarla su schermi di qualsiasi dimensione, con la garanzia che tutto il contenuto sarà disponibile in qualsiasi dimensione del viewport. Ancora, tutte le interazioni dell’utente soddisfano i requisiti di accessibilità WCAG 2.0 e funziona ugualmente a prescindere dal tipo di input – mouse, tastiera, pennino o touch.

Perché usare una Progressive Web App

Secondo Google e i fautori di questa tecnologia, il sito che fornisce una progressive web app può raggiungere una serie di effetti positivi, come ottenere un maggior gradimento da parte degli utenti, riscontrare maggiore coinvolgimento e determinare incremento delle conversioni. Spulciando online, comunque, sono segnalati anche alcuni inconvenienti e punti deboli delle progressive web app, come un consumo superiore di batteria (il codice è di alto livello e impegna maggiormente il dispositivo mobile nell’interpretazione), la compatibilità con sistemi iOS non sempre garantita e la mancanza di accesso a tutte le funzioni del telefono.

Le PWA hanno come punti di forza la velocità e la fruibilità, e sembrano molto apprezzati dagli utenti: in base ad alcuni dati Google, i siti che hanno implementato questa tecnologia hanno ottenuto risultati positivi per aumento di pagine viste per sessione e delle conversioni, ma anche miglioramenti tecnici. In particolare, si segnala una riduzione media del 60 per cento del tempo di caricamento di una pagina a cui segue un calo drastico, fino al 70 per cento, della banda utilizzata nella navigazione (circa 500k contro ai 20 MB di una classica app nativa).

L’elemento discriminante più evidente tra PWA e web app è nella reperibilità: le progressive web app sono fornite dai siti stessi e il browser può segnalare all’utente la possibilità di scaricare la tecnologia e di creare un collegamento sulla home del dispositivo. Come detto, le pagine PWA sono poi indicizzabili da Google e quindi possono portare traffico organico al sito, mentre le app native non viaggiano sul motore di ricerca.

Le differenze tra progressive web app e app native

A questo punto, diventa inevitabile pensare a un confronto tra PWA e app native, due tra le principali modalità di fruizione dei contenuti da dispositivi mobile (in aggiunta alla sempliceversione mobile delle pagine): sintetizzando al massimo, le app native sono forse la forma più adeguata per offrire un’esperienza ricca agli utenti, con performance valide e possibilità di monetizzare con costo per download o funzioni IAP (In App Purchase). Di contro, però, le app devono essere progettate in modo specifico in base alla piattaforma di riferimento (e quindi richiedono anche un investimento maggiore per lo sviluppo) e hanno bisogno di un utilizzo rilevante delle funzionalità hardware del dispositivo, occupano un maggior spazio in memoria, non offrono aggiornamenti in tempo reale e i contenuti proposti non possono essere indicizzati su Google.

Gli aspetti positivi delle PWA per il business

In molti casi, realizzare una PWA rappresenta una scelta più immediata e conveniente rispetto al lavoro di creazione di un’app nativa, che richiede uno sforzo superiore in termini di sviluppo e controllo: oltre al processo produttivo in sé (compresa anche la fruizione da vari dispositivi e sistemi operativi), c’è da considerare anche la necessità di prevedere aggiornamenti periodici, gestire le recensioni, attirare i download e così via.

La presenza in un app web store – non solo il Play Store su Android o l’Apple App Store su iOs, ma anche Windows Store, Amazon App Store e, a seconda dello scopo dell’app e della piattaforma, Samsung Galaxy Store, Apptoid e F-Droid – non dà solo svantaggi, in realtà, perché offre anche un valore aggiunto sotto diversi punta di vista. Ad esempio, l’accesso a questi negozi è regolato da requisiti rigorosi che impediscono la pubblicazione di molte applicazioni dannose o di scarsa qualità, e quindi avere un’app pubblicata su queste vetrine può aumentare l’affidabilità generale di un brand agli occhi dei clienti. Inoltre, è possibile che i Web Store promuovano la nostra app “in automatico” e quindi essere presenti in un app store può dare una spinta alle vendite e un modo rapido per aumentare la brand awareness.

Un aspetto meno positivo, ragionando anche su aspetti economici, è che i principali app stores prevedono una commissione su ogni vendita (inclusi app a pagamento e acquisti in-app) che può arrivare anche al 30 per cento: per riprendere l’esempio fatto da Nick Chasinov su SearchEngineWatch, nel 2020 Apple ha incassato 64 miliardi di dollari dall’App Store.

Apple e Google, approccio differente a PWA e app

Si spiega così l’approccio differente che i due colossi del Web – e dei sistemi operativi mobile – hanno riguardo le applicazioni native e le progressive web app.

Da una parte c’è Apple, che preferisce avere un controllo granulare sulle applicazioni e, non meno importante, sui possibili incassi che ne ricava (confermato anche dalla recente querelle con Fortnite), mentre al contrario Google sostiene le PWA e incoraggia gli sviluppatori a crearle e distribuirle.

Il motivo è tecnico e pratico: questa tecnologia gira direttamente sul browser utilizzato sul dispositivo mobile, e anche in questo ambito Google domina il mercato grazie a Chrome, usato da oltre il 63 per cento degli utenti di Internet mobile, e inoltre la sua base open source Chromium consente ad altri browser di utilizzare le PWA.

Proprio con Chromium il colosso di Mountain View – insieme a Microsoft, Intel, Samsung, tra gli altri – ha anche lanciato project Fugu (progetto Fugu) che mira ad espandere le capacità del browser e aiutare le app web a “fare tutto ciò che le app native possono fare”, preservando i vantaggi principali del Web in termini di sicurezza, basso attrito e distribuzione multipiattaforma.

PWA o app nativa, cosa scegliere?

Negli ultimi anni siamo stati online più che mai e anche la parte meno digitalizzata della popolazione ha sperimentato i servizi offerti via Web: abbiamo “lavorato, studiato, fatto acquisti e persino aperto conti bancari online e ora le persone sono più esigenti che mai quando navigano online”, e proprio la user experience è uno dei temi chiave attuali e del prossimo futuro.

Se siamo alla ricerca di uno strumento per raggiungere gli utenti mobile e, al tempo stesso, per distinguerci e ottenere un vantaggio sulla concorrenza, bisogna studiare bene le caratteristiche di PWA e app native per capire quale sia la strada migliore da percorrere e quale soluzione offra i vantaggi maggiori.

Perché preferire le Progressive Web App

Molti osservatori, come in questo articolo di Teknicks, invitano a considerare i vantaggi delle PWA, che innanzitutto richiedono un impegno inferiore (in termini di tempo e costi) rispetto alle app native.

Dal punto di vista dello sviluppo, le app native sono codificate per essere installate su smartphone, tablet e altri dispositivi smart in base al sistema operativo e all’hardware associati al dispositivo, usando un linguaggio di programmazione specifico per singole piattaforme, incluso Java che è il linguaggio più comune per Android e Swift o Objective-C per iOS. Le PWA, d’altra parte, sono fondamentalmente siti Web in stile app che possono essere eseguite all’interno del browser di un sito Web o installate direttamente sul dispositivo e accessibili come un’app nativa, utilizzando CSS, Javascript e HTML proprio come un sito.

Ciò rende lo sviluppo di una PWA molto più veloce e più semplice, perché la base di codice è in genere adatta a più piattaforme e dispositivi (il che rende più facili e meno costosi lo sviluppo e la manutenzione) e quindi la stessa versione che può essere visualizzata senza problemi su quasi tutti i browser Web dei dispositivi mobili.

Grazie a questa scalabilità, sviluppare una PWA è molto più economico rispetto a un’app nativa, che di solito implica la creazione di versioni adatte a ogni dispositivo che prevediamo di supportare (per tipologia di dispositivo, sistema operativo, dimensioni dello schermo eccetera). Inoltre, anche gli aggiornamenti delle app possono creare confusione o problemi, perché è necessario preventivamente far approvare ogni aggiornamento dagli store, e poi verificare che gli utenti effettivamente scarichino e aggiornino l’app.

Con le PWA, invece, è sufficiente che gli utenti abbiano un browser e conoscano l’URL del sito; quindi, è molto più facile riuscire a raggiungere un pubblico più ampio, con le modifiche e gli aggiornamenti che non richiedono approvazione o installazioni aggiuntive da parte degli utenti.

Le caratteristiche delle progressive web app per gli utenti

Per le loro caratteristiche, le PWA possono quindi rivelarsi molto vantaggiose soprattutto per una piccola azienda o una startup, perché come detto richiedono uno sviluppo inferiore sia per tempi che per costi.

È comunque importante valutare anche il loro effetto sugli utenti, che può avere aspetti positivi e altri meno rispetto alle app native.

Ad esempio, è sicuramente un vantaggio il fatto che le PWA abbiano dimensioni inferiori rispetto alle native, e quindi pesano meno sulla memoria dei dispositivi degli utenti; inoltre, essendo accessibili direttamente da browser o da link, le persone possono raggiungere la PWA digitandone l’URL, ma anche aggiungere il collegamento ai segnalibri, aggiungerlo alla schermata iniziale e condividerlo comodamente.

Le PWA hanno poi anche accessibilità offline, in quanto possono memorizzare nella cache le informazioni per un utilizzo successivo, e servono gli utenti con fogli di stile di testo, immagini e altri contenuti web anche prima che una pagina web venga caricata completamente, come nota questo articolo di Richa Pokhriyal. Importante anche il rispetto di parametri di sicurezza, perché – oltre a muoversi in un ambiente regolato dal protocollo HTTPS – rispetto ai tradizionali siti per dispositivi mobili “le progressive Web app forniscono ulteriori livelli di sicurezza, utilizzando solo cookie HTTP / cookie leggibili JavaScript insieme a token di autenticazione / CSRF”.

Ci sono però altri elementi meno vantaggiosi, tra cui l’impossibilità di una PWA di accedere ad alcune funzioni del dispositivo come il sensore di prossimità, il rilevamento della luce ambientale o lo smart lock – pur supportando funzionalità come GPS, pagamento mobile, notifica push, accesso alla fotocamera.

Le caratteristiche delle app native e perché preferirle

Lo sviluppo di app specifiche è invece una buona scelta quando l’obiettivo è acquisire utenti solo per dispositivi mobili. Queste applicazioni si chiamano native perché sono scritte nella lingua del sistema operativo del dispositivo su cui è installata l’app e non offrono possibilità di accesso da un browser.

Rispetto ai siti per dispositivi mobile, un’app ha meno limiti e fornisce un’esperienza nativa a un utente, permettendo a un brand di raggiungere più clienti, migliorare la loro esperienza e incrementare la reputazione del marchio nello spazio online.

Investire in un’app nativa significa creare un prodotto complesso con maggiori possibilità di controllo delle operazioni degli utenti – e infatti sono molto usate per l’home banking, social media o piattaforme di appuntamenti; questa tecnologia deve offrire un livello più profondo di coerenza su tutta la linea ed è preferibile quando si creano app ad alta sicurezza che devono gestire aspetti come i dati sensibili dei clienti in settori come finanza, salute o banche.

Inoltre, un’app nativa migliora la gestione della velocità e dell’interfaccia utente: il tempo di caricamento, ad esempio, è molto più veloce, poiché utilizza direttamente il sistema operativo del dispositivo e non è affatto limitato dalla qualità della connessione Internet o dal sistema operativo del dispositivo. E le app sfruttano in modo più efficace le ultime funzionalità degli smartphone, come il geofencing, il rilevamento dei sensori e altro ancora.

Allo stesso tempo, questa soluzione permette di incrementare la credibilità del marchio, perché avere un’app di alta qualità pubblicata su uno dei top stores di Apple, Google o altri ci aiuterà ad aumentare la affidabilità percepita dai clienti.

Alcuni motivi per sviluppare una PWA e non un’app nativa

Da quanto scritto, sembra chiaro che puntare su una Progressive Web App sia una scelta vantaggiosa per chi fa business online, perché può aiutare a raggiungere alcuni obiettivi aziendali e a migliore i profitti in modo più rapido e meno faticoso rispetto alla principale alternativa.

In particolare, ci sono almeno 4 motivi che possono convincere a lavorare allo sviluppo di una PWA anziché di una app nativa.

  1. Velocità di collegamento con gli utenti

I consumatori hanno diverse opzioni per “sfogliare notizie, acquistare vestiti e guardare video”: se il nostro sito non regge il passo, gli utenti porteranno la loro attenzione e il loro potere di spesa altrove.

Gli studi indicano che la capacità di attenzione è di 2-3 secondi e quindi è importante avere una soluzione di caricamento veloce, che di solito una pagina web per dispositivi mobili non riesce a garantire. Al contrario, le PWA usano i dati della cache in background e offrono maggior velocità di caricamento, che migliora l’esperienza del cliente ogni volta che visita la pagina e compiace anche gli algoritmi di Google.

Solo per fare degli esempi, negli anni passati il sito di Forbes impiegava dai tre ai 12 secondi per caricarsi completamente: questi ritardi hanno causato un tasso di abbandono degli utenti del 53 per cento, ma quando l’azienda è passata a una PWA, le sessioni di navigazione sono aumentate del 43 per cento.

  1. Rilevabilità SEO

Oltre a garantire velocità (che influisce sul posizionamento delle pagine), le PWA sono anche SEO-friendly: essendo ospitate sul Web, il loro contenuto è infatti visibile ai motori di ricerca e può essere indicizzato direttamente su un motore di ricerca, proprio come un qualsiasi sito web.

Le app native sono invece pubblicate su più app store e devono cercare di diventare più visibili, così da essere installata maggiormente dagli utenti; per migliorare la rilevabilità delle app, i proprietari dovrebbero disporre di un’efficace strategia di ottimizzazione dell’app store, ma sono comunque vincolati dai requisiti e dalle regole degli store. In genere, solo la pagina del profilo dell’app è elencata nei risultati di ricerca di Google, e ciò le aziende a fare affidamento sulla descrizione, sulle immagini e sulle recensioni positive per migliorare la visibilità e ottenere più download.

Con una PWA, abbiamo quindi la stessa flessibilità illimitata di un sito per creare esperienze utente personalizzate e contenuti pieni di risorse ottimizzati che si possono classificare su Google e sfruttare tutte le strategie SEO.

In concreto, questo può aumentare la nostra capacità di generare traffico e lead. Ad esempio, quando Alibaba ha trasformato il suo sito Web in un PWA, ha registrato il 76 per cento di conversioni in più.

  1. Maggiori opportunità di engagement

Le PWA supportano le notifiche push, creando opportunità per le aziende di raggiungere i clienti con consigli personalizzati sui prodotti, aggiornamenti di notizie e altre comunicazioni pertinenti, tutti fattori che possono migliorare il coinvolgimento dei clienti e aumentare la fedeltà al marchio.

Studi recenti segnalano che, nonostante il continuo incremento dell’uso di dispositivi mobile per la navigazione, gli utenti non sono molto coinvolti sui siti Web mobili, e chi ha una PWA ottiene risultati migliori in questo senso. In particolare, la frequenza di rimbalzo media per una PWA è inferiore del 42 per cento rispetto a un sito web responsive, mentre le sessioni mobile sono superiori fino all’80 per cento, il tempo di caricamento ridotto dell’85 per cento e l’engagement superiore del 154 per cento.

Questo si traduce in un migliore coinvolgimento dei clienti e maggiori opportunità di vendita per un’azienda che sviluppa una progressive web app.

  1. Aumento delle conversioni

Strettamente legato all’incremento dell’engagement c’è anche una massimizzazione delle conversioni: attraverso una PWA, come detto, possiamo inviare notifiche in-app / push, e-mail personalizzate e creare coinvolgimento su piattaforme social con strumenti di marketing mobile che aumentano il tasso di conversione.

I dati dimostrano che lo sviluppo di tale tecnologia aiuta a migliorare significativamente i tassi di vendita del sito e, secondo Google, una PWA media aumenta le conversioni del 52 per cento. Ancora migliori i risultati di Crédit Agricole Italia: in soli tre mesi dopo lo sviluppo di una PWA, comparando i dati di navigazione tra “chi installa la PWA sul proprio smartphone rispetto a chi naviga il sito normalmente”, si evidenzia un incremento del 33 per cento delle sessioni per utente, un aumento del 143 per cento della durata della sessione media e una riduzione del 25 per cento del bounce rate, ma soprattutto un tasso di conversione maggiore del 99 per cento per gli utenti con la PWA installata”.

Esempio della PWA di Crédit Agricole Italia

Quando puntare su una PWA

Ora che sappiamo (ancora meglio) quali sono le caratteristiche e le funzioni principali di una PWA, possiamo anche comprendere quando è possibile trarre vantaggio dalla scelta di questa tecnologia e quando, invece, potrebbe essere meglio sviluppare un’app nativa.

Questa scelta dovrebbe essere basata sui nostri obiettivi di business (migliorare le conversioni, il traffico e l’esperienza utente), target di riferimento, budget e raccomandazioni di una società di sviluppo di applicazioni web, sempre all’interno di un’efficace strategia complessiva di mobile marketing.

La PWA può diventare la soluzione ideale, in particolare:

  • Se abbiamo un sito di e-Commerce e vogliamo riuscire a coinvolgere meglio i clienti o ottenerne di nuovi, ma non abbiamo le risorse per sviluppare e mantenere più applicazioni su diverse vetrine.
  • Se desideriamo che la nostra app raggiunga molte persone in un lasso di tempo molto breve, in aggiunta ai canali di distribuzione che già sfruttiamo, poiché è facile condividere un collegamento URL o persino guadagnare una feature nei risultati di ricerca di Google.
  • Se siamo un’azienda giovane che vuole stimolare l’engagement degli utenti, perché non richiede alcun download o installazione, ma al tempo stesso permette di interagire con i clienti attraverso funzioni come le notifiche push.
  • Se vogliamo integrare e aumentare il traffico del sito Web.

Più in generale, una PWA è una scelta più veloce e conveniente rispetto alla creazione ex novo di un’app, e non è un caso che molti grandi brand, tra cui Starbucks, Twitter e Uber, abbiano puntato sulle PWA all’interno della loro strategia web, in aggiunta alle app native, per soddisfare le esigenze dei loro utenti in modo olistico.

In definitiva, se abbiamo bisogno di una app semplice da configurare e aggiornare, versatile e che funzioni su una vasta gamma di dispositivi, allora una PWA è probabilmente la scelta giusta grazie alla sua scalabilità e al minor costo di ingresso, perché ci permetteranno di concentrare gli sforzi su un unico fronte che dà la priorità all’esperienza utente, invece di sprecare energia su più app native progettate per diversi sistemi operativi, con visibilità limitata sui motori di ricerca.

Fonte: SeoZoom

Stampa

2014 Img Internet srl,  via Moretto da Brescia 22 - 20133 Milano tel +39 02 700251 - fax +39 02 7002540
Privacy e Cookie Policy