Tutto quello che dovresti sapere su Google AMP per l'e-commerce

Pubblicato: 2018-05-03

Quando Google ha rilasciato la notizia che oltre il 50% del totale delle ricerche su Google proviene da dispositivi mobili, sapevamo che i dispositivi mobili erano il prossimo grande passo nell'ottimizzazione dei motori di ricerca. Poi è arrivata la notizia del posizionamento dei siti Web su Google preferendo i siti mobili, tutti hanno iniziato a riparare i loro siti mobili. Poi Google ha lanciato l'indicizzazione mobile-first all'inizio del 2018 ed è emersa l'importanza di Google AMP.

Sebbene AMP non sia il fattore di ranking diretto per Google, ha da offrire molto che può aumentare le tue classifiche su Google e altri motori di ricerca.

Prima di esaminare l'importanza di Google AMP per l'e-commerce, esaminiamo rapidamente le nozioni di base.

Che cos'è Google AMP?

AMP sta per Accelerated Mobile Pages ed è un progetto supportato da Google. Google AMP è un progetto open source per fornire pagine Web veloci, fluide e accattivanti per dispositivi mobili.

I componenti principali di Google AMP sono:

  • HTML AMP
  • AMP JS
  • Cache AMP di Google

AMP HTML è in realtà l'HTML di base ma con proprietà AMP estese.

AMP JS aiuta nel rendering più veloce di una pagina web.

Google AMP Cache è una rete di distribuzione di contenuti basata su proxy che aiuta a fornire tutti i documenti AMP a una velocità maggiore. Recupera tutti i codici HTML AMP, memorizza nella cache e fornisce rapidamente le pagine Web quando viene aperto per la prossima volta.

In che modo Google AMP carica una pagina più velocemente?

Google AMP ha un modo leggermente diverso di elaborazione. In sostanza, Google AMP funziona in questo modo per caricare una pagina più velocemente:

  1. Eseguendo tutto il JavaScript AMP in modo asincrono. Ciò significa che AMP crea JavaScript individuale per tutti i blocchi del contenuto e carica separatamente. Quindi, per un blocco particolare, l'intera pagina non deve soffrire nel rendering.
  2. AMP carica le dimensioni e la struttura della pagina senza alcun aiuto dalle risorse. In uno scenario normale, il browser non sa quanto durerà la struttura della pagina. Ma nel caso di Google AMP, determina la dimensione del contenuto, degli annunci o delle immagini.
  3. Google AMP mantiene tutto il JavaScript di terze parti nell'iframe sandbox. In questo modo, JavaScript di terze parti non può bloccare il rendering degli elementi della pagina principale. Questo potrebbe semplicemente significare: gli annunci di terze parti non danneggeranno la velocità di caricamento del contenuto della pagina web principale.
  4. AMP può dare priorità al caricamento delle risorse. Ciò consente alla pagina Web di caricare rapidamente elementi importanti come contenuti, immagini o video e annunci esterni in una fase successiva.

Ora che abbiamo capito cos'è Google AMP e come funziona, dovremmo capire perché è importante per l'e-commerce.

Google AMP per l'e-commerce

Secondo una ricerca condotta su cittadini statunitensi, sulla velocità della pagina del sito sono emersi fatti scioccanti. Nel 2012, Amazon ha stimato che avrebbero perso $ 1,6 miliardi ogni anno con ogni secondo aggiunto alla velocità di caricamento della pagina.

Un solo secondo di ritardo nel caricamento della pagina può portare a una diminuzione del sette percento della conversione.

In base al modo in cui il comportamento dei visitatori sta cambiando, è diventata una necessità per qualsiasi sito Web caricarsi alla velocità della luce. Risulta, Google AMP può risolvere questo problema.

Google AMP è stato fondamentalmente creato per pagine basate sui contenuti come blog e articoli. Ma, negli anni, Google AMP è stato sviluppato e ha raggiunto una fase in cui è altamente consigliabile per l'e-commerce.

Ma implementare AMP per l'e-commerce ha un approccio leggermente diverso. Diamo un'occhiata a come funziona AMP per l'e-commerce?

Come funziona Google AMP per l'e-commerce?

Ai tempi dell'introduzione di AMP, era altamente consigliato per le pagine Web con blog e articoli. Quindi, è stato sostanzialmente suggerito per le pagine statiche. Sembrerebbe qualcosa del genere:

Ma, quando lo sviluppo di AMP è acceso, ha raggiunto una fase in cui AMP per l'e-commerce è una scelta saggia. Ecco un esempio di una pagina di categoria eBay per set di batteria alimentati da AMP.

AMP per l'e-commerce è efficace per tre tipi di pagine:

  1. Pagina iniziale
  2. Pagine delle categorie di prodotti
  3. Pagine dei prodotti

La home page è una delle pagine web da cui partire quando si parla di AMP per l'e-commerce. La tua home page è visitata da migliaia di persone e, se si carica rapidamente, può salvare molti potenziali clienti.

In secondo luogo, le pagine delle categorie di prodotti sono anche uno dei fattori importanti di un sito Web di e-commerce. Ecco un esempio di una pagina di categoria di prodotto con AMP:

Quando un utente cerca una query su Google, le pagine alimentate da AMP hanno maggiori possibilità di posizionamento in quanto sono relativamente veloci. Nell'esempio sopra, ho cercato il kit per il trucco e la pagina AMP di Lancome è apparsa.

Terzo, le pagine dei prodotti. Come tutti sappiamo, AMP dà la priorità agli elementi di caricamento su una pagina web, si adatta bene a qualsiasi pagina di prodotto di e-commerce. Le immagini e le descrizioni dei prodotti sono due fattori importanti per qualsiasi pagina di prodotto. AMP identificherà quegli elementi e li consegnerà per primi. Quindi, verranno caricati tutti i JS di terze parti, ovvero annunci o banner.

Come creare pagine di categorie di prodotti con AMP?

Le pagine delle categorie di prodotti sono tra le pagine di destinazione di qualsiasi sito di e-commerce. Con AMP, puoi progettare pagine di categorie di prodotti.

Una pagina di categoria di prodotto è un mix di contenuto testuale con immagini ricche, magari in stile eroe. AMP per le pagine delle categorie di prodotti eCommerce può essere una scelta saggia in quanto fornirebbe tutte le funzioni necessarie richieste ai visitatori come il filtraggio e l'ordinamento.

Ora viene la domanda, se Google AMP utilizza la cache per caricare le pagine, fornirebbe contenuti dinamici o aggiornati?

La risposta è si.

Google AMP funziona con il metodo "State-while-revalidate" in cui se ci sono modifiche dinamiche nella pagina, ricorderebbe la pagina aggiornata dal server e fornirebbe la nuova pagina. L'utente non vedrà mai i dati più vecchi o obsoleti di 15 secondi.

Bene, ecco qua. Se aggiorni il prezzo del prodotto o il prodotto è esaurito, tali dati dinamici verranno consegnati come nuovi come hai aggiornato.

AMP per le pagine dei prodotti di e-commerce

  Anche la pagina del prodotto AMP per l'e-commerce è semplice. Puoi implementare AMP nelle pagine dei tuoi prodotti utilizzando vari componenti come amp-carousel, amp-bind, amp-selector, amp-access, ecc.

AMP ti aiuterà con le seguenti aree quando si tratta di creare pagine di prodotto:

  1. Galleria del prodotto
  2. Configurazione del prodotto
  3. Aggiungi al carrello
  4. Schede
  5. Valutazioni a stelle
  6. Commenti e Recensioni

Quindi, per riassumere, AMP per l'e-commerce è una scelta intelligente poiché la velocità della pagina è diventata molto più importante di qualsiasi fattore nell'esperienza dell'utente. E quando si tratta di Google, ha sempre aumentato i risultati che hanno offerto una migliore esperienza utente.

Ecco alcune domande frequenti su Google AMP per l'e-commerce:  

  1. È consigliabile Google AMP per l'e-commerce?

La risposta è un enorme SÌ.

  1. AMP avrà un impatto sulla SEO?

Google ha già suggerito che AMP non è un fattore di ranking, ma è importante! AMP carica le pagine in modo rapido e ciò fornisce una buona esperienza utente. UX/UI è considerato un fattore di ranking nel ranking di Google.

  1. Posso monitorare i link AMP da Google Analytics?

Sì. Puoi tenere traccia dei dati sui visitatori dei link AMP utilizzando amp-analytics .

  1. Un cliente può aggiungere recensioni di prodotti sulla pagina dei prodotti AMP?

Sì. È possibile aggiungere commenti e recensioni dei clienti utilizzando amp-form e amp-access .

  1. Google AMP fornirà contenuti dinamici?

Sì. Anche se Google AMP utilizza la cache, ricorda gli aggiornamenti dal server e fornisce dati aggiornati.

  1. Quali sono gli svantaggi di AMP per l'e-commerce?

AMP dipende da JavaScript semplificato, quindi qualsiasi sviluppo esterno in termini di design o aspetto potrebbe non essere consegnato. È anche possibile omettere qualsiasi funzionalità aggiuntiva che hai sviluppato per i clienti.

AMP dà una priorità minore al JS di terze parti, quindi gli annunci pubblicati sulle pagine dei prodotti potrebbero non essere efficaci come sulla pagina desktop standard o sulla pagina mobile.

Linea di fondo

In effetti, AMP per l'e-commerce è una scelta saggia, ma devi essere esigente. Devi capire le pagine di destinazione con il ranking più alto e la soddisfazione di terze parti. Sulla base di queste analisi, puoi scendere a un elenco di pagine da cui puoi iniziare.

Le strategie per implementare AMP su varie piattaforme di e-commerce sono diverse. Potresti voler controllare la combinazione di AMP con la tua piattaforma di e-commerce. Ecco un buon articolo su AMP per BigCommerce, se stai giocando in quel segmento.

Saluti!