Paolo Dell'Aguzzo
  • Chi sono
  • Cosa offro
  • Portfolio e Carriera
    • Carriera
    • Portfolio
  • PRESS e Guest Post
  • Contatti
  • Blog
Paolo Dell'Aguzzo
  • Chi sono
  • Cosa offro
  • Portfolio e Carriera
    • Carriera
    • Portfolio
  • PRESS e Guest Post
  • Contatti
  • Blog
Set 20
cos'è AMP

AMP cos’è e come installarlo su WordPress

  • 20/09/2017
  • Paolo Dell'Aguzzo
  • No Comments
  • Wordpress
  • amp, seo, wordpress

In questo articolo ti voglio spiegare cos’è AMP e come installarlo su WordPress. Non devi per forza avere un blog WordPress per seguire questa guida e sicuramente imparerai qualcosa di nuovo.

Web Hosting

AMP è molto importante per dare agli utenti un’esperienza migliore e rapida. Ti spiego subito il perché.

Cos’è AMP?

AMP è l’acronimo di Accelerated Mobile Pages ed è un progetto open source. E’ stato sviluppato con l’obiettivo di creare contenuti rapidi, belli da vedere e molto performanti.

Le pagine AMP vengono create utilizzando 3 componenti principali:

  • AMP HTML
  • AMP JS
  • AMP Cache

Cos’è AMP HTML?

AMP HTML è l’HTML classico con alcune restrizioni. Praticamente vengono utilizzati diversamente dei tag e vengono fatte delle ottimizzazioni per avere un sito web più rapido. In alcuni casi vengono sostituiti i tag quali <img> con tag quali <amp-img>.

WooCommerce tema

Cos’è AMP JS?

AMP JS serve per avere un rendering più rapido delle pagine HTML. Gestisce il caricamento delle risorse e serve ad AMP per gestire i suoi custom tag (come <amp-img>).

Development Category (English)728x90

Cos’è AMP Cache?

AMP Cache utilizza precisamente Google AMP Cache. Tramite questa cache il tuo sito web può essere caricato più rapidamente e tutti i file HTML, JS, immagini, ecc. verranno presi dalla stessa fonte (nel caso specifico dal server che ha già memorizzato nella cache i contenuti).

I pregi di una pagina AMP

I pregi di una pagina AMP sono molteplici:

  • Contenuto caricato rapidamente
  • Miglior posizionamento su Google
  • Utenti maggiormente soddisfatti

Prendi per esempio l’articolo su I 10 + 1 libri che dovrebbe leggere ogni programmatore. Adesso aprilo utilizzando AMP cliccando quì.

Utilizzando AMP l’apertura della pagina impiega la metà del tempo.

C’è anche da notare che tutto ciò che riguarda la pubblicità viene scartato così come tanti altri plugin e codici che secondo AMP non sono di primaria importanza.

Ecco come appare cercando tramite smartphone una pagina AMP:

cos'è AMP

Statistiche Google Page Speed

Andando su Google Page Speed osserviamo i dati confrontando mobile e desktop sull’articolo citato prima.

La situazione Mobile senza l’utilizzo di AMP è la seguente:

Google Page Speed Mobile

La situazione su Desktop invece è la seguente:

Google Page Speed Desktop

Vediamo adesso quali sono i risultati con la versione AMP su Mobile:

AMP Mobile

Siamo passati da una valutazione pari a 53/100 alla valutazione di 70/100. Vediamo i risultati dell’utilizzo di AMP su desktop:

AMP Desktop

La pagina ora ha una valutazione pari ad 88/100 rispetto a prima che aveva 73/100.

Come inserisco AMP su WordPress?

Per utilizzare AMP su WordPress ti è sufficiente installare questo plugin. E’ gratuito e come già detto AMP di per sé è un progetto open source.

Una volta attivato il plugin inserisci nella barra degli indirizzi l’url di un articolo del tuo blog ed aggiungi alla fine “/amp”. Poi confronta anche i tuoi articoli su Google Page Speed.

Conclusioni

Con questo articolo ti ho aiutato a velocizzare il caricamento dei tuoi articoli. Sappi che secondo Google il 95% degli utenti chiude tutte le pagine che impiegano più di 3 secondi per aprirsi. Onestamente, se ci pensiamo entrambi, a volte chiudiamo le pagine anche se non si aprono in 2 secondi.

Ottimizzare il proprio sito e blog è quello che ti permette di essere trovato più facilmente e di essere ricordato. Non perdere di vista questo aspetto.

Iscriviti alla newsletter e non ti perdere i nuovi articoli. Mando da 1 a 4 mail al mese ricapitolando dove siamo arrivati con ogni guida. Con la newsletter hai anche accesso a libri ed ebook gratuiti, così come a coupon Udemy ? .

Per dubbi o domande scrivimi nei commenti ? .

Se ti è piaciuto l’articolo seguimi su Facebook e Twitter 🙂 .

Commenti

Condividi:

  • Fai clic qui per condividere su Twitter (Si apre in una nuova finestra)
  • Fai clic per condividere su Facebook (Si apre in una nuova finestra)
  • Fai clic qui per condividere su Tumblr (Si apre in una nuova finestra)
  • Fai clic qui per condividere su LinkedIn (Si apre in una nuova finestra)
  • Fai clic qui per condividere su Pinterest (Si apre in una nuova finestra)
  • Fai clic per condividere su WhatsApp (Si apre in una nuova finestra)
  • Fai clic per condividere su Telegram (Si apre in una nuova finestra)
  • Clicca per condividere su Skype (Si apre in una nuova finestra)
  • Fai clic qui per stampare (Si apre in una nuova finestra)

Correlati

  • Facebook
  • Twitter
  • Tumblr
  • Pinterest
  • Google+
  • LinkedIn
  • E-Mail
Paolo Dell'Aguzzo

About The Author

Sono sempre stato affascinato dal marketing e dall'informatica a tal punto di unire le due passioni :) Se ti piace l'articolo fammelo sapere in un commento :)

Related Posts

    Fammi sapere cosa ne pensi :) Annulla risposta

    Impara ReactJS imparare react
    I 10 + 1 Libri che Dovrebbe Leggere Ogni Programmatore libri programmatore
    Newsletter

    Seguimi su Facebook :)

    Facebook Pagelike Widget
    Impara React Native imparare react native
    10 Cose per Stare Più Comodo in Ufficio stare più comodo in ufficio
    Impara a Creare un Tema Wordpress imparare creare tema wordpress
    Udemy I Migliori Corsi per Programmatori udemy corsi programmatori
    UX: Perché la User Experience è Importante UX importante e cos'è
    Metodologie Agili e Lean: Come migliorare la tua azienda metodologie agili
    Libri per Imparare JavaScript Imparare JavaScript libri

    Articoli recenti

    • I principali engine utilizzati per lo sviluppo di videogiochi
    • Dalla visione alla realtà: Lo sviluppo di videogiochi dal punto di vista di un programmatore
    • 8 consigli per migliorare la tua SEO Locale

    Categorie

    • CSS
    • Interviste
    • Java
    • Lavoro
    • Normative
    • Personale
    • Programmazione
    • Strategia & Marketing
    • Tech
    • Web Design
    • Wordpress
    Paolo Dell'Aguzzo
    Programmatore Software - Marotta di Mondolfo, Pesaro e Urbino
    P. IVA: IT02758450429
    Mail: info@paolodellaguzzo.com
    Via Litoranea, 284/C - Marotta (PU)
    Privacy Policy
    Cookie Policy
    In qualità di Affiliato Amazon, ricevo un guadagno per ciascun acquisto idoneo
    Amazon e il logo Amazon sono marchi registrati di Amazon.com, Inc. o delle sue affiliate
    Programmatore Senigallia, Ancona - Siti web, app iOS e Android, gestionali ReactJS, React Native, Java, SQL, PL/SQL, Heroku

     

    Caricamento commenti...