Le Progressive Web App (PWA) avvantaggiano la SEO? (Con statistiche ed esempi)

In un mondo che è sempre più incollato ai loro dispositivi mobili e alle app che li accompagnano, ha senso solo creare esperienze che mirano, come ha affermato un ingegnere software senior di Google Alex Russell, a "offuscare il confine tra contenuti Web e app".

Gli ultimi due anni hanno chiarito alcune cose: se hai un'attività online, devi fare in modo che la tua attività sia mobile first . In secondo luogo, la tua esperienza mobile deve essere fluida e priva di attriti se vuoi che si traduca in dollari. Infine, gli utenti di smartphone sono super volubili e, nonostante abbiano scaricato oltre 113 miliardi di app nel 2018, gli utenti utilizzano ancora regolarmente solo circa 9 app al giorno.

Quindi, devi essere sul cellulare. Devi essere fantastico sui dispositivi mobili. E probabilmente le persone non scaricheranno e utilizzeranno la tua app regolarmente.
Sì, sto parlando di app Web progressive o PWA .

Le applicazioni web progressive sono popolari tra la folla dell'ottimizzazione dei motori di ricerca perché offrono grandi promesse per il marketing online.

Per quanto riguarda la domanda precedente, SÌ, le app Web progressive apportano vantaggi alla SEO . Ma in che modo le PWA sono buone per la SEO? Scopriamolo in questo articolo.

Cos'è una PWA?

In parole povere, una PWA è un sito web mobile friendly che si comporta come un'app ma non ha bisogno di essere scaricato per essere utilizzato. Gli utenti hanno la possibilità di salvare una PWA sul proprio telefono e avviarla proprio come un'app, ma è totalmente opzionale.

Ci sono tutta una serie di vantaggi che le PWA portano con sé mentre superano gli svantaggi intrinseci della creazione e della manutenzione di un sito mobile e di un'app mobile contemporaneamente.

Puoi approfondire la definizione di una PWA e le sue caratteristiche fantasiose tramite questo articolo: "Che cos'è la PWA? Tutto quello che devi sapere sulle app Web progressive”

Quattro tecnologie chiave di una PWA

Tutto questo è possibile grazie all'utilizzo di quattro tecnologie, necessarie al funzionamento di una PWA:

1. File manifest dell'app Web (che consente l'accesso alla schermata iniziale)
2. Operatore di servizio (per supporto offline)
3. Transport Layer Security (TLS) (garantisce la privacy e l'integrità dei dati)
4. Architettura della shell dell'applicazione (consente tempi di caricamento rapidi)

A differenza di un'app nativa e di un sito Web reattivo, un'app Web progressiva offre numerosi vantaggi:

Google esegue la scansione dei siti PWA?

Le app Web progressive sfruttano la flessibilità di JavaScript, il che significa che Google vede la singola pagina pubblicata come un sito JavaScript. È possibile creare un nuovo URL per la PWA, quindi Googlebot procederà a eseguire la scansione della pagina proprio come farebbe per qualsiasi altra pagina pubblicata sul Web.

Google esegue la scansione dei siti PWA proprio come farebbe la scansione di un sito AJAX o JavaScript, ma ci sono alcuni problemi che possono potenzialmente influire sulla "crawlability", quindi gli sviluppatori devono essere consapevoli di come ottimizzare il sito per garantire che la pagina venga indicizzata in modo appropriato.

Best practice consigliate per la SEO da Google per le app Web progressive

John Mueller di Google ha fornito un aggiornamento dettagliato su come Google gestisce le PWA e i siti JavaScript in generale nel marzo 2016.

Nel post, sottolinea quanto segue:

• Non mascherare Googlebot. È importante che lo sviluppatore utilizzi la tecnica di rilevamento delle funzionalità e miglioramento progressivo in modo che tutti gli utenti abbiano accesso al contenuto. Inoltre, non è una buona idea reindirizzare a una pagina del browser non supportata.
• Usa rel=canonical quando pubblichi contenuti da più URL in modo da non essere colpevole di violazioni di contenuti duplicati.
• Evita lo schema AJAX-Crawling sui nuovi siti.
• Googlebot non indicizzerà gli URL con "#" n. Molte app Web progressive utilizzano il simbolo hash nella struttura dell'URL, il che significa che i motori di ricerca rilasceranno qualsiasi cosa oltre il simbolo #. L'unico modo per aggirare questo problema è implementare una struttura di URL utilizzando le regole SEO tradizionali. Questo può essere complicato per alcuni siti e aziende, ma è un passo necessario per andare avanti.
• Prova per vedere come Googlebot vede la pagina. Puoi utilizzare lo strumento Fetch and Render di Google Search Console per vedere il tuo sito esattamente come lo vede Google.
• Assicurati che le risorse richieste non siano bloccate da robots.txt.
• Riduci il numero di risorse incorporate nella pagina (in particolare il numero di file JavaScript necessari per il rendering della pagina), poiché potrebbero non essere completamente caricati.
• Utilizza un file mappa del sito accurato per segnalare eventuali modifiche al tuo sito Web quando utilizzi le pagine mobili accelerate (AMP).
• Ricorda che alcuni motori di ricerca e fornitori di servizi Web che accedono ai contenuti potrebbero non supportare JavaScript o potrebbero supportare un sottoinsieme diverso.

Inoltre, Lighthouse è uno strumento utile di Google quando si tratta di PWA. Questo strumento è stato creato da Google per migliorare la qualità delle app web. Questo strumento ti mostrerà se la tua app web è pronta per diventare una PWA. Quando hai aggiunto il tuo sito web a questa applicazione, Lighthouse lo misura in base ai quattro criteri e mostra i problemi che dovresti risolvere per aumentare la velocità della tua app web.

Quindi, ecco come esattamente le app Web progressive aiutano la SEO

È vero che le PWA possono migliorare significativamente il tuo profilo di ricerca organica .

Come?

Rendendo la tua esperienza utente migliore della concorrenza. Almeno meglio di quanto non fosse prima di eseguire l'aggiornamento a un'app Web progressiva. Quando offri un'esperienza utente eccezionale, le persone desiderano visitare il tuo sito rispetto alle opzioni concorrenti. Quando vedranno il tuo marchio nei risultati, ricorderanno che hai dato loro ciò che volevano e l'esperienza è stata positiva.

I SEO sanno che la percentuale di clic influenza la posizione di ricerca . Più clic o voti da parte dei ricercatori per un risultato e nel tempo si sposta verso l'alto.

Ma questa è solo una metrica che puoi misurare. Tutte le piccole cose che fai per rendere il tuo sito il migliore creano l'esperienza che va al di sopra delle informazioni. Ciò influenzerà indirettamente e direttamente la tua SERP e in genere in una direzione positiva.

Maggiore velocità del sito

Questa è senza dubbio una delle caratteristiche più interessanti delle PWA. Le aziende possono prendere di mira gli utenti che potrebbero essere su una connessione dati lenta o anche quelli che sono offline con una PWA utilizzando le best practice di sviluppo mobile come la memorizzazione nella cache dei contenuti in anticipo, la compressione e altro ancora.

Perché dovresti preoccuparti della velocità del sito? Perché ha un impatto diretto sulla tua SEO

Con gli Speed ​​Test di Google che entreranno in vigore in meno di un mese, forse il più grande vantaggio delle PWA è la loro maggiore velocità rispetto ad altre piattaforme mobili e app native. E non è solo Google a richiedere siti più veloci: sono i TUOI UTENTI! La maggior parte degli utenti abbandonerà un sito mobile se il caricamento impiega più di tre secondi. (Fatti un favore e controlla la velocità del tuo sito qui!) E se il tuo sito non è aggiornato, non c'è più.

Forbes ha visto un enorme miglioramento della velocità una volta passato alle PWA, riducendo la velocità di carico mobile da 3-12 secondi, fino a 0,8 secondi! Quindi, per assicurarti che il tuo marchio sia il più vicino possibile alla cima dell'elenco di ricerca di Google, è tempo di fare in modo che i tuoi marchi scelgano per primi per la strategia mobile.

Migliore coinvolgimento

Google stabilisce i requisiti fondamentali che un sito Web deve soddisfare per qualificarsi come un'app Web progressiva. Un'esperienza utente fluida che includa una navigazione semplice, notifiche push tempestive, compatibilità cross-browser, pagine reattive su tutti i dispositivi sono alcuni requisiti importanti che portano anche a una crescita del coinvolgimento.

Le PWA possono imitare le app mobili reali in un modo incredibile. Con una PWA, avrai ancora la possibilità di salvarla nella schermata iniziale, dove apparirà come un'icona sul tuo dispositivo proprio come un'app, ma non dovrai eseguire il processo di download dell'app store. E poiché non ci sono download, le PWA richiedono molto meno spazio di archiviazione rispetto alle app mobili native. Starbucks ha creato una PWA che era lo 0,4% delle dimensioni della propria app nativa! Inoltre, gli aggiornamenti dei contenuti avvengono automaticamente all'aggiornamento, consentendo agli utenti di accedere alle ultime funzionalità, funzionalità e aggiornamenti di sicurezza senza mai alzare un dito (o toccare quel fastidioso pulsante "Installa aggiornamento").

 Letture consigliate: App PWA vs Native: quale ti si addice di più?

Con l'app ora sui loro telefoni cellulari, le possibilità di interazione e coinvolgimento diventano esponenzialmente più elevate, come sperimentato dalla rivista Forbes quando ha lanciato il proprio PWA. Gli utenti venivano avvisati ogni volta che un nuovo contenuto era disponibile tramite notifiche push. Con tempi di caricamento della pagina fulminei, transizioni rapide e design leggero della pagina, PWA di Forbes è riuscita a ottenere quanto segue:

• Aumenta la profondità di scorrimento di 3 volte
• Migliora le sessioni per utente del 43%
• Ottieni un aumento di 6 volte dei lettori che completano gli articoli
• Raddoppia il loro tasso di coinvolgimento, il che significa un aumento del 100% del coinvolgimento

Nel caso di un sito editoriale come Forbes, un alto coinvolgimento equivale a conversioni elevate, tutto grazie alla loro nuova PWA.

Sappiamo che le metriche di coinvolgimento del sito Web come la durata della sessione, le percentuali di clic e le frequenze di rimbalzo hanno un impatto diretto sulle classifiche di ricerca. Come Larry Kim dimostra qui, il tempo trascorso sul sito ha una correlazione precisa con le tue classifiche di ricerca organica. Maggiore è la durata della sessione, maggiore sarà il tuo probabile posizionamento su Google.

Puoi salutare la prima pagina su Google, tutto grazie alle PWA e ai loro tassi di coinvolgimento del sito Web superiori.

È tutto sugli URL

Le app Web progressive abbracciano davvero le migliori pratiche SEO in tutti i sensi. Da meta descrizioni chiare e concise all'aggiunta di dati Schema.org per una migliore indicizzazione e analisi dei dati del sito da parte dei robot di ricerca; un sito Web ottimizzato per la ricerca ha maggiori probabilità di ridurre la PWA rispetto ad altri.

Le PWA non richiedono diversi tipi di URL "mobile.site.com" per offrire un'esperienza eccezionale sui dispositivi mobili. Sono configurati automaticamente per fornire un'esperienza coerente, indipendentemente dal dispositivo.

Un altro vantaggio è che le PWA sono necessariamente abilitate per HTTPS. Questo non solo fa aumentare il tuo sito nei risultati di ricerca organici, ma rassicura anche gli utenti sulla sicurezza del tuo sito portando a frequenze di rimbalzo inferiori, tassi di clic più elevati e probabilmente tassi di conversione più elevati.

Ogni pagina viene fornita con il proprio URL univoco, rendendo anche le pagine profondamente incorporate facilmente scansionabili e rilevabili dai motori di ricerca. Gli URL univoci per ogni pagina rendono anche la condivisione di pagine sui social media e su altri siti molto più semplice, per non parlare di una tracciabilità più trasparente.

Con la pre-caching in atto utilizzando gli addetti ai servizi, tutti gli URL sulle PWA vengono caricati anche quando il dispositivo è offline. Ciò consente agli utenti che operano su dispositivi meno recenti o connessioni di rete scadenti.

Avvolgendolo

Le applicazioni web progressive sono ottime per la SEO perché sono pensate per offrire le migliori esperienze web. Ma come qualsiasi altra cosa, gli sviluppatori e gli esperti di marketing possono rovinare le cose.

Segui le migliori pratiche del Web e trarrai vantaggio da un ottimo traffico di ricerca organico. Ciò significa rendere il tuo sito mobile first, veloce sui dispositivi mobili, utilizzabile su tutte le dimensioni dello schermo e dotato di SEO on page.

Le PWA ti aiutano a costruire relazioni durature con i clienti. Questa è una grande ricompensa, ma sperimenterai anche un aumento universale, come la ricerca organica, perché il tuo sito mette l'esperienza dell'utente al primo posto.

Se segui tutte queste best practice, avrai successo, anche se non stai prendendo di mira il traffico di ricerca organico.

È ora di cogliere questi segnali e investire in PWA che combinano la facilità del Web mobile con la velocità e la facilità d'uso di un'app mobile. Due al prezzo di uno è ciò che ottieni con le PWA. Allora, quando costruirai il tuo?