Come convalidare le pagine AMP (Accelerated Mobile Pages) sono state create da Google e da alcune altre società, come Adobe e WordPress, nel 2015 come nuovo standard per i siti Web mobili che si caricano rapidamente. AMP (Accelerated Mobile Pages) è un formato di pagina open source che puoi utilizzare per creare versioni ottimizzate per i dispositivi mobili dei tuoi contenuti web (siti Web AMP, annunci AMP, messaggi di posta AMP). Il formato riduce le pagine alle parti più importanti (per ad esempio, utilizza un codice HTML più breve), quindi si caricano più velocemente.

I siti web facili da usare sui dispositivi mobili stanno diventando sempre più importanti e gli AMP sono una parte importante di questo. Quindi, noi ha creato questa guida dettagliata per aiutarti a configurare Accelerated Mobile Pages e testarle. Ti diremo come funzionano, se vale la pena dedicare del tempo a conoscere AMP e altro ancora.

Come per convalidare le pagine mobili accelerate (AMP)

Convalida

Strumenti per sviluppatori del browser
Per utilizzare gli Strumenti per sviluppatori per la convalida:

Carica l’AMP page nel tuo browser Aggiungi”#development=1″all’URL, ad esempio http://localhost:8000/released.amp.html#development=1. Apri la console di Chrome DevTools e verifica la presenza di errori di convalida.

AMP Web Validator
Puoi anche convalidare le tue pagine utilizzando un semplice strumento gratuito chiamato AMP Web Validator:

copia e incolla il tuo codice sorgente nel web validator. Guarda come il validatore web fornisce messaggi di errore tra le righe di codice. Modifica il tuo codice direttamente nel validatore web, che verrà quindi riconvalidato.

Identificazione dei problemi

Estensioni del browser AMP
Google consiglia di utilizzare l’estensione del browser AMP disponibile per Chrome e Opera. Sfoglia il tuo sito con l’estensione attivata e valuterà la validità di ogni pagina. L’icona dell’estensione assumerà i seguenti colori in base allo stato della pagina:

Rosso: sono presenti errori (l’icona ne mostrerà quanti) Verde: qui non ci sono errori Blu: non sei su una pagina AMP, ma è disponibile una versione AMP della pagina

Come funziona AMP?

HTML AMP: Si tratta di un codice HTML particolarmente sottile che promette file di piccole dimensioni e può quindi essere caricato rapidamente. Se viene richiamata una pagina AMP, viene effettuata una sola richiesta, che aumenta anche la velocità di caricamento. JavaScript AMP: le pagine mobili accelerate si basano su JavaScript asincrono. Ciò consente il rendering istantaneo senza script che bloccano il caricamento. AMP CDN: la Content Delivery Network (CDN) memorizza le pagine AMP nella cache e quindi accelera il processo di caricamento quando le pagine vengono caricate. Tutti i documenti necessari per la costruzione della pagina vengono caricati da un’unica fonte.

FAQ

AMP è un modo per rendere più veloce la versione mobile dei tuoi siti?

Accelerated Mobile Pages (AMP) è un progetto open source che ti consente di creare pagine web che si caricano rapidamente sui browser mobili. Puoi creare versioni AMP delle tue landing page per aiutare gli utenti di dispositivi mobili a vivere un’esperienza migliore.

Come si implementano le Accelerated Mobile Pages?

Crea la tua prima pagina AMP. Segui le linee guida della Ricerca Google per le pagine AMP. Rendi i tuoi contenuti rilevabili collegando le tue pagine. … Assicurati che gli utenti possano sperimentare gli stessi contenuti e completare le stesse azioni sulle pagine AMP come nelle pagine canoniche corrispondenti, ove possibile.

AMP è ancora rilevante per la SEO?

Google AMP ha un effetto sulla SEO? Anche se AMP non è un fattore di ranking in sé e per sé, fa una grande differenza nella velocità della pagina e nell’esperienza dell’utente, entrambi importanti per il posizionamento nelle SERP in questo momento. All’inizio, la ricerca di Google mostrava le pagine AMP nella sezione”Notizie principali”.

By Henry Taylor

Lavoro come sviluppatore back-end. Alcuni di voi mi avranno visto alla conferenza degli sviluppatori. Ultimamente sto lavorando a un progetto open source.