La guida definitiva per Accelerated Mobile Pages (AMP)

E ‘ il momento di accelerare le pagine mobili.

Quando Google ha lanciato l’aggiornamento mobile-cordialità e alla fine ha reso uno dei fattori di posizionamento dei motori di ricerca mobili, proprietari di siti hanno iniziato in attesa di un’esperienza mobile più veloce.

È bene ottimizzare le tue pagine per gli utenti mobili. Tuttavia, se le pagine del browser mobile non vengono caricate rapidamente, si tratta di un inconveniente che può scoraggiare gli utenti dal godersi i tuoi contenuti.

Quindi, qual è la soluzione?,

Pagine mobili accelerati – o AMP.

La velocità è parte integrante della progettazione di pagine web. I dati di KISSmetrics mostrano che ” circa il 40% delle persone abbandonerà una pagina Web che richiede più di 3 secondi per essere caricata.”

Inoltre, se un sito di shopping online sta facendo $100.000 al giorno, un ritardo di 1 secondo pagina potrebbe potenzialmente costare $2,5 milioni di vendite perse ogni anno.

Secondo Google, il plugin AMP ha ridotto il tempo di download tra il 15% e l ‘ 85%, nei test iniziali.,

Nel dicembre del 2015, Google ha detto che accelerato pagine mobili potrebbe diventare un fattore di classifica.

Come previsto, webmaster, marketing e SEO hanno iniziato ad analizzare come può influenzare le pagine Web mobili. Hanno trovato diverse istanze che puntano al fatto che AMP in realtà ha un enorme impatto sul posizionamento nei motori di ricerca mobili.

In poche parole, le pagine ottimizzate per l’AMPLIFICATORE sono migliori e più veloci e sicuramente convertono più visitatori di pagine mobili in clienti.,

Nella loro lavagna britannica venerdì, Will Critchlow e Tom Anthony, di Distilled, hanno dato una chiara spiegazione di come funziona il plugin AMP e come posizionare le pagine mobili per trarne beneficio.

Se vuoi approfondire AMP, e cosa può fare per te, come un marketer digitale che capisce l’importanza di raggiungere gli utenti mobili, mi permetta di abbattere l’argomento.

Che cos’è Accelerated Mobile Pages (AMP)?

AMP dovrebbe diventare parte della vostra strategia di contenuti mobili.,

Il plugin AMP è nato dalla collaborazione tra Google e Twitter.

In termini semplici, Accelerated Mobile Pages è un progetto di iniziativa open-source progettato per ottimizzare le pagine mobili più veloci. E ‘ come prendere una pagina che è già mobile friendly e facendolo caricare più velocemente, spogliandolo verso il basso per le basi.

Puoi visitare la piattaforma open source initiative qui.

AMP è un’ulteriore prova dell’attenzione di Google per gli utenti.,

Ogni volta che Google lancia un nuovo aggiornamento come questo, si potrebbe pensare che sono esclusivamente interessati a generare più soldi.

In definitiva è vero perché più i suoi utenti sono felici, più tornano su Google e questo significa più inserzionisti.

Ma, Google è appassionato di utenti dei motori di ricerca mobili. E dovresti esserlo anche tu.

Accelerated Mobile Pages (AMP) è un progetto / piattaforma di iniziativa open source volto ad aiutare gli editori a migliorare la velocità e la leggibilità delle loro pagine di contenuti mobili.,

Pagine mobili più veloci + contenuti leggibili = migliore esperienza utente

Come funziona il plugin AMP?

Paul Shappiro, di Search Engine Land, illustra la struttura in 3 parti di AMP:

Il plugin AMP rende la tua pagina mobile più rapidamente, riducendo l’aspetto del tag manager del codice HTML e rendendo solo quelli adatti agli utenti mobili.,

Questo diagramma e la spiegazione, dalla lavagna di Will Critchlow Venerdì, semplificano il processo:

AMP rende le pagine utilizzando il codice HTML ottimizzato. Ci si aspetta che le pagine vengano caricate più velocemente perché vengono eliminati alcuni aspetti di tag manager del codice HTML che altrimenti rallenterebbero la pagina.

Se JavaScript è incluso nelle tue pagine mobili, lo script non verrà reso per le tue pagine mobili accelerate.,

Ecco alcune altre cose che dovresti sapere:

• Con AMP, devi usare una versione semplificata di CSS.
• È consentito utilizzare solo la libreria JavaScript fornita da AMP – poiché non si ha il controllo, è possibile che si verifichi un caricamento lento. Questo potrebbe essere l’unico aspetto negativo di AMP.
• Affinché i siti AMP funzionino ogni volta, devono essere correttamente convalidati
• Nessun modulo è consentito sulle pagine dei plugin AMP.
• Per una migliore esperienza, font personalizzati devono essere appositamente caricati.
• Per evitare immagini dall’aspetto bizzarro, assicurati di dichiarare altezza e larghezza.,
• Usa le estensioni approvate da AMP se vuoi avere video sulla tua pagina.

Quindi, quando si integra il plugin AMP e lo si utilizza per migliorare le pagine mobili, ciò che dovrebbe importare di più è la velocità e la leggibilità, non la capacità di condivisione. I tuoi pulsanti di condivisione sociale potrebbero non essere visualizzati correttamente poiché la maggior parte di essi è sviluppata utilizzando JavaScript.

Vantaggi delle pagine mobili accelerate

Esiste una correlazione significativa tra velocità del sito, visualizzazioni di pagina e posizionamento nei motori di ricerca mobili.,

Una cosa che devi ricordare è che ogni volta che una particolare pagina web viene caricata rapidamente, gli utenti del browser mobile visualizzeranno più pagine sul sito, riducendo così la frequenza di rimbalzo.

Quando la frequenza di rimbalzo viene ridotta e l’esperienza in loco aumenta, Google premierà la pagina. Non dovresti essere sorpreso di trovare le pagine dei plugin AMP più alte di quelle non-AMP. Vedi le due versioni:

plugin

A dire il vero, ci sono molti vantaggi nell’ottimizzazione con il plugin AMP., Ma, consideriamo la parte superiore 5:

Follemente veloce caricamento delle pagine web che gli utenti amano: La velocità è la linfa vitale della pagina del browser mobile. Grande contenuto è importante, ma, a meno che le pagine sono accessibili, gli utenti non li leggeranno.

Questo studio ha rilevato che un ritardo di 1 secondo nel tempo di caricamento del browser mobile può ridurre il tasso di conversione del 3,50%, ridurre le visualizzazioni di pagina del 9,40% e aumentare la frequenza di rimbalzo fino all ‘ 8,30%.

Ecco perché è necessario rendere le pagine del browser mobile follemente veloce. AMP ti aiuta a raggiungere questo obiettivo.,

Ricorda che il modo in cui le persone consumano contenuti (ad esempio articoli, post di blog, video e podcast) è cambiato radicalmente. La velocità con cui il contenuto viene pubblicato è straordinaria.

Se le tue pagine mobili sono lente come una lumaca, non convertirai gli utenti del browser mobile mirati in clienti. Preparati a sperimentare drammatici aumenti di velocità della pagina con AMP.

Come un marketer digitale, questo dovrebbe stimolare in azione, per migliorare le pagine mobili.

Google sta migliorando costantemente i suoi sistemi., Pensavamo che la compatibilità del browser mobile fosse il più grande aggiornamento finora, ma poi è arrivato il progetto AMP.

E, questo può significare solo una cosa: Google non è ancora fatto. Nuovi aggiornamenti dell’algoritmo del motore di ricerca mobile, funzionalità avanzate e strumenti continueranno a essere sviluppati.

Quindi, inizia. Visita AMPProject.org e iniziare ad accelerare le pagine mobili.

Maggiore visibilità del browser mobile per i content marketing: Google ha iniziato a visualizzare i risultati AMP in elenchi organici. È possibile identificare questi risultati dai simboli AMP, in verde.,

Ovviamente, più i tuoi risultati attirano l’attenzione, più clic otterrai.

Questi simboli AMP verde sarà sicuramente portare ad un miglioramento click-through-rate perché questi risultati dei motori di ricerca mobile si distinguono dal resto.

Gli utenti dei motori di ricerca mobili inizieranno quindi a cercare specificamente le pagine dei plugin AMP poiché queste pagine si caricano più velocemente delle tipiche pagine mobili.

Migliorata mobile search engine rankings: C’è una forte relazione tra la velocità del sito e il tasso di conversione., Se gli utenti sono felici su un sito a caricamento rapido, è più probabile che si iscrivano a un elenco o acquistino un prodotto.

Anche se molto è ancora previsto di AMP, Google non ha ancora fatto un fattore di classifica.

Sai già che la velocità di caricamento delle pagine e la facilità di utilizzo dei dispositivi mobili sono fattori ben noti, ma AMP lavorerà a stretto contatto con le pagine mobili.

Ecco perché non può mai essere utilizzato come fattore di classifica indipendente perché funziona solo su pagine mobili e non ha nulla a che fare con la versione desktop di pages.,

Detto questo, poiché i siti che sono mobile-friendly sono ricompensati con classifiche più elevate nei risultati di ricerca mobili organici, pagine sviluppate con AMP sarà molto probabilmente rango superiore rispetto alle pagine non-AMP, nelle pagine dei risultati mobili (MRP).

Supporto pubblicitario flessibile: la maggior parte delle persone ha iniziato un sito web o un blog per fare soldi e per sostituire eventualmente il loro lavoro di giorno.

Guardando le versioni del browser desktop e mobile delle pagine di un sito, è facile concludere se ci sono troppe distrazioni.,

Queste distrazioni, come l’immagine dell’intestazione, il menu di navigazione, la barra laterale, i pulsanti di condivisione sociale, i moduli, i popup e altri elementi non necessari, possono ridurre il tasso di conversione.

Ma, con AMP, è possibile sbarazzarsi di distrazioni sulle pagine del browser mobile.

Questo perché non tutti i tag di codice HTML vengono eseguiti, si utilizza una versione semplificata di CSS e JavaScript è fuori questione (principalmente). È anche 6x più leggero nel codice.

Ciò significa che è possibile fare soldi più facilmente dai tuoi annunci.,

Se analizzi le versioni AMP di The Guardian, ad esempio, saprai immediatamente che è progettato per visualizzare gli annunci in modo più flessibile e user-friendly rispetto alla tipica pagina del browser mobile.

Quando fai clic su una pagina mobile accelerata, verrà caricata quasi istantaneamente, anche prima che tu abbia finito di fare clic.

Quando visualizzi annunci di terze parti sulle tue pagine mobili accelerate, assicurati di distribuire annunci che si caricano rapidamente ma attirano anche l’attenzione dell’utente e offrono un valore immenso.,

Come già sai, questo approccio di content marketing è il modo più semplice per aumentare la tua influenza, aiutare gli utenti a ottenere risposte alle loro domande e migliorare il ROI sulla spesa pubblicitaria.,

Se siete pronti a monetizzare il tuo AMP-pagine ottimizzate, qui sono alcuni dei più popolari reti pubblicitarie che sono attualmente in uso AMP-annunci funzionalità:

• Amazon A9
• AdReactor
• Google Doubleclick
• Flite
• Adform
• Google AdSense
• AOL AdTech
• Taboola
• plista
• Smart AdServer
• Yieldmo
• DotAndAds

per il tracciamento degli Utenti è semplice: non basta inviare traffico al tuo browser mobile pagine. Devi anche sapere come sono arrivati al tuo sito.,

Il monitoraggio ti aiuta a determinare da dove provengono le persone, quali pagine hanno visualizzato e così via.

Monitorare gli utenti e le prestazioni del sito è abbastanza facile su AMP perché ci sono strumenti analitici in atto, dove è possibile studiare le versioni di AMP in modo più dettagliato.

Il comportamento dell’utente può essere influenzato solo quando lo si tiene traccia. Con AMP, gli editori possono utilizzare tali analisi di tag manager per scegliere tra due tag.

Questi tag aiutano a tenere traccia automaticamente dei dati essenziali, come clic / conversioni, monitoraggio di video e link, conteggi dei visitatori, nuovi visitatori rispetto a quelli di ritorno e altro ancora.,

Altre aziende di soluzioni tecnologiche, come WordPress, Parse.ly, Chartbeat, LinkedIn, Adobe Analytics, Pinterest e, naturalmente, Twitter, stanno anche già sostenendo AMP.

Ottimizza le tue pagine per AMP

Accelerated Mobile Pages è ancora in fase di sviluppo. Secondo gli sviluppatori del progetto AMP, Github, ” Ogni settimana giovedì pubblichiamo una nuova versione di AMP su tutte le pagine di AMP.”

Prevedo nuove funzionalità che entrano in esso. Mi aspetto, ad esempio, una funzionalità che consenta agli utenti di scegliere quale versione di una pagina visualizzare, una versione AMP o una pagina mobile standard.,

In entrambi i casi, hai ancora bisogno di preparare le tue pagine web per AMP. In questo modo, qualunque cosa accada, sarai nella squadra vincente.

Ci sono diverse opzioni, quando si sta cercando di ottimizzare le pagine web per AMP. Se sei un principiante, una delle cose che potresti fare è mantenere almeno due versioni della tua pagina di contenuto.

La tua pagina di contenuto originale sarebbe la versione amichevole del browser mobile che gli utenti vedranno, ma avrai anche la versione AMP di quella pagina specifica, che sicuramente accelererà le cose.,

Ricorda anche che le versioni di AMP contengono codice HTML di base, che non consente elementi del modulo e JavaScript di terze parti.

Come marketer, vogliamo tutti costruire la nostra lista di email. Lo svantaggio di AMP è che non ti permetterà di raggiungerlo facilmente.

Inoltre, i commenti degli utenti e altre attività a cui gli utenti partecipano quando visualizzano i tuoi contenuti su una pagina mobile potrebbero non essere possibili con AMP.

Ancora una volta, il focus è sulla velocità e leggibilità.,

Per iniziare subito con AMP, se sei un utente WordPress, devi solo scaricare e installare il plugin WordPress su GitHub.

È sufficiente fare clic sul pulsante “Download Zip”.

Nota che puoi installare il plugin AMP attraverso la tua dashboard di WordPress, proprio come faresti con qualsiasi altro plugin. E ‘ piuttosto semplice.

Una volta installato e attivato correttamente il plugin, tutto ciò che devi fare è aggiungere “/ amp / ” alle pagine dei post del tuo blog., Ecco come appare su un browser mobile:

E, ecco la versione AMP di questa pagina sul Guardian:

Se non hai un permalink amichevole, puoi aggiungere questo “?amp = 1 ” invece.

Non dimenticare di convalidare e modificare Google Search Console. In questo modo, puoi aiutare Google a ritirare le tue versioni AMP più velocemente.

Conclusione

AMP è veramente potente. Come aggiornamento alle pagine mobile-friendly, ti aiuta a soddisfare le aspettative di Google che ottimizzi il tuo sito per la velocità.,

In futuro, Accelerated Mobile Pages influenzerà molte interazioni mobili sui social media. Ne sono certo.

Mentre il focus è su AMP in questo momento, non dimenticare di utilizzare strategie di marketing mobile comprovate. Ecco come generare clienti mobili sul tuo sito e far crescere la tua attività.

Prima di partire, ho una domanda per te: hai accelerato le tue pagine mobili per velocità e leggibilità? Se no, cosa ti impedisce?