Una guida per AMP e PWA

AMP e PWA saranno sicuramente due degli argomenti di marketing dei contenuti più discussi nel prossimo anno. In questa guida, ti forniremo le informazioni chiave su entrambi, comprese definizioni succinte di AMP e PWA e come utilizzarle per fornire contenuti. Discuteremo anche i diversi modi in cui AMP e PWA possono essere utilizzati per aiutare a raggiungere gli obiettivi di marketing, in particolare per quanto riguarda la SEO.

Che cos'è il progetto AMP (Progetto pagine mobili accelerate)?

AMP sta per p agine mobili accelerate e, fondamentalmente, questo è ciò che ti offre.

Le pagine AMP offrono essenzialmente lo stesso contenuto di una pagina Web esistente, ad esempio un articolo online. Il contenuto viene distribuito agli utenti mobili in un formato semplificato, basato su un linguaggio unico chiamato AMP HTML, che combina semplici elementi di HTML e CSS e limita l'uso di JavaScript. Ciò significa che le pagine AMP si caricano molto più velocemente rispetto alle pagine web originali su cui si basano solitamente.

Gli utenti della ricerca mobile sono stati in grado di accedere ai contenuti AMP per la prima volta nel febbraio 2016, quando Google ha iniziato a fornire versioni AMP delle pagine web nei risultati di ricerca. Al momento della stesura, il contenuto AMP all'interno delle pagine dei risultati di ricerca mobile viene fornito sia in formato carosello che in formato storia in primo piano, consentendo in ogni caso all'utente di scorrere i contenuti pertinenti da più fonti. Il contenuto è segnalato nei risultati di ricerca di Google con un'icona AMP raffigurata come un fulmine bianco in un cerchio blu.

Il modo più semplice per produrre contenuto AMP, adatto per la pubblicazione nelle funzioni di ricerca AMP di Google, consiste nel modificare l'HTML del contenuto esistente in AMP HTML, quindi convalidare la pagina e prepararla per la rilevabilità. Amp.dev offre agli sviluppatori un semplice tutorial su come convertire una pagina HTML in una pagina HTML AMP.

Le pagine AMP si riferiscono quasi sempre canonicamente ad altre pagine. Ciò significa che il loro URL ha un tag rel "canonico" che dice ai motori di ricerca che la pagina è la stessa di una pagina del tuo sito web. La versione non AMP della pagina ha il primato dal punto di vista SEO.

Esiste un'eccezione chiave a questa regola, sotto forma di siti Web solo AMP che ora vengono creati da alcuni editori online.

John Mueller, un analista di Google Webmaster Trends, ha consigliato ai webmaster che i siti Web solo AMP possono essere una buona cosa:

“Non vedo problemi con l'utilizzo di un sito solo AMP: è un ottimo framework per creare siti veloci in modo relativamente semplice. Poiché è essenzialmente HTML, funzionerà come qualsiasi altra pagina HTML. È fantastico vedere più siti solo AMP che vengono visualizzati, può rendere le cose molto più semplici (per la scansione, l'indicizzazione e la SEO in generale) quando hai un solo URL per ogni contenuto!

Se desideri testare un tuo sito solo AMP, ti consigliamo di configurarlo su WordPress e di utilizzare il plug-in AMP for WP - Accelerated Mobile Pages.

AMP è un progetto open source in corso con applicazioni in e-mail e annunci, oltre a contenuti web. Per informazioni complete e aggiornate sul progetto, visitare Amp.dev.

Cosa sono le PWA e perché dovrei iniziare a usarle?

Un'app Web progressiva (PWA) è un'app Web che aumenta una pagina Web con funzionalità ed elementi di esperienza utente (UX) che sono stati tradizionalmente trovati principalmente nelle app native. In altre parole, fanno in modo che i contenuti web agiscano come i contenuti delle app.

L'esperienza utente PWA prevede i seguenti passaggi:

1. L'utente apre la pagina PWA tramite il proprio dispositivo mobile. Si comporta come una normale pagina web;
2. L'utente riceve una richiesta per aggiungere la pagina alla schermata iniziale del proprio dispositivo;
3. L'utente accetta la richiesta. La pagina verrà quindi visualizzata e fungerà da app nella schermata iniziale.
4. L'esperienza utente in corso del sito Web/PWA presenta elementi tipici dell'esperienza utente nativa dell'app.

Trasformare i contenuti web in una PWA è un lavoro per il tuo sviluppatore web, che richiede competenze in HTML e JavaScript.

Google ha criteri estesi per ciò che costituisce una PWA "di base" o una PWA "esemplare".

PWA di base:

• Sono serviti su HTTPS
• Sono responsive su tablet e dispositivi mobili
• Contengono URL che verranno caricati tutti offline
• Fornisci i metadati per "Aggiungi alla schermata Home"
• Carica velocemente, anche su 3G
• Lavora su più browser (inclusi Chrome, Edge, Firefox e Safari)
• Fornire una transizione rapida tra le pagine
• Avere un URL dedicato per ogni pagina

Soddisfare questi criteri è fondamentale per la fattibilità e la potenziale portata di una PWA (o aspirante PWA) in Google Chrome.

I criteri per le PWA esemplari sono più approfonditi. Consulta l'elenco di controllo delle app Web progressive di Google per informazioni complete.

Le PWA offrono una serie di vantaggi. Dopo il primo caricamento, di solito caricano i contenuti più velocemente della maggior parte delle pagine Web tradizionali. Ciò aiuta a mantenere l'attenzione dell'utente mentre naviga attraverso più elementi di contenuto, poiché restringe la finestra di tempo in cui potrebbero allontanarsi a causa del caricamento lento del contenuto. Se desideri incoraggiare gli utenti a consumare una serie di contenuti consecutivamente, sarebbe una scommessa intelligente fornire quel contenuto tramite una PWA.

Un altro vantaggio fondamentale è che le PWA possono offrire ai marchi una presenza continua nella schermata iniziale del dispositivo mobile dell'utente. Questa opportunità è opportuna, poiché molti editori stanno lottando per competere in un affollato mercato delle app native in cui la conservazione delle app dopo 90 giorni è inferiore al 4% e gli utenti trascorrono il 77% del tempo complessivo di utilizzo delle app sulle loro prime 3 app (fonte: Statistiche di download e utilizzo delle app (2019) – Business of Apps).

Le PWA sono un potenziale punto di svolta per gli editori che prendono di mira i jet set o i lettori rurali, poiché possono caricare contenuti mentre l'utente è offline.

Un potenziale svantaggio delle PWA è che a volte sembrano funzionare in modo imprevedibile nei risultati di ricerca di Google.

Secondo Ignite Visibility, i siti che mirano a ottenere contenuti indicizzati da PWA a fini SEO dovrebbero "avere una base HTML e caricare l'app Web progressiva su di essa, [o] utilizzare uno strumento come prerender.io e/o pushstate".

Il sito Web guidato dalla community PWA Stats mantiene un elenco in tempo reale di statistiche sui risultati prodotti dai marchi passando a una PWA, dai tempi di caricamento ridotti di Tinder all'aumento delle entrate per Best Western.

Qual è la differenza tra AMP e PWA?

C'è un malinteso comune sul fatto che AMP e PWA siano tecnologie rivali che servono allo stesso scopo.

Sebbene sia vero che un ruolo chiave di entrambe le tecnologie è caricare i contenuti più velocemente per l'utente, AMP e PWA hanno punti di forza, punti deboli e usi tattici distinti dal punto di vista del marketer.

Le pagine AMP offrono tempi di caricamento imbattibili al primo clic. Ciò li rende ideali per attirare nuovi lettori, poiché la probabilità che gli utenti rimbalzino a causa del caricamento lento è ridotta. Hanno anche un'eccellente rilevabilità all'interno dei risultati di ricerca di Google. Tuttavia, AMP non supporta funzionalità avanzate della piattaforma come contenuto dinamico e notifiche push.

Le pagine PWA si caricano in modo relativamente lento al primo caricamento, ma poi si caricano molto rapidamente dal secondo caricamento in poi, il che può produrre tempi di caricamento migliori e una frequenza di rimbalzo ridotta nella relazione in corso tra il lettore e il contenuto. Inoltre, le PWA possono supportare funzionalità avanzate della piattaforma come contenuto dinamico, navigazione offline e notifiche push, fornendo così agli esperti di marketing più modi per influenzare i percorsi degli utenti e aumentare le conversioni.

Gli editori online possono combinare i vantaggi di AMP e PWA utilizzando le due tecnologie insieme. Instapage descrive uno di questi approcci nel suo articolo su PWA vs AMP:

“[Pensa] alla tua pagina AMP come gancio per il tuo sito web. Cattura l'utente con un carico istantaneo, quindi lo trascina nella tua applicazione web progressiva. Ciò ti consente di combinare le pagine AMP a caricamento rapido con una [..] PWA dinamica".

Un'altra opzione è abilitare le funzionalità PWA all'interno di una pagina AMP.

In alternativa, puoi scegliere di sviluppare una PWA utilizzando AMP. Questo metodo si basa sulla scrittura di una PWA in AMP HTML e sull'utilizzo di un componente chiamato amp-install-serviceworker per abilitare funzionalità PWA avanzate.

Quale opzione è migliore per SEO e ranking di ricerca: AMP o PWA?

A nostro avviso, la risposta è un po' entrambe, poiché AMP e PWA aiutano entrambi con la SEO in modi diversi.

Le PWA rendono i contenuti del sito più coinvolgenti e possono quindi aumentare il livello di consumo dei contenuti da parte degli utenti. Nel frattempo, AMP riduce la frequenza di rimbalzo aumentando notevolmente la velocità di caricamento delle pagine mobili.

In entrambi i casi, c'è un miglioramento nel feedback a Google sui fattori chiave di ranking della pagina web, che svolgono un ruolo nel determinare il ranking di ricerca e la visibilità complessiva della ricerca per la pagina e il suo dominio.

Quindi, l'approccio migliore dal punto di vista SEO potrebbe essere quello di utilizzare AMP e una PWA in combinazione, come discusso nella sezione precedente di questo articolo.

Cos'è tutto questo che sento sulle controversie che circondano AMP?

Anche se non c'è dubbio che AMP sia un potente strumento per distribuire contenuti web e caricarli più velocemente, dovresti essere consapevole del fatto che c'è una controversia significativa attorno al progetto.

Alcuni commentatori vedono AMP come un modo per Google di negare i siti Web degli editori online e di usurpare i loro contenuti, bloccando gli utenti in un'esperienza ottimizzata e basata all'interno di Google.

Come afferma lo scrittore di The Register, Scott Gilbertson:

“Non si tratta proprio di velocità. Come per tutto ciò che evita gli standard per la propria versione modificata, si tratta di lock-in. Tonnellate di pagine nel markup AMP di Google significano tonnellate di pagine ottimizzate specificamente per Google e indicizzate principalmente da Google e mostrate principalmente agli utenti di Google. È il tentativo di Google di eguagliare la piattaforma di Facebook. E sì, Facebook è molto peggio di AMP, ma questo non rende Google AMP una buona idea. Almeno Facebook non cerca di fingere che sia aperto".

Inoltre, le pagine AMP vengono visualizzate senza l'URL dell'editore e gli elementi del proprio marchio, dissociando di fatto il contenuto dall'editore.

Forse l'argomento più forte a favore dell'utilizzo di AMP è per gli editori. Molti dei principali produttori di contenuti multimediali del mondo lo stanno utilizzando, dai principali fornitori di notizie come The Guardian e Daily Mail, a editori con interessi speciali come Wired e Social Media Today. Questo fa sorgere la domanda: se i principali editori nel tuo campo utilizzano AMP, la tua pubblicazione può permettersi di non farlo?

Per ulteriori informazioni sulla controversia che circonda AMP, dai un'occhiata al nostro episodio del podcast di marketing digitale su come creare siti Web veloci, che include un'intervista con il co-fondatore di Raven Tools, Jon Henshaw.

Le applicazioni web progressive (PWA) sono il futuro delle app?

A dicembre 2019, TechCrunch ha riportato la sorprendente scoperta che l'1% dei migliori editori di app store sta guidando l'80% dei nuovi download.

Questo dipinge un quadro desolante per gli editori digitali che vogliono accedere ai vantaggi che le app possono offrire, che includono una presenza del marchio sostenuta sui dispositivi mobili degli utenti, un maggiore coinvolgimento degli utenti, la proprietà della piattaforma, un accesso analitico completo e, forse, cosa più importante, dispositivi mobili ottimali UX.

Nel contesto della diminuzione dei download di app native, le PWA sembrano offrire di gran lunga il modo migliore per tutti gli editori online tranne i più grandi per accedere a questi vantaggi. Funzionano intorno alla riluttanza degli utenti Web a installare un'app da un marketplace di app, passando invece a un'app all'interno di una normale esperienza di pagina Web.

Le app native stanno ancora crescendo in termini di download globali e tempi di utilizzo e, in questo senso, probabilmente rimarranno il futuro delle app. Ciò viene fornito con l'avvertenza che la crescita è guidata da una potente minoranza di importanti editori.

Detto questo, sembra che le PWA potrebbero svolgere un ruolo enorme nel futuro del consumo di contenuti mobili, un campo in cui i vantaggi UX delle PWA potrebbero favorire una maggiore diffusione della tecnologia sia tra i lettori che tra gli editori.

Conclusione: come dovrebbero agire i marketer su AMP e PWA?

Il comprovato potenziale di AMP e PWA per migliorare gli aspetti delle prestazioni dei contenuti e dell'UX suggerisce che queste tecnologie sono una strada importante per gli editori online su cui indagare.

AMP è il più facile dei due da testare su scala limitata: puoi semplicemente convertire alcune pagine di contenuto in AMP HTML e osservare i risultati (entro i confini dell'analisi relativamente limitata che Google fornisce agli editori AMP). Una PWA impegna implicitamente l'editore a fornire un'esperienza in stile app ai suoi lettori su base continuativa, e quindi non dovrebbe essere presa alla leggera.

D'altra parte, le PWA sembrano offrire vantaggi relativamente non diluiti, rispetto all'AMP. I lettori di ritorno ottengono tempi di caricamento più rapidi, oltre alle funzionalità avanzate in stile app che mancano ad AMP. Fondamentalmente, l'editore mantiene un maggiore controllo e proprietà del contenuto.

Il nostro consiglio per gli editori online che prendono in considerazione AMP e PWA è di iniziare testando AMP con poche pagine di contenuto e di esaminare a fondo l'opzione di implementare una PWA su larga scala. Indipendentemente dal fatto che vengano utilizzate da sole o in combinazione, è probabile che le due tecnologie influiscano sul modo in cui gli utenti mobili consumano i contenuti Web negli anni a venire.

ottieni ora la tua iscrizione gratuita - assolutamente non è richiesta la carta di credito

• Il kit di strumenti per il marketing digitale
• Esclusive sessioni di apprendimento video dal vivo
• Libreria completa di The Digital Marketing Podcast
• Gli strumenti di benchmarking delle competenze digitali
• Corsi di formazione online gratuiti

ISCRIZIONE GRATUITA