Come utilizzare il plugin ufficiale per WordPress AMP di Google

È normale che la velocità del sito Web sia più lenta su un dispositivo mobile che su un browser e più la pagina è ricca di contenuti, più tempo può richiedere il caricamento. Anche se hai provato alcune cose per velocizzare il tuo sito, Google AMP e il plug-in AMP di WordPress potrebbero darti la spinta che stai cercando.

Quando un sito Web impiega troppo tempo per caricarsi, può aumentare la frequenza di rimbalzo. D'altra parte, quando una pagina web viene visualizzata quasi istantaneamente, l'esperienza dell'utente (UX) migliora e il tuo traffico può aumentare. Ecco come funziona Google AMP e come utilizzarlo sul tuo sito web.

Una panoramica di Google AMP

Google AMP è un progetto open source lanciato nell'ottobre 2015. AMP sta per "pagine mobili accelerate", ma Google AMP non è più limitato ai dispositivi mobili; oggi funziona anche su pagine desktop. (Per il bene di questo articolo, tuttavia, parlerò principalmente in termini di pagine mobili, perché è lì che AMP è più utile.) Lo scopo di Google AMP è che i contenuti web si carichino più velocemente. Il plug-in AMP di WordPress è un modo semplice per convertire le tue pagine in versioni AMP.

Il modo in cui funziona è che AMP velocizza le pagine web grazie a CSS, HTML e JavaScript limitati. Fondamentalmente, è un modo per creare pagine web extra leggere, che riduce i tempi di caricamento. La cache AMP di Google ospita il contenuto e la versione memorizzata nella cache è ciò che Google invia agli utenti, consentendo loro di vedere la pagina web istantaneamente. Le grandi aziende tecnologiche come Google, LinkedIn, Reddit e Twitter supportano Google AMP e gli AMP sono visualizzabili su tutte le app, i browser e i visualizzatori web.

Pro e contro di Google AMP

Sebbene la maggior parte dei siti Web trarrà vantaggio da Google AMP, ci sono anche alcuni inconvenienti. Ecco i pro e i contro di Google AMP, che ti aiuteranno a decidere se il plug-in AMP di WordPress è adatto a te.

Professionisti

• Se ricevi molto traffico dalle ricerche mobili, AMP può migliorare la UX e aiutarti a ottenere un posizionamento più elevato.
• Gli utenti mobili che sono bloccati con una connessione Internet lenta possono interagire con il tuo sito web.
• Google memorizza nella cache tutti i siti che utilizzano il framework AMP, il che può aiutare a migliorare il ranking di Google.
• Tempi di caricamento più rapidi portano a un migliore coinvolgimento, che spesso porta a maggiori entrate.

Contro

• Poiché AMP utilizza CSS, HTML e JavaScript limitati, i progettisti di siti Web devono creare pagine ridotte. Alcune funzionalità e widget, come animazioni, caselle "mi piace" dei social media e moduli di attivazione intelligente, devono ridurre il gonfiore.
• Google AMP supporta Google Analytics, ma a parte questo, non supporta la maggior parte delle altre piattaforme di analisi.
• Inoltre, non ci sono molte opzioni pubblicitarie supportate da Google AMP. Con plug-in aggiuntivi, tuttavia, puoi aggiungere opzioni pubblicitarie, ne parleremo più avanti.
• Questo è un trucco morbido, ma se le tue pagine mobili sono già leggere e ottimizzate, potrebbero non diventare notevolmente più veloci utilizzando AMP, quindi configurarlo potrebbe essere una perdita di tempo.

Il plugin AMP di WordPress

Il plug-in Google AMP per WordPress crea automaticamente versioni AMP di tutti i tuoi post. Quindi, i motori di ricerca e le app e i servizi supportati da AMP sanno dove cercare la versione AMP della pagina grazie a "amphtml" nel codice sorgente. Il plugin funziona perfettamente con WordPress sia che tu stia utilizzando il classico builder o Gutenberg.

Il plug-in non crea un tema mobile separato e non indirizza i dispositivi mobili a una versione AMP del tuo sito web. Tuttavia, se un visitatore mobile trova i tuoi contenuti su una piattaforma come Google, Pinterest o Twitter, vedrà la versione AMP.

Se non è possibile eseguire il rendering di una versione AMP di una pagina, il plug-in garantisce il caricamento della versione non AMP. Ciò significa che la maggior parte del sito possibile sarà ottimizzata per AMP e, per le parti del sito che non possono esserlo, verranno comunque mostrate ed eseguite come necessario.

Funzionalità del plugin AMP di WordPress

• Compatibilità e convalida: se la conversione automatica in AMP non è possibile, riceverai errori di convalida dettagliati in modo da poter trovare markup non valido. Puoi scegliere di rimuovere o mantenere il markup.
• Supporto dei temi principali: AMP è compatibile con tutti i temi principali di WordPress. (È anche compatibile con molti temi non fondamentali.)
• CSS Tree Shaking: rimuove automaticamente i CSS inutilizzati per ottenere il totale entro il limite di 50 KB AMP.
• Storie AMP: AMP ha un generatore di storie che ti consente di creare annunci ed esperienze a schermo intero per i visitatori.

Fonte: AMP

Come configurare e utilizzare il plug-in AMP di WordPress

1. Installa e attiva il plugin. Ottieni il plug-in qui.

2. Vai su Aspetto e scegli AMP. Vedrai come appare il tuo sito web quando utilizzi un dispositivo mobile e puoi anche visualizzare la versione desktop AMP. Se la home page non può utilizzare AMP, riceverai questa notifica:

Quando una pagina web viene convertita in AMP, è fondamentalmente una versione ridotta dell'originale. Di seguito, puoi confrontare la versione originale del mio post sul blog con la versione AMP: il logo (il mio nome nel carattere stilizzato), i colori e i caratteri sono diversi.

3. Fare clic su "Design" per aggiornare il colore del testo dell'intestazione, lo sfondo dell'intestazione e il colore del collegamento e la combinazione di colori (chiaro o scuro). Puoi anche scegliere di visualizzare un collegamento per consentire ai visitatori di uscire dalla modalità di lettura.

4. Puoi andare all'URL di qualsiasi post sul tuo sito web e aggiungere /amp/ alla fine per vedere la versione AMP del post. Se ricevi un errore 404 quando provi a vedere la versione AMP, vai su Impostazioni, quindi su Permalink e fai clic su "Salva modifiche" in basso a sinistra. In realtà non devi apportare alcuna modifica, ma facendo clic sul pulsante Salva, la tua struttura permalink verrà aggiornata, il che può far apparire quelle pagine AMP per te.

Scegli una modalità sito web

Il plug-in AMP di WordPress ha tre modalità del sito Web tra cui scegliere, a cui puoi accedere andando su AMP nella barra laterale sinistra e quindi facendo clic su Generale:

1. Standard: AMP è il framework per il tuo sito web. Non hai bisogno di versioni non AMP e AMP separate.
2. Transizione Ogni pagina ha un URL canonico e un URL AMP.
3. Lettore: ogni pagina ha un URL canonico e un URL AMP. In modalità lettore, AMP viene utilizzato solo su singoli post, pagine e altri tipi di post; le altre due modalità del sito Web vengono utilizzate in tutto il sito Web.

Per impostazione predefinita, verrà scelta la modalità lettore. Se passi a una delle altre due opzioni, non sarai più in grado di accedere a quella sezione "Design" tramite Aspetto.

La modalità del sito web che scegli influenzerà le opzioni aggiuntive che hai. Se selezioni standard o di transizione, avrai le opzioni nello screenshot qui sotto. Se selezioni Reader, potrai scegliere solo tra i tre tipi di contenuto.

Personalizza i tuoi AMP con plugin aggiuntivi

Poiché il plug-in AMP di WordPress non ha molte opzioni di personalizzazione, puoi utilizzare altri plug-in per personalizzare ulteriormente le tue pagine. Ad esempio, AMP WP supporta le icone social e ha una combinazione di colori personalizzabile (tra le altre funzionalità) e Ads for WP ha un supporto pubblicitario avanzato per AMP.

Inoltre, se stai attualmente utilizzando Yoast SEO, puoi utilizzare il plug-in Glue for Yoast SEO e AMP in modo che le tue pagine AMP abbiano i metadati Yoast SEO corretti. Dopo aver installato e attivato il plugin, imposterai le opzioni SEO Yoast come al solito. Il plugin farà la sua magia in background.

Dopo aver impostato plug-in aggiuntivi relativi ad AMP, assicurati di riconvalidare le tue pagine AMP. Questo controllerà eventuali nuovi errori di convalida che prima non c'erano.

Pensieri finali

L'impostazione di pagine mobili accelerate è solo una delle tante tecniche che puoi utilizzare per caricare più velocemente le tue pagine web. Grazie al plug-in di WordPress, non devi capire i dettagli di come funziona AMP per sapere che è vantaggioso per il tuo sito web. E con un processo di installazione così semplice, tutto è fatto per te, puoi installarlo in un pomeriggio e convertire l'intero archivio in pochi giorni.

Un'altra cosa: se utilizzi Google Search Console, non preoccuparti se non vedi subito i risultati per le tue pagine AMP. Google può impiegare del tempo per indicizzare i tuoi AMP e mostrare i dati.

Vuoi ottenere ancora più trazione dal tuo sito mobile? Consulta la nostra guida su Come ottimizzare la barra laterale su dispositivi mobili utilizzando Divi Theme Builder.

Immagine in primo piano tramite Fouaddesigns / shutterstock.com