AMP o pagina mobile accelerata è un progetto open source che aiuta i webmaster a creare pagine web più veloci, ma anche adattate e ottimizzate per i dispositivi mobili
Se ha un sito web che impiega più di 3 secondi per caricarsi, deve aspettarsi che più della metà dei suoi visitatori rimbalzi.
È in questo contesto, che non consente un’esperienza utente ottimale, che Google ha deciso di incoraggiare e sostenere i webmaster con il progetto Accelerated Mobile Page
Un progetto la cui sostanza è creare per gli utenti di Internet mobili copie di pagine web veloci e adattate ai cellulari
Quindi :
- Cosa significano davvero le pagine AMP?
- Perché sono importanti?
- Come funzionano?
- Come li configura sul suo sito web?
Queste sono le domande che verranno affrontate in questo articolo
Capitolo 1: Che cosa significa davvero AMP o Accelerated Mobile Pages?
In questo primo capitolo, le presenterò essenzialmente l’iniziativa Accelerated Mobile Page e i motivi per cui è importante.
Illustrerò anche le differenze tra le pagine AMP e altri metodi di ottimizzazione, nonché i casi in cui l’uso di pagine mobili accelerate sembra appropriato.
1.1) Di cosa si occupano realmente le pagine AMP?
La tecnologia Accelerated Mobile Page è un’iniziativa sostenuta da Google attraverso il progetto open source AMP in risposta a articoli istantanei gli Instant Articles di Facebook. Annunciato nel 2015, ha finalmente visto la luce nel 2016
Infatti, è stato durante il mese di febbraio 2016 che sono state fatte le prime integrazioni. Prima nelle pagine delle notizie, poi gradualmente nell’area di ricerca principale di Google
Il progetto mira a garantire che le pagine web per dispositivi mobili vengano eseguite alla velocità ottimale
In altre parole, costruire il futuro di Internet, consentendo ai web designer di creare pagine web e persino pubblicità che siano sempre
- Veloce
- Bellissimo;
- E che si comporti bene.
1.2) Quali siti web possono scegliere il formato AMP?
Inizialmente, AMP si è concentrato sulle notizie e sulle pubblicazioni degli editori online, in quanto si tratta dei contenuti principali che gli utenti di Google visualizzano nei risultati di ricerca mobile.
Ma il progetto Accelerated Mobile Page è rilevante anche per altri tipi di siti, come ad esempio siti di e-commerce.
Per questo motivo, è già stato adottato da un gran numero di siti web, tra cui
- Ebay ;
- Newegg ;
- 1800 fiori ;
- Eventi ;
- E molti altri.
1.3. Come verificare se una pagina web è disponibile in AMP?
Se è curioso di sapere se la pagina che sta visualizzando è disponibile in AMP, può farlo dallo strumento di test “Test AMP“Strumento di prova”
Può anche utilizzare questo strumento per verificare se le pagine accelerate per dispositivi mobili che ha impostato sono funzionali
Per farlo, è sufficiente
- Vada al sito Test AMP ;
- Inserisca l’URL completo della pagina che desidera controllare e attenda l’analisi;
- Se ha una pagina mobile accelerata, vedrà un messaggio di convalida con l’opzione di vedere in anteprima come appare la pagina. Può anche vedere il codice HTML AMP della pagina;
- Il suo sito potrebbe non avere una versione Accelerated Mobile Page. In questo caso, lo strumento le invierà una notifica.
Vale la pena ricordare che può visualizzare i rapporti sulle Pagine Mobili Accelerate del suo sito e scoprire se ci sono degli errori attraverso la funzione Console di ricerca
1.4. Perché utilizzare le pagine AMP?
È vero che possiamo concordare sul fatto che il motivo principale per cui le pagine mobile accelerate sono importanti è ridurre la velocità di caricamento della pagina per gli utenti mobili.
Tuttavia, è interessante non perdere di vista gli altri benefici
In effetti, l’implementazione di pagine mobili accelerate porterà benefici sia ai web designer che agli utenti
Per i designer l’Accelerated Mobile Page permetterà loro di avere una posizione privilegiata per il loro sito nei risultati di ricerca. Ciò è dovuto alla facilità d’uso dei siti web ottimizzati per i dispositivi mobili
Inoltre, saranno in grado di offrire contenuti pubblicitari senza calpestare l’esperienza dell’utente, poiché ora, grazie all’esistenza di AMP, le pagine web si caricheranno rapidamente nonostante gli annunci
Per gli utenti l’Accelerated Mobile Page ridurrà i tempi di attesa e non dovrà più preoccuparsi della lentezza della connessione internet. Questo si tradurrà senza dubbio in una maggiore esperienza d’uso per gli utenti di Internet mobile
Tuttavia, non si ferma qui, perché oltre ai diversi punti che ho appena menzionato, è importante ricordare che l’importanza dell’AMP si farà sentire maggiormente con le nozioni di mobile friendly e mobile first.
In effetti, è l’evoluzione del numero di persone che si connettono dal cellulare che ci ha reso consapevoli della necessità di incoraggiare l’ottimizzazione dei siti per i cellulari:
È proprio in questo contesto che esistono la mobile friendly e la first mobile indexing, che enfatizzano l’ottimizzazione mobile e quindi l’uso di AMP
1.5. I 10 principali vantaggi di AMP
Quando la sua pagina web mobile si carica più velocemente, migliora automaticamente l’esperienza dell’utente e i suoi KPI
Con il caricamento istantaneo delle pagine mobile accelerate, è in grado di offrire ai suoi utenti un’esperienza web sempre veloce su tutti i dispositivi e le piattaforme, come Google, LinkedIn e Bing.
Ecco i 10 principali vantaggi del progetto di pagina mobile accelerata alle sue pagine mobili:
1.5.1. Aumenta il tempo di caricamento delle pagine web
La velocità è la linfa vitale della pagina del suo browser mobile. I contenuti di qualità sono importanti, ma se le sue pagine non sono facilmente accessibili, gli utenti non le leggeranno.
Tenga presente che un ritardo di oltre un secondo nel tempo di caricamento del browser mobile può ridurre i tassi di conversione, ridurre le visualizzazioni della pagina e aumentare la frequenza di rimbalzo.
Ecco perché deve rendere le pagine del suo browser mobile incredibilmente veloci. AMP la aiuta a raggiungere questo obiettivo.
1.5.2. Consente una maggiore visibilità del browser mobile per i venditori di contenuti
Google ha iniziato a mostrare i risultati della pagina mobile accelerata negli elenchi organici. Può identificare questi risultati in base alla AMP.
Fonte Seo Hero
Ovviamente, maggiore è l’attenzione che i suoi risultati attirano, maggiore sarà il numero di clic che otterrà.
Questi simboli AMP porteranno sicuramente a un miglioramento del tasso di clic, in quanto i risultati dei motori di ricerca per dispositivi mobili si distinguono dal resto.
Gli utenti dei motori di ricerca mobile inizieranno quindi a cercare specificamente le pagine AMP, in quanto queste pagine si caricano più velocemente rispetto alle normali pagine mobili.
1.5.3. Consente la flessibilità del mezzo pubblicitario
La maggior parte delle persone ha creato un sito web o un blog per guadagnare denaro ed eventualmente sostituire il proprio lavoro quotidiano.
Osservando le versioni dei browser desktop e mobile delle pagine di un sito, è facile concludere se ci sono troppe distrazioni.
Queste distrazioni, come l’immagine dell’intestazione, il menu di navigazione, la barra laterale, i pulsanti di condivisione sociale, i moduli, i pop-up e altri elementi non necessari, possono ridurre il suo tasso di conversione.
Tuttavia, con AMP, può liberarsi delle distrazioni sulle pagine del browser mobile.
Quando visualizza annunci di terze parti sulle sue pagine mobile accelerate, si assicuri che non solo siano annunci che si caricano rapidamente, ma che catturino anche l’attenzione dell’utente e forniscano un valore significativo.
Come già sa, questo approccio di content marketing è il modo più semplice per aumentare la sua portata, aiutare gli utenti a trovare risposte alle loro domande e migliorare il ROI della spesa pubblicitaria.
Se è pronto a monetizzare le sue pagine ottimizzate per AMP, ecco alcune delle reti pubblicitarie più popolari che attualmente utilizzano questa funzione AMP-ads :
- A9
- AccessTrade
- AdReactor
- Affiliato-B
- Google Doubleclick
- Flite
- Google adsense
- AOL AdTech
- Taboola
- Baidu
- Smart AdServer
- DotAndAds
- Yahoo
1.5.4. Consente il tracciamento semplificato degli utenti
Non è sufficiente inviare traffico alle pagine del browser mobile. Deve anche sapere come sono arrivati al suo sito.
Il tracciamento la aiuta a determinare la provenienza dei visitatori, le pagine che hanno visualizzato, ecc.
Il monitoraggio degli utenti e delle prestazioni del sito è abbastanza facile su AMP, in quanto esistono strumenti di analisi che le permettono di studiare le sue versioni AMP in modo più dettagliato.
Il comportamento degli utenti può essere influenzato solo se lo si traccia. Con il progetto Accelerated Mobile Page, gli editori possono utilizzare questi tag manager analytics per scegliere tra due tag.
Questi tag tracciano automaticamente i dati chiave, come ad esempio:
- Clic/conversioni;
- Tracciamento di video e link
- Numero di visitatori
- Nuovi visitatori rispetto ai visitatori conosciuti;
- Ecc.
1.5.5. Coinvolgere il pubblico e massimizzare le entrate
Il tempo medio di caricamento di una pagina mobile accelerata è inferiore a un secondo. Ciò significa che quando gli utenti accedono a una pagina AMP, ottengono immediatamente il contenuto di cui hanno bisogno.
Poiché la pagina si carica immediatamente, i visitatori interagiranno più a lungo con la pagina e saranno più disposti a saperne di più sulla sua offerta
In questo modo saranno più propensi a compiere l’azione che lei desidera, ossia effettuare un acquisto o iscriversi alla sua newsletter.
1.5.6. Mantenere la flessibilità e il controllo
Quando adotta il formato AMP, ha la possibilità di mantenere il suo marchio in modo flessibile, utilizzando componenti web ottimizzati per AMP
Può utilizzare i CSS per personalizzare gli stili delle pagine web. Può anche utilizzare test A/B per testare e creare la migliore esperienza utente mobile possibile per i suoi clienti.
1.5.7. Ridurre la complessità delle sue operazioni
Il processo di creazione di pagine mobile accelerate è piuttosto semplice e diretto. Ha la possibilità di convertire l’intero archivio, soprattutto se utilizza un CMS, come Drupal e WordPress.
Non sono necessarie competenze particolari per ottimizzare il codice di ogni pagina AMP. AMP è completamente portatile e le pagine mobile accelerate sono sempre veloci, indipendentemente dal modo in cui l’utente vi accede.
1.5.8. Creare un futuro sostenibile
Il progetto Accelerated Mobile Page è un’iniziativa open source che sta proteggendo il futuro del Web, aiutando tutti a offrire un’esperienza utente mobile migliore e più veloce. Unendosi a questo progetto, potrà costruire un futuro sostenibile per la sua azienda.
1.5.9. Fornisce una migliore esperienza utente su mobile
Naturalmente, il vantaggio più evidente dell’utilizzo di pagine mobili accelerate è che offrono una soddisfazione molto più elevata agli utenti mobili
Accelerare il processo di caricamento della pagina del 15-85% può avere un impatto enorme sulla felicità dei visitatori.
1.5.10. Dà una spinta SEO
L’algoritmo di Google tiene conto della velocità della pagina e della reattività mobile. Più veloce è il caricamento della sua pagina su mobile, più alto sarà il suo posizionamento nelle pagine dei risultati dei motori di ricerca.
Tutte le pagine abilitate ad AMP appariranno in un formato carosello, anche sopra gli annunci a pagamento nei risultati di ricerca.
1.6. Qual è la differenza tra le pagine AMP e le altre tecniche di ottimizzazione?
Ecco alcune delle differenze individuate tra AMP e altre tecniche SEO
1.6.1. Pagine mobili accelerate (pagine AMP) e articoli istantanei di Facebook
Le Accelerated Mobile Pages e gli Instant Articles offrono agli utenti un tempo di caricamento rapido. Di conseguenza, riducono la frequenza di rimbalzo delle pagine e aumentano il coinvolgimento degli utenti
Gli Instant Articles di Facebook sono articoli che appaiono direttamente nel News Feed. Vengono visualizzati adattandosi allo schermo degli utenti che vi cliccano sopra. Possono anche
- Ingrandisce le immagini semplicemente toccando lo schermo;
- Visualizzare immagini e altri elementi interattivi
Fonte avviso
Le pagine mobile accelerate, invece, vengono visualizzate principalmente nei risultati di ricerca mobile e appaiono con un’icona in miniatura
Fonte: Sviluppatori di Google Sviluppatori di Google
Tuttavia, gli Instant Articles di Facebook si caricano ancora più velocemente delle pagine mobile accelerate:
Quando Facebook ha lanciato gli Instant Articles, ha ha superato Google come fonte dominante di traffico verso i siti web di contenuti multimediali. Tuttavia, con il lancio e il successo di AMP, Google ha riconquistato il primo posto.
1.6.2. Pagine AMP e design reattivo
La creazione di siti web mobile-friendly è stata una priorità per i marketer fin dal lancio di Mobilegeddon da Google all’inizio del 2015
Fonte Moz
La pagina web responsive aiuta a creare pagine web flessibili. Vale a dire, pagine web responsive che funzionano su qualsiasi dispositivo o schermo e offrono una migliore esperienza web mobile con maggiore coinvolgimento.
Fondamentalmente, le pagine accelerate per i dispositivi mobili e il concetto di pagine reattive utilizzano quasi gli stessi elementi di base per creare una pagina mobile, vale a dire HTML e JavaScript. Tuttavia, hanno le loro differenze che li distinguono.
Il design web reattivo aggiunge flessibilità al suo sito web, ma non si concentra solo sul mobile. Funziona per tutti i dispositivi e per tutte le esperienze utente
Il quadro open-source dell’iniziativa AMP il framework open-source si concentra maggiormente sulla velocità, in particolare sulla velocità delle pagine mobili. Questo ha portato all’introduzione del rendering istantaneo dei contenuti del web mobile.
Inoltre, è possibile utilizzare versioni di pagine AMP su nuove pagine web, ma anche su un sito web esistente non responsive o responsive, senza riprogettare il sito web
Tuttavia, per fare un pagina web responsivedeve riprogettare la pagina
Un’altra differenza è che il Responsive Web Design favorisce tutti gli script di terze parti e le librerie multimediali, a differenza delle pagine mobile accelerate
1.6.3. Pagine AMP e Progressive Web App (PWA)
La PWA (Progressive Web App) è un’applicazione web mobile fornita via web che si comporta come un’applicazione nativa.
La differenza principale tra le PWA e le applicazioni native è che le PWA non devono essere scaricate da Google o App Store.
Le Applicazioni Web Progressive (PWA) vengono eseguite all’interno del browser web, che le carica istantaneamente
Ecco alcuni esempi di siti progettati come PWA:
- Starbucks ;
- Housing.com ;
- Flipboard ;
- Uber.
Anche se la connessione internet non è molto potente, la PWA utilizza il pre-caching per garantire che l’applicazione rimanga aggiornata, in modo che l’utente possa vedere solo l’ultima versione
In termini di divergenza dalle pagine mobile accelerate, bisogna riconoscere che :
- Le PWA sono molto più adatte ai siti di e-commerce, rispetto alle pagine mobili accelerate, che sono consigliate per le pubblicazioni di contenuti.
- Mentre le pagine mobile accelerate vengono utilizzate solo per ridurre il tempo di caricamento dei componenti della pagina, le pagine PWA vengono aggiornate regolarmente per consentire agli utenti di navigare senza interruzioni.
- Le pagine AMP utilizzano CSS minimi e JavaScript e contenuti standardizzati. Al contrario, la pagina PWA utilizza essenzialmente un manifest (file JSON) e un service worker (un JavaScript che è collegato alla PWA, ma viene eseguito solo al di fuori dell’applicazione).
Capitolo 2: Come funzionano le pagine mobili accelerate (AMP)?
In questo capitolo, le fornisco una panoramica della struttura delle Pagine Mobili Accelerate e del loro funzionamento
2.1. Qual è la struttura delle AMP?
Le pagine mobili accelerate sono generalmente composte da tre elementi importanti
2.1.1. HTML AMP
Il linguaggio HTML o hyper text markup language è il linguaggio di programmazione per eccellenza utilizzato su Internet. Viene utilizzato per progettare le pagine web, strutturarle, formattarle, creare il loro contenuto, ecc
La pagina mobile accelerata offre estensioni più elaborate per creare buoni contenuti HTML
L’HTML ha diversi tag e proprietà, nonché diverse restrizioni che devono essere adattate per utilizzarlo correttamente. Ecco un esempio di HTML AMP:
2.1.2. Javascript asincrono
Javascript è un linguaggio di programmazione utilizzato per la creazione di pagine web interattive. Permette il rendering rapido delle pagine HTML
AMP Java Script rende tutto asincrono dalle risorse esterne, in modo che nulla nella pagina possa impedire il rendering
JavaScript utilizza anche altre tecniche di performance come
- Il sandboxing di tutti gli iframe;
- Precompilare il layout di ogni elemento della pagina prima di caricare le risorse;
- E disabilitare i selettori CSS lenti
La libreria JavaScript di Accelerated Mobile Page implementa tutte le migliori pratiche di performance di AMP, come il CSS inline e l’attivazione dei font
Questo gestisce il caricamento delle risorse e le fornisce tag HTML personalizzati per garantire un rendering veloce delle pagine.
2.1.3. Il sistema di caching
Per prima cosa il cache è un sistema che le permette di salvare temporaneamente i dati di un sito, per ridurre il tempo di accesso durante una consultazione successiva.
L’esistenza di un sistema di cache è quindi ciò che permette alle pagine HTML AMP di essere consegnate rapidamente. Google ha un proprio sistema di cache che viene utilizzato per impostare e fornire le pagine HTML AMP quando vengono caricati i siti web
La cache di Google Accelerated Mobile Page è in realtà una rete di distribuzione di contenuti (CDN) basata su proxy che fornisce documenti AMP validi
Il ruolo di questa rete è quello di memorizzare nella cache e poi salvare le pagine HTML e migliorare automaticamente le loro prestazioni
Come ci si può aspettare, questi tre componenti di base della Accelerated Mobile Page lavorano all’unisono per consentire il caricamento rapido delle pagine
Nella prossima sezione, analizzerò le varie tecniche di ottimizzazione che si combinano per rendere le pagine mobile accelerate così veloci.
2.2 Come funzionano le pagine AMP?
Il caricamento di un sito web è condizionato non solo dalla velocità della connessione, ma anche, e soprattutto, da velocità di caricamento elementi del sito presso il server.
Tuttavia, bisogna riconoscere che la velocità della connessione internet è più un elemento esterno al design del sito. Ecco perché il progetto AMP si concentra esclusivamente sulla velocità di caricamento dei file necessari per visualizzare il sito in questione.
Ma poiché la velocità di caricamento dei file di un sito dipende dalle loro dimensioni, si può dire che AMP è un metodo di ottimizzazione il cui ruolo è quello di ridurre le dimensioni di caricamento dei file necessari per il caricamento di un sito.
Lo fa limitando le risorse che devono essere caricate per visualizzare la pagina richiesta da :
- Dare priorità alle risorse privilegiare le risorse: Accelerated Mobile Page controlla l’intero caricamento delle risorse. Dà priorità al caricamento delle risorse importanti e carica solo ciò che è necessario. Ad esempio, le immagini e gli annunci vengono caricati solo se è probabile che l’utente li veda, sopra la piega, o se è probabile che l’utente scorra rapidamente;
- Esecuzione di tutti i JavaScript in modo asincrono javaScript le permette di modificare alcuni aspetti di una pagina. Ma blocca anche il caricamento del codice HTML della pagina. Per evitare questo, AMP consente solo JavaScript asincrono;
- Ridimensiona tutte le risorse in modo statico ridimensionamento di tutte le risorse in modo statico: poiché la pagina mobile accelerata è ottimizzata per evitare ricalcoli di stile e layout di pagina eccessivi nel browser, non vi è alcun ridimensionamento durante il caricamento delle risorse. Questo si manifesta nel fatto che è necessaria una sola richiesta HTTP per impaginare l’intero sito
- Impedire che il rendering venga bloccato dai meccanismi di estensione le pagine mobili accelerate non consentono ai meccanismi di estensione di bloccare il rendering di una pagina. Per loro, le estensioni sono come le lightbox o le integrazioni con i social media. Perciò, anche se inviano più richieste HTTP, non impediscono che la pagina venga creata e renderizzata;
- Attivazione solo di font efficaci l’ottimizzazione dei font web è essenziale per un caricamento veloce, poiché di solito sono di grandi dimensioni. In una pagina tipica che include alcuni script di sincronizzazione e alcuni fogli di stile esterni, il browser attende di scaricare i font finché tutti gli script non sono stati caricati;
- Ridurre al minimo i calcoli di stile riduzione al minimo dei calcoli di stile: nelle pagine mobili accelerate, le letture vengono eseguite prima delle scritture, il che riduce notevolmente i ricalcoli di stile. In effetti, le pagine mobili accelerate consentono un massimo di un ricalcolo dello stile per fotogramma;
- Esecuzione solo di animazioni accelerate dalla GPU le regole per l’esecuzione delle pagine AMP, in particolare quelle del CSS relative alle animazioni, assicurano che siano accelerate dalla GPU. Può quindi utilizzarlo per ottimizzazioni ancora più rapide;
- Caricando le pagine istantaneamente aMP è ottimizzato per non utilizzare molta larghezza di banda e CPU durante il pre-rendering dei contenuti web. Quando i documenti AMP vengono pre-renderizzati per un caricamento immediato, le risorse sopra la piega vengono effettivamente scaricate e le risorse che potrebbero utilizzare molta CPU, come gli iframes di terze parti, non vengono scaricate. In questo modo, una pagina può essere resa prima che l’utente dichiari esplicitamente di volervi accedere.
Come può vedere, questi sono gli elementi costitutivi del progetto Accelerated Mobile Page che lavorano all’unisono per offrire pagine web più veloci.
Ora che sa come sono strutturate le pagine e come funzionano, il prossimo capitolo spiega il processo di creazione delle Pagine Mobili Accelerate.
Capitolo 3: Come creare pagine AMP
Prima di addentrarci nel processo di creazione di pagine mobili accelerate, è importante considerare le linee guida di Google per il progetto Accelerated Mobile Page
3.1. Requisiti per creare una pagina AMP
Questi includono
- Conformità alla specifica AMP HTML
- Utilizzo di uno schema URL AMP logico
- Implementare gli stessi elementi e funzionalità presenti sul sito principale;
- Convalida delle sue pagine mobili accelerate
Inoltre, per garantire che le pagine del suo sito siano visualizzate correttamente nella versione AMP, deve includere i seguenti tag in ogni pagina
- All’inizio di ogni documento AMP HTML, c’è il tipo di documento che devono essere inclusi;
- La dichiarazione
- La sua pagina mobile accelerata deve avere un tag HTML corrispondente. Può utilizzare o ;
- Ogni pagina HTML AMP deve contenere o ;
- La sua pagina mobile accelerata deve essere collegata alla sua versione normale aggiungendo un tag canonico. Anche se esiste un solo URL standard, il tag canonico deve puntare ad esso.
Inoltre, come parte dei requisiti, va notato che i contenuti multimediali o audiovisivi devono essere etichettati con i tag AMP per funzionare
- AMP-img per le immagini ;
- AMP-video per i video;
- AMP-audio o iframe per l’audio.
3.2. La creazione effettiva di pagine mobili accelerate
Per creare pagine mobile accelerate, ha diverse opzioni
Decida di creare lei stesso le pagine accelerate per i cellulari sul suo sito o di utilizzare i plugin nel suo gestore di contenuti. Qui discuterò il caso di WordPress
3.2.1. Creazione manuale
Per creare manualmente la sua pagina AMP, le consiglio di andare nella sezione sito principale del progetto Accelerated Mobile Page
Qui troverà guide e tutorial che le permetteranno di
- Crei facilmente le sue pagine mobile accelerate;
- Integrare le Pagine Mobili Accelerate nelle sue applicazioni;
- Oppure, per saperne di più su come funziona, in modo da padroneggiare le nozioni di base
Ha anche l’opportunità di seguire un corso gratuito a seconda che sia un esperto o un principiante
3.2. Creare AMP da un CMS come WordPress
Se utilizza WordPress, può creare facilmente le sue pagine accelerate per i dispositivi mobili seguendo il seguente processo
- Acceda alla sua dashboard di WordPress e selezioni Estensione => Aggiungi;
- Poi cerchi la parola chiave AMP e attenda il caricamento dei risultati;
- Ora clicchi su installa e attenda la fine dell’installazione per attivare il plugin;
- Una volta attivato il plugin AMP, vada al programma di installazione delle estensioni e selezioni l’estensione per accedere alla tabella di configurazione del plugin;
Una volta che il plugin è impostato, può ancora apportare modifiche e migliorare l’aspetto delle sue pagine. Segua questo video che mostra i passi da seguire e il plugin ideale da installare per trarre il massimo vantaggio dal progetto Accelerated Mobile Page
Capitolo 4: FAQ
4.1. Come posso personalizzare le pagine AMP?
Può utilizzare Google Search Console o il suo codice HTML per ottimizzare il codice AMP e renderlo più personalizzabile.
Per aggiornare la cache della sua pagina mobile accelerata, ad esempio, può utilizzare la query aggiornamento della cache “.
Ecco altri modi per personalizzare il suo documento HTML AMP:
- amp-pixel pixel di tracciamento ;
- amp-analytics tracciamento analitico ;
- amp-animazione aggiunta di animazioni;
- amp-accesso accesso paywall ;
- classi-CSS dinamiche : Elementi CSS dinamici ;
- amp-iframe : Visualizza un iframe;
- amp-accesso-pagamento posticipato si integra con LaterPay;
- lista di amplificatori scaricare i dati e creare un elenco;
- amp-live-list aggiorna i contenuti in tempo reale;
- amp-app-banner banner fisso;
- L’implementazione del gtag.js Abilita il tracciamento degli eventi in Google Ads e Google Search Console;
- Ecc.
Può trovare un elenco completo un elenco completo qui.
4.2. AMP è un fattore di ranking diretto per Google?
Anche se c’è ancora molta attesa per il progetto Accelerated Mobile Page, Google non lo ha ancora reso un fattore di ranking.
Lei sa già che la velocità di caricamento della pagina e la facilità di utilizzo da parte dei dispositivi mobili sono fattori di ranking ben noti, ma AMP riguarda solo le pagine mobili.
Pertanto, non potrà mai essere utilizzato come fattore di ranking indipendente, poiché funziona solo sulle pagine mobili e non ha nulla a che fare con la versione desktop delle pagine.
Detto questo, dato che i siti mobile-friendly vengono premiati con un posizionamento più alto nei risultati organici della ricerca mobile, le pagine sviluppate con AMP si posizioneranno molto probabilmente più in alto rispetto alle pagine non AMP.
Fonte Netlight
4.3. Quali sono gli svantaggi delle pagine mobili accelerate?
Sebbene l’utilizzo di pagine mobili accelerate offra molti vantaggi, AMP presenta anche alcune restrizioni:
- Nessun JavaScript di terze parti
Poiché non ha la possibilità di utilizzare JavaScript di terze parti, deve dire addio alle funzionalità di analisi e tracciamento che le consentono di offrire esperienze pubblicitarie altamente mirate.
Non solo, con la versione alleggerita di Google di JavaScript, gli elementi della pagina che richiedono il trasferimento di dati non possono essere utilizzati sulle pagine mobili accelerate.
- Nessun tracciamento di Google Analytics
Google utilizza una versione in cache delle pagine mobile accelerate per gli utenti, invece di accedere ai suoi server. Questo è uno dei motivi per cui le pagine AMP si caricano così rapidamente
Sebbene la cache consenta alle sue pagine di caricarsi più velocemente, Google Analytics non traccia le visite degli utenti, a meno che non imposti GA e applichi codici di tracciamento separati alle sue pagine mobili accelerate.
Ecco come può tracciare le pagine AMP in Google Analytics con Google Tag Manager.
Le pagine AMP hanno i loro vantaggi e svantaggi. Tuttavia, se vuole offrire ai suoi visitatori un’esperienza mobile veloce e ottimizzata, i pro superano sicuramente i contro.
In sintesi
Le pagine mobili accelerate sono un metodo di ottimizzazione del sito web il cui utilizzo contribuisce notevolmente a ridurre il tempo di caricamento delle pagine web sui dispositivi mobili.
In questo articolo, ho trattato alcuni aspetti che le permetteranno di capire meglio cos’è AMP. Troverà anche alcuni suggerimenti che la aiuteranno a implementarli sul suo sito web.
Spero che abbia trovato questo articolo molto soddisfacente. Mi lasci una recensione nei commenti qui sotto.
A presto!
