Come creare un sito Web compatibile con AMP con Elementor

Pubblicato: 2020-10-21

Il mondo è mobile ora. Diventa un luogo in cui dipendiamo sempre di più da Internet e lo utilizziamo sui nostri smartphone nella maggior parte dei casi. Se guardi indietro nel 2019, c'erano 4,3 miliardi di utenti Internet globali. Quasi 3,9 miliardi di loro utilizzavano Internet tramite telefoni cellulari.

Quindi AMP (Accelerated Mobile Pages) gioca un ruolo importante nell'utilizzo del Web mobile. Un sito Web compatibile con amplificatore si carica più velocemente sul tuo cellulare rispetto a quei siti che non lo abilitano. Ma se hai un sito WordPress e stai utilizzando Elementor per creare le tue pagine web, hai bisogno della compatibilità con gli amplificatori?

Sì, come stai leggendo questo blog. Qui ti mostreremo come rendere le tue pagine WordPress costruite da Elementor più ottimizzate per i dispositivi mobili con AMP. Pertanto, capirai tutto a tuo agio. Cominciamo.

Cosa sono le pagine mobili accelerate: a colpo d'occhio

Accelerated Mobile Pages

AMP è un framework HTML open source. È stato creato per la navigazione web mobile e per servire pagine web da caricare più velocemente. Google lo ha lanciato nel 2015 in risposta a Facebook Instant Articles e Apple News. Poiché entrambi questi ultimi nomi sono concorrenti diretti di Google.

I siti Web compatibili con AMP tendono a migliorare l'esperienza di Internet mobile. La velocità è tutto quando utilizzi un cellulare per raggiungere una pagina. Secondo una ricerca di Google e SOASTA, il 40% degli utenti tende a lasciare una pagina se impiega più di tre secondi per caricarsi. Le pagine Web AMP consentono di trasformare il tuo sito Web in modo rapido e mobile.

Pertanto, le pagine mobili accelerate devono abilitare il framework AMP all'interno delle tue pagine web. Quando utilizzi Elementor, il lavoro sarà più divertente e i risultati dovrebbero essere fantastici. Un potente generatore di pagine come Elementor ti aiuta a creare pagine Web veloci per dispositivi mobili. Quindi, la compatibilità degli amplificatori li rende solo più convertibili.

Vantaggi del sito Web compatibile con Amp

Amp Compatible Website with elementor
cognitivo

Ad oggi sono state create più di 1,5 miliardi di pagine AMP e più di 100 fornitori leader di analisi, tecnologia pubblicitaria e CMS supportano il formato AMP.

Pagina Insta

Principalmente, ci sono due vantaggi principali che otterrai quando avrai le tue pagine Web costruite su Elementor compatibili con AMP. Loro sono-

Migliora le prestazioni del tuo sito Web: il sito Web compatibile con AMP offre al tuo utente un'esperienza di navigazione più lucida. Poiché le pagine Web non richiedono molto tempo per essere caricate, attireranno l'attenzione desiderata sia dai visitatori mobili che da quelli desktop. Così il tuo sito diventa più coinvolgente e raggiunge gli obiettivi.

Migliora la tua posizione nella Ricerca Google : le pagine AMP mostrano un fulmine quando appaiono nei risultati di ricerca. Poiché si tratta di un framework di Google, quando l'utente visita i siti Web compatibili con l'amplificatore, il gigante dei motori di ricerca considera gradualmente il tuo sito più intuitivo.

Bene, perché le pagine Web AMP si caricano all'istante? Il framework limita HTML/CSS e JavaScript. Questa restrizione consente il rendering delle pagine Web mobili con maggiore velocità. Guida le pagine AMP automaticamente memorizzate nella cache da Google AMP Cache. È così che hanno tempi di caricamento più rapidi nelle ricerche su Google.

Abilita AMP su Elementor e crea un sito Web compatibile con AMP

Enable AMP on Elementor

Il processo di abilitazione di AMP era un po' complesso anche un anno fa. Ma WordPress è uno dei settori più dinamici. Quindi, quando hai un sito Web WordPress, otterrai i modi più semplici per creare pagine Web reattive e più veloci.

Ciò di cui hai bisogno sono queste tre cose -

  • Generatore di pagine di Elementor. Dovrebbe essere installato sul tuo sito WordPress
  • Plugin AMP di AMP per WP
  • Plugin di compatibilità AMP Page Builder

Poiché hai già Elementor nella dashboard, devi solo installare AMP per il plug-in WP. Tuttavia, puoi leggere la nostra guida dettagliata su come installare Elementor in WordPress.

Bene, seguiamo i passaggi seguenti.

Passo 1

Installa e attiva il plug-in AMP per WP nel tuo sito WordPress.

Amp Compatible Website

Passo 2

Vai a AMP per WP e acquista l'estensione per la compatibilità di AMP Page Builder. Bene, questo è un servizio unico e non puoi ottenerlo gratuitamente. Dopo aver effettuato un pagamento, puoi scaricare il plug-in a tuo agio.

Amp Compatible Website

Ora salva il file del plug-in del downloader sul desktop. E vai alla dashboard del tuo WP. Quindi vai alla sezione dei plugin dalla barra laterale. E, fai clic per aggiungere nuovo.

Amp Compatible Website

Dopo aver fatto clic su Aggiungi nuovo, fai clic sull'opzione Carica e carica l'estensione salvata dal desktop. Ora hai l'estensione sul tuo forte.

Passaggio 3

Vai alla barra laterale della dashboard. Quindi fare clic sul plug-in AMP.

amp step two

Verrai reindirizzato alla dashboard del plug-in AMP come nell'immagine qui sotto.

amp dashboard

Puoi vedere l'opzione Compatibilità con terze parti nella parte inferiore dell'elenco delle opzioni. Fare clic sull'elenco Visualizza ora.

La pagina successiva ti porterà all'elenco delle funzionalità di compatibilità di terze parti. Vedrai la diapositiva Compatibilità Elementor appena sotto il menu a discesa SEO.

Amp Compatible Website

Attiva la diapositiva ora e il tuo generatore di pagine Elementor sarà pronto per la creazione di siti Web compatibili con gli amplificatori.

Come appare la pagina mobile abilitata per AMP

Una pagina mobile non amp non offre prospettive diverse nei risultati di ricerca rispetto alle pagine Web desktop. Ma quando hai abilitato il tuo generatore di pagine Elementor per un sito Web compatibile con amp, apparirà così:

amp sign in search results

Stai notando un segno di fulmine di cenere contrassegnato nella casella del secondo elemento nei risultati di ricerca. Questo è ciò che contrassegna un sito Web compatibile con il tuo amplificatore rispetto a un sito non amp.

Tuttavia, ecco la differenza tra una pagina mobile non amp e amp:

Amp Compatible Website

Bene, puoi sicuramente vedere la differenza qui. AMP non solo aumenta la tua solidità mobile, ma migliora anche la visibilità dei tuoi contenuti.

Chiusura per compatibilità AMP per Elementor

Pensi che il processo sia semplice e facilmente adottabile? Crediamo che lo sia. Hai solo bisogno del plug-in AMP che parte da $ 89 al mese per un singolo sito Web e oltre.

In un'atmosfera eccessivamente saturata su Internet mobile, la tua unica possibilità dipende da quanto i tuoi contenuti diventano più user-friendly e da quanto vogliono essere.

Un generatore di pagine come Elementor ti consente di creare pagine Web altamente reattive e dispone di supporti per widget di terze parti come Happy Addons che possono rendere la tua attività più accessibile. Pertanto, la compatibilità AMP ti porta solo dalla parte dei vincitori.

Portami ora ai componenti aggiuntivi di Happy Elementor!