Guida AMP: cos'è AMP e come configurarlo sul sito WordPress

Pubblicato: 2018-06-06

Forse non te ne sei ancora reso conto, ma circa il 50% delle persone che accedono al tuo sito tramite i propri dispositivi mobili abbandonerà completamente il tuo sito, se impiegano più di 3 secondi per caricarsi.

Come principiante, principiante nell'arena del business digitale, potresti non esserne consapevole. Bene, questo è il motivo per cui siamo qui per te.

Se non hai prestato alcuna attenzione al tempo di caricamento del tuo sito su un dispositivo mobile e non stai annotando il traffico web successivo, sei in perdita. Questi numeri devono essere annotati e conosciuti, prima di andare avanti e prendere qualsiasi altra decisione importante per lo sviluppo del business.

Perché deve accadere?

Principalmente perché la maggior parte delle persone che cercano qualcosa online, lo fanno tramite i propri dispositivi mobili. È quindi importante massimizzare la velocità di caricamento della pagina del tuo sito.

Per aiutarti in questa attività, Google ha recentemente lanciato una nuova tecnologia. Questa tecnologia promette di ampliare l'esperienza del tuo sito per le persone che lo utilizzano e ti aiuterà a raggiungere i tuoi obiettivi. Google Accelerated Mobile Pages , lanciato da Google, noto anche come Google AMP, è un'iniziativa rivoluzionaria della stessa Google per ottenere un migliore traffico sul sito insieme a una migliore generazione di entrate per un'azienda moderna.

Google AMP si rivolge specificamente alla versione del tuo sito mobile e la velocizza offrendo versioni molto leggere di tutto ciò che si trova sul tuo sito, come ospitato sui server di Google. Le persone che visitano il tuo sito riceveranno i loro contenuti in modo rapido e, pertanto, è improbabile che lascino il tuo sito Web a causa dell'attesa. Continueranno a guardare e ad ammirare il tuo lavoro, aiutandoti così in caso di traffico web e ricavi.

Prima di entrare effettivamente in profondità nella discussione a spirale su ciò che Google AMP può fare, discutiamo innanzitutto di cosa sia effettivamente Google AMP, in modo elaborato.

Google AMP è un progresso tecnologico, un'iniziativa presa dai cervelli di Google per rendere le versioni dei siti mobili migliori e più veloci. Questi cervelli volevano che le versioni mobili di diversi siti Web si caricassero più velocemente che mai. Se ti piacciono la tecnologia, i software e gli algoritmi, probabilmente sapresti cosa sono gli articoli istantanei di Facebook. Se sai di cosa si tratta, capire Google AMP è abbastanza facile. Sono abbastanza simili.

Google AMP garantisce che, quando il tuo sito viene visitato, la versione completa del sito non venga caricata. In effetti, Google nasconde deliberatamente alcune parti per caricarle più velocemente. Questo spesso dà alla versione mobile del sito un aspetto alquanto minimalista.

L'iniziativa è open source, il che significa che chiunque può utilizzare le metodologie per ottenere vantaggi. Naturalmente, Google non limiterà lo stesso perché il loro obiettivo finale è rendere i contenuti Web facilmente accessibili, soprattutto per gli utenti mobili.

La generazione dei contenuti e i tempi di caricamento sono spesso considerati troppo lenti per la maggior parte delle persone, una lamentela molto comune. Anche le pagine piene di contenuti ottimizzati e ricche di informazioni potrebbero richiedere tempi più lunghi per essere caricate. E nonostante tutti gli sforzi SEO e altri tecnici intrapresi dal sito e dai proprietari delle aziende, il problema sembra persistere. Ed è per questo che oggi Google AMP diventa importante nelle nostre vite. Accelerated Mobile Pages (AMP) dipende da codici HTML minimi insieme a Javascript per caricare una pagina del sito web. Ciò consentirà di ospitare facilmente i contenuti su diversi siti Web nelle cache AMP. Queste versioni della cache possono essere utilizzate per servire le persone istantaneamente, non appena fanno clic su un determinato sito Web da fonti organiche.

Il metodo, come abbiamo appena affermato sopra, è abbastanza simile agli articoli istantanei di Facebook. Ma c'è una contraddizione! A differenza di AMP, gli articoli istantanei saranno limitati esclusivamente a Facebook. E non solo alla versione web di Facebook, ma alla loro app mobile. AMP, tuttavia, può funzionare quasi ovunque. Possono essere utilizzati da tutti i tipi di app e browser Web e persino da visualizzatori Web. In questo momento, viene utilizzato non solo da Google, ma anche da LinkedIn, Twitter, Reddit e altri.

Google AMP vale davvero il clamore?

Ebbene, non indicheremo le risposte corrette. Oggi risponderai a questa domanda. Ti semplificheremo il processo fornendoti tutti i pro e i contro di AMP.

Secondo la maggior parte degli esperti SEO, AMP ti aiuterà a ottenere un posizionamento più alto sul motore di ricerca di Google e migliorerà l'esperienza per gli utenti, in particolare sulle piattaforme mobili. Questo è un vantaggio per le persone con connessioni Internet più lente. Ma potrebbero anche lanciare alcune sfide per i proprietari di siti e i blogger.

Ora, poiché Google AMP si avvale di un numero limitato di opzioni HTML e Javascript, come marketer di contenuti e proprietario di un sito, potresti non essere in grado di aggiungere alcuni widget al tuo sito mobile. Questo potrebbe rivelarsi una rovina in quanto limiterà la tua capacità di marketer digitale all'aggiunta di opzioni intelligenti, come newsletter, opzioni e-mail, caselle di condivisione e Mi piace di Facebook e altre opzioni così versatili.

Google AMP, vero e proprio, supporta Google Analytics ma in realtà non fornisce supporto per altre piattaforme. Ecco come funzionano le opzioni pubblicitarie in Google AMP. La maggior parte delle piattaforme pubblicitarie non è supportata da Google.

Anche dopo queste poche limitazioni, AMP mantiene ancora la sua posizione nel settore per aumentare notevolmente le pagine Web e il traffico del sito. Aggiungendo il supporto AMP al tuo sito, mentre lavori contemporaneamente alle tue pratiche SEO, puoi sicuramente raccogliere una grossa fetta di traffico del sito verso il tuo sito effettuato tramite ricerche mobili.

Per assicurarti di ottenere tutti i vantaggi che possono essere generati tramite AMP per il tuo sito WordPress, abbiamo qui curato una guida passo passo sulla configurazione del tuo profilo Google AMP per la prima volta.

Prima di seguire effettivamente questa guida rapida sull'abilitazione di AMP per il tuo sito WordPress, supponiamo che tu abbia già attivato il plug-in Yoast WordPress per il tuo sito. Puoi saltare il passaggio, se non l'hai già fatto, e puoi attivare direttamente AMP sul tuo sito. Tuttavia, ti consigliamo di attivare il plug-in Yoast SEO come prerequisito.

Ora, venendo dritto al punto!

Configurazione di Google AMP per il tuo sito WordPress.

È molto facile configurare il tuo profilo AMP e collegarlo al tuo sito WordPress. Tutti salutano la potenza del plugin ufficiale per lo stesso da parte di Google stesso. Il plugin AMP ufficiale non richiede configurazioni ed è per questo che vorresti aggiungere plugin di estensione per renderlo completamente funzionante.

Google AMP for your WordPress site

Per prima cosa, andiamo alle basi. Capiamo la parte fondamentale dell'installazione del plugin ufficiale. Dopo di che lo testeremo e quindi lo configureremo di conseguenza.

Installazione

Puoi installare il plugin AMP per il tuo sito WordPress seguendo la procedura indicata di seguito. Questo metodo richiede di accedere al tuo pannello di amministrazione sul tuo sito WordPress e quindi fare clic su Plugin.

  • Dopo aver fatto clic sui plug-in, dovresti fare clic sulla scheda "Aggiungi nuovo", dopodiché dovresti eseguire una query di ricerca per "Pagine mobili accelerate".
  • Una volta trovata l'opzione appropriata, dovresti installarla facendo clic su "attiva".
  • Dopo aver attivato il plug-in, vedrai un messaggio che dice "Questo tema richiede il seguente plug-in: AMP, inizia l'installazione del plug-in". Dovresti quindi fare clic su "Inizia installazione plug-in" e quindi su "Installa".
Configurazione di Google Analytics

Dopo aver installato il plug-in AMP, dovresti cercare di installare Google Analytics. Per impostare Google Analytics, dovresti trovare il tuo ID di monitoraggio. Successivamente, ti verrà richiesto di accedere a Google Analytics e quindi fare clic sull'icona a forma di ingranaggio che appare in basso a sinistra dello schermo, attraverso la quale verrai indirizzato al Pannello di amministrazione. Una volta selezionato sullo stesso, ora selezionerai Account e Proprietà, direttamente dai menu a discesa. Quando guardi le opzioni nella colonna Proprietà, vedrai una scheda denominata "Informazioni di monitoraggio". Fai clic sullo stesso per vedere il tuo ID di tracciamento. Questo ID di solito inizia con UA.

Copia questo ID di monitoraggio e accedi alla piattaforma del tuo sito WordPress. Sul lato sinistro dello schermo, fai clic su Navigazione, quindi vai su AMP e da AMP, fai clic su Analytics. Incolla il tuo ID di monitoraggio dove è menzionato "Google Analytics". Una volta fatto ciò, ora dovresti fare clic su "Salva modifiche" e il gioco è fatto.

Configurazione delle impostazioni del plug-in

In questo passaggio discuteremo delle configurazioni di base che puoi utilizzare per personalizzare l'aspetto del tuo plug-in AMP. Questa configurazione ti aiuterà anche a supportare più formati di contenuto.

Diamo per scontato che possiedi già il plugin Yoast SEO. Quindi, per iniziare questa configurazione, dovresti andare su Yoast SEO e fare clic su AMP. Una volta fatto, dovresti ora fare clic su Tipi di post. Da qui in poi, sarai in grado di selezionare il tipo di post che puoi utilizzare che saranno compatibili con AMP.

Quando fai clic sulla seconda scheda per, la scheda Design, ora sarai in grado di personalizzare l'aspetto delle tue pagine di contenuto abilitate AMP. Se stai applicando lo stile CSS, puoi personalizzare i tuoi contenuti e anche collegare modelli di colori simili da caricare per te e l'icona AMP personalizzata. Puoi anche impostare immagini predefinite per le pagine del tuo sito, se necessario.

Testa la tua configurazione AMP

Una volta terminato il processo di creazione di un URL AMP, dovresti anche assicurarti che questi URL funzionino correttamente. Se non sono configurati correttamente e non funzionano, Google non sarà in grado di visualizzare lo stesso nei risultati di ricerca in un secondo momento. Questa è una protezione che dovresti prendere in anticipo, poiché a volte può essere un bel compito per la maggior parte dei webmaster!

Tuttavia, ci sono soluzioni per ogni problema. Ne ottieni uno anche quando stai testando e convalidando i tuoi URL AMP. Dovresti scegliere un paio di pagine del sito e testare le tue versioni AMP delle stesse utilizzando una delle procedure indicate di seguito. Ma prima di andare avanti ed eseguire una di queste attività, dovresti aggiungere /amp/ alla fine del tuo URL, come discusso in precedenza.

  1. Dovresti andare su questo sito Web - search.google.com/test/amp E dovresti rilasciare l'URL della pagina del tuo sito su questo sito Web. Dopo averlo fatto, ora dovresti fare clic su "Esegui test". Vedrai i tuoi risultati, validi o meno.

  2. La seconda opzione aiuta specificamente le persone che utilizzano il browser web Google Chrome. Se utilizzi qualsiasi altro browser web per accedere a Internet, come Mozilla Firefox, Safari, ecc., questa opzione non si applicherebbe correttamente a te.

    Dovresti aprire la pagina AMP nel tuo browser Google Chrome e aggiungere #development=1 all'URL del tuo sito.

    La prossima cosa che dovresti fare è aprire Chrome Dev Tools Console, dal menu di Google Chrome stesso e quindi selezionare "Altri strumenti". Successivamente, dovresti fare clic su "Strumenti di sviluppo" e quindi su "Console".

    Dopo aver cliccato su 'Console' sarai in grado di controllare gli errori di validazione. Se le cose sono lisce e funzionano bene, il processo di convalida dovrebbe essere un successo.

  3. La terza opzione che potresti seguire è andare su questo sito Web – validator.ampproject.org e incollare il tuo URL AMP qui, nel campo URL menzionato. Una volta incollato, dovresti fare clic su "Convalida".

    Se ci sono errori o problemi, questo strumento li evidenzierà e li contrassegnerà nell'HTML.

Invio dell'URL AMP per il processo di indicizzazione

Se hai seguito il processo di convalida AMP tramite Google Search Console, puoi successivamente fare clic su "Invia a Google" direttamente, una volta che hai visto il test valido.

Se non lo sei, c'è un'altra opzione per te. Questo funzionerebbe se hai effettuato l'accesso al tuo account Google Search Console. Dopo averlo fatto, puoi cercare "Invia a Google" e quindi inviare direttamente l'URL del tuo sito.

Quando invii la pagina del sito AMP a Google in un modo alternativo, Google indicizzerà la pagina del sito AMP in un secondo momento, indipendentemente dal fatto che sia collegata internamente ed elencata nella mappa del sito XML o meno.

Visualizza Google Search Console per risolvere ogni errore.

Il passaggio successivo consiste nell'imparare a gestire le pagine del tuo sito AMP da un'unica posizione, ovvero Google Search Console. Dovresti accedere a Google Search Console e da lì, nella scheda "Aspetto della ricerca", dovresti fare clic su "Pagine mobili accelerate".

Quando lo fai, sarai in grado di vedere quante delle tue pagine AMP sono indicizzate e quali no. Quelli che non sono stati ancora indicizzati devono avere errori di qualche tipo, che verranno visualizzati anche qui. Se identifichi i problemi critici, puoi in seguito risolvere questi errori con l'aiuto degli strumenti menzionati nel passaggio precedente.

Testare la velocità della pagina.

Una volta completato tutto quanto sopra menzionato, ora dovresti iniziare a vedere i vantaggi. Per vedere se i tuoi sforzi sono stati fruttuosi o meno, dovresti provare a eseguire le tue pagine AMP e le pagine del tuo sito mobile standard tramite strumenti di velocità come WebPageTest. Dovresti anche confrontare i risultati delle due diverse pagine.

E voilà! Hai fatto. Puoi iniziare il tuo viaggio con AMP.

Google sta intensificando i suoi sforzi svelando un miracolo sotto forma di indicizzazione mobile-first e processo di accelerazione della pagina. In questo modo, stanno diventando oggi un fattore di ranking per molti siti e aziende. L'iniziativa tecnica intrapresa da Google sotto forma di AMP è oggi un passaggio cruciale per tutte le aziende moderne e le società di sviluppo di app mobili. Non passare allo stesso potrebbe diventare problematico per te a lungo termine! Non aver paura, fai quell'interruttore! Ci ringrazierai più tardi.