Ne abbiamo parlato molto l'AMP (pagine mobili accelerate) di Google sin dal suo lancio mondiale nell'elenco dei principali motori di ricerca….

.. . e in questo articolo voglio dare la mia opinione sui suoi lati positivi e negativi, come sviluppatore e proprietario del sito. Ma prima…

Perché?

Risposta ufficiale. Abbiamo bisogno di un formato diverso dall'HTML per generare pagine a caricamento rapido?
Ovviamente la risposta logica è no, perché HTML non è il problema, HTML in realtà è abbastanza efficiente. Il problema in termini di velocità di caricamento sono gli iframe, le reti pubblicitarie su Internet (reti pubblicitarie), le gif e altri tag di script. Quella AMP ha cercato di liquidare in una sola volta ! Ma non ce l'hanno non fatto...
Allora perché lo stiamo facendo? Continuare a leggere.

I lati positivi

• Il web, e in particolare i siti di notizie, è diventato a grande bazaar a causa di annunci e pulsanti di condivisione. Sappiamo che il blocco degli annunci migliora notevolmente la nostra esperienza di navigazione. Inizialmente AMP non autorizza alcun contenuto di terze parti. Le specifiche richiedono strumenti esterni per l'aggancio a componenti HTML personalizzati. Guarda. È una grande vittoria per gli utenti, ma per gli sviluppatori è un'altra specifica personalizzata da affrontare. Spero che tu stia utilizzando le reti pubblicitarie autorizzate, altrimenti... sfortuna. E a proposito, il tuo CMS è pronto peramp-youtube>?
• Parte delle specifiche AMP consiste nel contrassegnare i tuoi contenuti metadati. Per gli utopisti, Google vuole che gli editori implementino i metadati in modo che abbiano una migliore comprensione degli attributi e del contesto del contenuto della pagina, ma per i cinici, è estrarre il contenuto e iniettarlo direttamente in una SERP (Search Engine Result Page). Il lato positivo: le novità json-ld spec è molto più chiaro del suo predecessore Microdata (purtroppo ancora vivo), che coinvolge itemscope, itemprop, meta, RDFa o persino attributi vcard annidati negli elementi DOM.
• Maggiore visibilità nella pagina dei risultati di Google.com. L'icona AMP può attirare più visite alla tua scheda. È stato anche lanciato con un piccolo booster di classifica (aggiornare : ufficialmente, nessun aumento di classifica). La mia esperienza è che Google di solito dice questo per convincere gli sviluppatori ad adottare nuovi protocolli. Personalmente non ho percepito un leggero aumento. e anche se ha aumentato la tua classifica, tutti i tuoi concorrenti seguirebbero e in 6 mesi non ci sarebbe più vantaggio competitivo. Per gli editori su Google News, come è il caso di il mio sito web, il carosello delle notizie appare più spesso e gli articoli AMP vengono visti molto più di prima. Grazie Google!
• Velocità! Sì, il rendering è quasi istantaneo. E so che ogni utente non 4G/non Wifi sul pianeta troverà questa caratteristica killer da avere. Include SSL per impostazione predefinita. E anche il buon vecchio tag fu abbandonato a favore diamp-img> per ragioni di velocità.

La parte sbagliata

• Manutenzione una copia carbone del contenuto del tuo sito. Sì, AMP vive da solo URL che ti ospiti. Solo Google sarà in grado di visitarlo, non dovrebbe essere un obiettivo a cui indirizzare i tuoi visitatori (potresti). I problemi appariranno e te ne renderai conto in seguito. Inoltre, Google servirà gli utenti propria copia del tuo sito. Chiudono la porta a pagine personalizzate per gli utenti registrati. Ti consentono di eseguire il ping della loro CDN per l'aggiornamento una versione più fresca. Ma sì, è più roba da gestire. Non fresco. Sebbene Strumenti per i Webmaster abbia buone segnalazioni di problemi. Mise à jour : e questo nuovo strumento di debug.
• Seguendo il punto sopra. Pensavo che stessimo facendo tutti web responsivi e non creando più pagine mobili speciali? Mi sbagliavo. AMP è per dispositivi mobili. Quindi fai un pagina mobile personalizzata. Fino a quando non accettano anche il desktop. Che suppongo che faresti media-query per lavorare anche su quello.
• La versione AMP-ified di solito è meno coinvolgente per l'utente perché ridotto alle specifiche HTML. Confrontando la pagina per visita di una pagina AMP con una non AMP, gli utenti sono entrati più velocemente ma sono usciti più velocemente. Forse è perché c'è meno disordine sulla pagina non AMP, ma è un male. E ho visto diversi rapporti. Si potrebbe dire che si tratta in effetti di a bonne cosa. Supportano cose come i caroselli di immagini - non posso vivere senza - ma solo quelli forniti da Google.
• Le specifiche sono iniziate in modo semplice ed efficace. Ma lei diventa fuori controllo e supporta sempre più funzionalità web esistenti. Buon esempio: notifiche per accettare i cookie. C'è un specifica personalizzata per quello. È collegato a un utente e fa una richiesta CORS sul tuo back-end. E non dimenticare glicato ! Non vedo fine a L'orizzonte.
• Più difficile da monetizzare. Il motivo per cui tutte queste reti pubblicitarie vengono caricate nella stessa pagina è guadagnare il più possibile per visualizzazione di pagina. Ad esempio, le mie reti pubblicitarie non sono ancora supportate, il che significa che sono come un reddito nel 2004, con una singola unità Adsense, con il reddito diviso per due.

Il mio consiglio

Se AMP è un successo, Google sarebbe il grande vincitore. Avrebbero risultati che si caricano istantaneamente, migliorando notevolmente la Google Experience™, invitando l'utente a utilizzare ancora di più Google.
In qualità di sviluppatore, non vedo cosa faccia per me una copia AMP mobile del mio sito. È piuttosto retrogrado come cosa.
Ehi Google! Andiamo ciascuno a metà. Gli utenti su 2G o GPRS ricevono AMP-ified, fornirò un sito AMP, ma continuiamo a fornire una versione non AMP-ified a tutti gli altri utenti (es: Iphone 7 4G), No?
Diavolo, ho anche intenzione di inventare una specifica per questo: amp-audience-solo-target. LGTM.
Articolo originale scritto da Yvo Schaap tradotto da JS Staff
 
[tipo separatore=”” size=”” icon=”stella”] [actionbox color=”default” title=”” description=”JS-REPUBLIC è una società di servizi specializzata nello sviluppo di JavaScript. Siamo un centro di formazione riconosciuto. Trova tutta la nostra formazione tecnica sul nostro sito partner dedicato alla Formazione” btn_label=”La nostra formazione” btn_link=”http://training.ux-republic.com” btn_color=”primary” btn_size=”big” btn_icon=”star” btn_external =”1″]