Che cos'è Google AMP? Come funziona e perché è utile per i siti mobili
Annuncio pubblicitario
AMP, o Accelerated Mobile Pages, è un progetto open source creato da Google con l'obiettivo di facilitare un'esperienza di navigazione più fluida per i dispositivi mobili.
Il progetto promette prestazioni più elevate, maggiore coinvolgimento e un minore utilizzo dei dati a vantaggio sia degli utenti che degli editori.
Come funziona AMP?
La velocità della pagina è diventata un fattore di classifica per le pagine mobili a luglio di quest'anno (2018) e AMP è qui per soddisfare le esigenze di velocità del tuo sito Web. In effetti, AMP promette di rendere la navigazione mobile fino all'85% più veloce.
Attraverso una combinazione di ottimizzazioni e restrizioni per HTML, JavaScript e CSS; Le pagine AMP si caricano quasi all'istante. Al posto di JavaScript scritto dall'autore, elementi specifici di AMP assicurano velocità e compatibilità.
La velocità della pagina migliora anche con prioritizzazione above the fold, cache AMP specifiche e prerendering. Inoltre, l'uso di piccoli file e supporti e poche richieste di risorse dal server aggiungono ulteriori miglioramenti di velocità.
Le ottimizzazioni in AMP assicureranno inoltre che il layout delle tue pagine si carichi sempre correttamente, anche prima che vengano caricate immagini e iframe (per gli annunci pubblicitari).
Questo viene fatto specificando la dimensione delle immagini e degli iframe nel documento HTML (chiamato "layout statico"). E sostanzialmente impedisce ai contenuti di spostarsi per adattarsi alle risorse durante il caricamento.
Che cos'è la memorizzazione nella cache AMP?
Se pubblichi un sito AMP valido, le tue pagine vengono automaticamente memorizzate nella cache come parte dell'ecosistema AMP. La cache memorizzerà i tuoi documenti, font e immagini AMP.
Oggi ci sono due cache AMP in uso, AMP Cache di Google e AMP Cache di Cloudflare. I soli server di Cloudflare coprono 102 sedi in 50 paesi diversi.
La cache viene aggiornata ogni volta che qualcuno accede al contenuto e il contenuto aggiornato viene offerto automaticamente all'utente successivo. Ciò garantisce che la versione più recente venga fornita rapidamente a quante più persone possibile.
Oltre a memorizzare nella cache il contenuto, il server cache fornirà anche alcune ottimizzazioni e modifiche come:
- Convalida del formato AMP.
- Limitazione delle dimensioni dell'immagine per evitare problemi di memoria del browser e scarsa reattività.
- Rimozione di dati di immagine che sono invisibili o difficili da vedere, come alcuni metadati.
- Conversione di immagini in formati di immagine più piccoli e ottimizzati per dispositivi mobili, come la conversione di immagini in formato GIF, PNG e JPEG in WebP (cos'è WebP? Presentazione di WebP di Google, un'alternativa Web più veloce a JPEG Presentazione di WebP di Google, un'alternativa Web più veloce a JPEG Google si è impegnato a rendere il Web più veloce. Ulteriori informazioni) nei browser che supportano WebP.
- Trasformazione delle immagini a qualità inferiore se la richiesta include l'intestazione Save-Data.
- Aggiunge supporto per immagini di dimensioni reattive.
- Serve su un canale sicuro (HTTPS) e utilizza gli ultimi protocolli Web (SPDY, HTTP / 2).
- Disinfetta i documenti AMP per prevenire attacchi XSS basati su tag HTML non correttamente chiusi, commenti e altro.
Oltre a queste ottimizzazioni, la cache completerà anche molti processi di sanificazione HTML per normalizzare l'analisi.
Un elenco completo di ottimizzazioni della cache AMP è disponibile nelle pagine degli sviluppatori di Google.
Quali sono i vantaggi effettivi di AMP?
La velocità è l'attrazione principale di AMP. Ed è per questo che molti editori come Google, Facebook, Baidu, Pinterest e Twitter hanno già adottato la tecnologia. La velocità migliorata aumenta il coinvolgimento e riduce le frequenze di rimbalzo su tutta la linea.
AMP è particolarmente utile in aree con scarsa copertura di Internet mobile o su reti pubbliche congestionate e lente come aeroporti e caffetterie Come individuare le reti Wi-Fi pubbliche "Evil Twin" false gestite dagli hacker Come individuare Wi-Fi pubbliche "Evil Twin" false -Reti gestite da hacker Non tutte le reti Wi-Fi a cui accedi sono sicure. Alcuni potrebbero anche essere falsi. Continua a leggere per conoscere i Rogue AP e i Evil Twins. Leggi di più . Ed è per questo che i contenuti vengono caricati nelle loro app così velocemente quando la normale navigazione è lenta.
La ricerca condotta in uno studio sull'impatto economico totale di Forrester Consulting (commissionato da Google) l'anno scorso, ha rilevato che:
"AMP porta ad un aumento del 10% nel traffico del sito Web con un aumento del 2x del tempo trascorso sulla pagina. Per i siti Web di e-commerce che utilizzano AMP, lo studio ha anche riscontrato un aumento del 20% delle conversioni di vendita rispetto alle pagine non AMP. "
Le migliori storie di Google Carousel su dispositivo mobile utilizzerà la cache AMP di Google solo per visualizzare articoli, quindi per molti editori, l'utilizzo di AMP dovrebbe essere una scelta automatica.
New York Times, eBay e AliExpress sono buoni esempi da verificare che hanno sfruttato AMP. Se fai clic sul contenuto di questi siti (contrassegnato da un'icona amp) nella ricerca di Google sul tuo telefonino, caricherai la versione AMP delle loro pagine.
Storie AMP
Un'aggiunta all'ecosistema AMP all'inizio di quest'anno è stata la storia di AMP. Simile alle storie di Snapchat Come usare Snapchat: una guida completa per principianti Come usare Snapchat: una guida completa per principianti Snapchat è popolare, ma un numero sorprendente di persone non sa come usarlo correttamente. Questo articolo ti aiuterà a trasformarti da principiante in esperto. Leggi di più, questi sono già in uso da molti editori. Buoni esempi includono la storia della CNN sulle missioni che esplorano ancora il nostro Sistema solare e la guida essenziale di Mashable a Black Panther.
AMP Story Ads, un'aggiunta alla funzionalità Storie, è stata recentemente resa disponibile per tutti i siti Web che utilizzano Google Ad Manager. Si tratta di annunci a schermo intero che compaiono nelle storie di AMP e sono uno dei tanti miglioramenti che hanno reso AMP molto più utile rispetto a un anno fa.
Quali sono gli svantaggi di AMP?
Se usi Google, Twitter, Pinterest, Messenger, ecc., Noterai che si apriranno collegamenti esterni all'interno del dominio stesso, anziché il dominio a cui è collegato.
Sebbene il visualizzatore AMP migliora l'esperienza di navigazione per gli utenti, può essere negativo per i proprietari di siti Web. Ti toglie il potere di controllare la navigazione del visitatore attraverso il tuo sito.
Ciò può privare il tuo sito di visualizzazioni di pagina e disturbare le entrate pubblicitarie. Esistono anche alcuni problemi di analisi e tracciamento che possono essere difficili da risolvere se non si utilizza Google Analytics per AMP.
Detto questo, alcuni lettori potrebbero preferire le difficoltà di tracciamento. In tal caso, ecco cosa puoi fare per scoprire chi ti sta seguendo online. 5 modi per verificare chi ti sta seguendo online 5 modi per controllare chi ti sta seguendo online Vuoi vedere chi ti sta seguendo online? Questi siti Web e le estensioni del browser ti mostreranno quanto Google, Facebook e altre reti pubblicitarie stanno monitorando la tua attività. Leggi di più
Le principali storie di Google Carousel su dispositivi mobili includeranno solo contenuti pronti per AMP. Questo è un fatto importante poiché la maggior parte del traffico verso tutti i contenuti AMP proviene da persone che effettuano ricerche su Google.com.
Questo favoritismo AMP non si limita al carosello di notizie. Google presenterà anche siti Web abilitati per AMP superiori a qualsiasi altro link, inclusi siti standard ottimizzati per dispositivi mobili. Detto questo, AMP stesso non è tecnicamente un fattore di Page Rank (ancora), ma i miglioramenti della velocità lo sono.
Anche se rendi disponibili le tue pagine AMP, non verranno sempre utilizzate a seconda del sistema operativo, delle app o del dispositivo utilizzato. Se usi Cloudflare, puoi abilitare i collegamenti mobili accelerati per identificare e visualizzare i contenuti AMP dal tuo sito su dispositivi mobili, indipendentemente dalla fonte.
Cloudflare può anche aiutarti a migliorare la tua privacy e le tue prestazioni quando usi il tuo cellulare. Ora puoi usare il DNS 1.1.1.1 di Cloudflare sul cellulare Puoi ora usare il DNS 1.1.1.1 di Cloudflare sul cellulare Cloudflare ha lanciato un'app mobile per il suo servizio DNS 1.1.1.1. Questo è ora disponibile sia per Android che per iOS. Leggi di più
Visualizzazione e progettazione in AMP
Ci amiamo alcuni siti Web dall'aspetto elegante. Tuttavia, le limitazioni di AMP possono farti perdere alcuni dei tuoi siti visivamente attraenti che altrimenti potresti conservare utilizzando i siti Web responsive e il design mobile.
Plugin in WordPress, ad esempio, serviranno AMP offrendo una versione semplificata del tuo sito web. Questi convertitori da WordPress ad AMP offrono un fascino visivo molto limitato e sono uno dei motivi principali per cui molti siti AMP sembrano simili.
Se progetti le tue pagine AMP a mano, invece di utilizzare i convertitori, puoi ottenere un design simile al design mobile tradizionale e visivamente più accattivante.
AMP ha ancora molta strada da fare e molti sviluppatori sono fortemente contrari al suo utilizzo poiché li sta costringendo ad entrare ulteriormente nell'ecosistema di Google. Ciò sta facendo sì che molti cerchino alternative a Google. Arrivederci Google: le 15 migliori alternative a ricerca, notizie, documenti e altro Arrivederci Google: le 15 migliori alternative a ricerca, notizie, documenti e altro Vuoi passare da Google per bene? Queste sono le migliori alternative per tutte le principali app e servizi di Google. Leggi di più .
Dovresti creare pagine AMP?
AMP offre molti vantaggi ai proprietari di siti Web, soprattutto se si forniscono quotidianamente elevati volumi di contenuti. Tuttavia, puoi risolvere molti dei problemi che rallentano un sito Web come l'uso eccessivo di JavaScript, la risposta lenta del server e file di grandi dimensioni senza implementare AMP.
Essere intelligenti con il tuo design mobile può servire velocemente il tuo sito web. Jenny Gove di Google ha scritto un ottimo articolo su What Makees a Good Mobile Site, che vale la pena leggere.
Esistono plugin AMP WordPress e plugin AMP Drupal che possono aiutarti a generare contenuti AMP. Altrimenti, i documenti di avvio rapido AmpProject sono una risorsa preziosa da utilizzare per codificare manualmente le pagine AMP.
L'intero sito Web AMPProject è effettivamente creato e reso in AMP, quindi è un buon esempio di come queste pagine possono apparire in tutte le risoluzioni, non solo sui dispositivi mobili.
Sebbene le persone abbiano una forte antipatia per AMP per molte ragioni diverse, Stonetemple.com ha esaminato 10 case study per vedere la differenza nel coinvolgimento e nella conversione degli utenti. Concludono che fino a quando l'implementazione dell'AMP sarà completata, la maggior parte dei siti Web, indipendentemente dalla loro nicchia, vedrà benefici.
La linea di fondo è che dovresti considerare se i tuoi clienti trarranno benefici da AMP. A seconda dei servizi che offri e dei contenuti che offri, potrebbe non aggiungere miglioramenti sulle pagine mobili. Con una corretta ottimizzazione, anche le pagine mobili possono essere caricate abbastanza velocemente!
Come disabilitare AMP
La memorizzazione nella cache è una parte fondamentale dell'ecosistema AMP e la pubblicazione di un documento AMP valido lo inserisce automaticamente nella consegna della cache. Se desideri rimuovere le tue pagine, Google ha scritto una guida su come rimuovere i contenuti AMP dalla Ricerca Google.
Se desideri interrompere il caricamento delle pagine AMP come utente, puoi disabilitare AMP Links e caricare invece le pagine originali Come disabilitare Google AMP in Ricerca Google su Android e iPhone Come disabilitare Google AMP in Ricerca Google su Android e iPhone Google AMP ha alcuni vantaggi, ma se si desidera disabilitarlo, uno di questi tre metodi dovrebbe funzionare per voi. Maggiori informazioni sul tuo telefonino.
Scopri di più su: Google AMP, Navigazione mobile, Web design, Sviluppo Web.
