Wikipedia

Accelerated Mobile Pages

tipologia di pagine web ottimizzate per smart phone e Device mobile di ultima generazione

AMP (originariamente acronimo di Accelerated Mobile Pages[1]) è un framework HTML open source sviluppato dall'AMP Open Source Project.[2] È stato originariamente creato da Google come concorrente di Facebook Instant Articles e Apple News.[3] AMP è ottimizzato per la navigazione web mobile e ha lo scopo di aiutare le pagine web a caricarsi più velocemente.[4] Le pagine AMP possono essere memorizzate nella cache da una CDN, come Microsoft Bing o le cache AMP di Cloudflare, che consentono di offrire le pagine più rapidamente.[5][6][7]

Accelerated Mobile Pages
sito web
Logo
Logo
URLamp.dev/
Tipo di sitosoftware
Creato daGoogle
Lancio7 ottobre 2015

AMP è stato annunciato per la prima volta il 7 ottobre 2015.[8] Le pagine AMP hanno iniziato a essere visualizzate nei risultati di ricerca di Google Mobile nel febbraio 2016.[9][10] AMP è stato criticato per aver potenzialmente dato ulteriore controllo sul Web a Google oltre che per altre preoccupazioni.[11] Il progetto AMP ha annunciato che sarebbe passato a un modello di governance aperto il 18 settembre 2018.[12][13]

Storia

modifica

Annuncio e lancio

modifica

Il progetto AMP è stato annunciato da Google il 7 ottobre 2015, in seguito alle discussioni con i suoi partner della Digital News Initiative (DNI) e altri editori di notizie e aziende tecnologiche in tutto il mondo, sul miglioramento delle prestazioni del Web mobile. Più di 30 editori di notizie e diverse aziende tecnologiche (tra cui Twitter, Pinterest, LinkedIn e WordPress) sono stati inizialmente annunciati come collaboratori del progetto AMP.[14][15]

Le pagine AMP hanno fatto la loro comparsa per la prima volta agli utenti Web nel febbraio 2016, quando Google ha iniziato a mostrare le versioni AMP delle pagine Web nei risultati di ricerca per i dispositivi mobili. All'inizio i collegamenti alle pagine AMP avevano soltanto una sezione "Top Stories" dei risultati di ricerca mobile di Google; da settembre 2016 Google ha iniziato a mostrare i contenuti AMP nell'area principale dei risultati di ricerca mobile.[16] I link AMP nella ricerca Google sono facilmente identificabili da un'icona a forma di fulmine.

Secondo uno dei co-fondatori del progetto AMP, Malte Ubl, AMP era originariamente chiamato PCU,[17] che stava per Portable Content Unit.

Crescita ed espansione

modifica

Microsoft ha annunciato, a Settembre 2016, il supporto per AMP nelle app Bing per iOS e Android.[18]

Nel febbraio 2017, Adobe ha riferito che le pagine AMP rappresentavano il 7% di tutto il traffico web per i principali editori negli Stati Uniti.[19]

Nel maggio 2017, Google ha riferito che 900.000 domini web pubblicavano pagine AMP con oltre due miliardi di pagine AMP pubblicate a livello globale.[20]

Nel 2017, a Giugno, anche Twitter ha iniziato a collegarsi alle pagine AMP dalle sue app iOS e Android.[21]

A settembre 2018, Microsoft ha iniziato a implementare il proprio visualizzatore Bing AMP e la propria cache AMP.[22]

Il 7 dicembre 2018, AMP ha annunciato il suo plug-in ufficiale per WordPress,[23] che ha consentito ai siti Web di WordPress di includere pagine pronte per AMP.

Come annunciato dal responsabile tecnico di AMP Malte all'AMP Conf '19, AMP ora è solo AMP e non è più l'acronimo di Accelerated Mobile Pages.[24]

AMP Framework

modifica

HTML AMP

modifica

Il framework AMP è costituito da tre componenti: AMP HTML, che è il markup HTML standard con componenti web; JavaScript AMP, che gestisce il caricamento delle risorse; e cache AMP, che servono e convalidano le pagine AMP.[25]

La maggior parte delle pagine AMP viene fornita dalla cache AMP di Google, ma altre aziende possono supportare le cache AMP. La società di prestazioni e sicurezza Internet Cloudflare ha lanciato una cache AMP a marzo 2017.[26]

Storie web

modifica

Le Web Stories, note come AMP Stories fino ad aprile 2020,[27] sono state introdotte nel 2018.[28] Le storie web sono un formato incentrato sui dispositivi mobili per fornire notizie e informazioni come storie toccabili.

E-mail AMP

modifica

Google, nel 2018, ha annunciato la nuova sezione Email AMP del framework AMP.[29] AMP per e-mail consente ai mittenti di includere componenti AMP all'interno delle e-mail. Il formato email AMP fornisce un sottoinsieme di componenti HTML AMP da utilizzare nei messaggi email.[30]

Tecnologia

modifica

Formato online

modifica

Le pagine AMP sono pubblicate online e possono essere visualizzate nella maggior parte dei browser attuali.[31] Quando una pagina web standard ha una controparte AMP, un link alla pagina AMP viene solitamente inserito in un tag HTML nel codice sorgente della pagina standard.

Integrazione di terze parti

modifica

Qualsiasi organizzazione o individuo può creare prodotti o funzionalità che funzioneranno sulle pagine AMP, a condizione che siano conformi alle specifiche del progetto AMP. A luglio 2017, il sito Web del progetto AMP elencava circa 120 società pubblicitarie e circa 30 società di analisi come partecipanti al progetto AMP.[32]

Prestazione

modifica

Google segnala che le pagine AMP pubblicate nella ricerca Google in genere si caricano in meno di un secondo e utilizzano dati dieci volte inferiori rispetto alle pagine non AMP equivalenti.[33] CNBC ha riportato una diminuzione del 75% del tempo di caricamento della pagina mobile per le pagine AMP rispetto alle pagine non AMP,[34] mentre Gizmodo ha riferito che le pagine AMP sono state caricate tre volte più velocemente delle pagine non AMP.[35]

Un documento accademico su AMP[36] rivela che il tempo di caricamento della pagina delle pagine AMP è 2,5 volte più veloce rispetto alle versioni non AMP nella pagina dei risultati di ricerca di Google senza pre-rendering. Con il pre-rendering, la versione AMP è circa nove volte più veloce della versione non AMP, sebbene il pre-rendering possa consumare dati mobili aggiuntivi.

Parità con le pagine canoniche

modifica

Google ha annunciato che a partire dal 1 febbraio 2018 richiederà che il contenuto delle pagine canoniche e quelle visualizzate tramite AMP siano sostanzialmente le stesse.[37] Questo ha lo scopo di migliorare l'esperienza degli utenti evitando le comuni difficoltà con l'interfaccia utente e aumentare la sicurezza e la fiducia.

Esempio

modifica

Il seguente codice è un esempio di HTML AMP[38]:

<amp-img src="example.jpg" width="400" height="400"></amp-img>
    <amp-ad
      width="500"
      height="450"
      type="a9"
      data-aax_size="500x450"
      data-aax_pubname="test123"
      data-aax_src="302"
    >
    </amp-ad>

Il seguente codice è un esempio di AMP in PHP[39]

$amp=new AmpGeneratorOne($canonical,$base);

$amp->startAmp(new HeaderModel("Example","AMP Generator One"));

Pro e contro[40][41][42]

modifica
Pro Contro
  • Risultati di ricerca migliori
  • Velocità nel caricamento delle pagine (I contenuti AMP vengono caricati dai server di Google tramite il loro Content Delivery Network (CDN))
  • Diminuzione della frequenza di rimbalzo (Bounce Rate)
  • Aumento del ROI sugli annunci (ad esempio con Adsense)
  • Contenuti video a caricamento lento
  • Difficile gestione per i non sviluppatori
  • Widget e funzionalità limitati
  • Analisi limitate. AMP supporta Google Analytics con tag diversi e quindi richiede tempo e risorse per posizionarli per poter raccogliere e analizzare i dati degli ingressi sul sito

Note

modifica
  1. ^ Copia archiviata, su AMP. URL consultato l'8 agosto 2021 (archiviato il 23 aprile 2021).
  2. ^ Copia archiviata, su GitHub. URL consultato il 29 febbraio 2020 (archiviato l'8 agosto 2021).
  3. ^ Matt Kapko, Copia archiviata, su cio.com. URL consultato il 29 febbraio 2020 (archiviato il 21 aprile 2021).
  4. ^ Copia archiviata, su AMP. URL consultato il 6 novembre 2016 (archiviato il 24 febbraio 2017).
  5. ^ Copia archiviata, su Google. URL consultato il 21 agosto 2017 (archiviato il 17 febbraio 2017).
  6. ^ Copia archiviata, su Cloudflare. URL consultato il 29 febbraio 2020 (archiviato dall'url originale il 13 marzo 2020).
  7. ^ Copia archiviata, su Bing Webmaster Tools. URL consultato il 29 febbraio 2020 (archiviato il 7 dicembre 2020).
  8. ^ Copia archiviata, su Google. URL consultato il 29 febbraio 2020 (archiviato il 17 giugno 2021).
  9. ^ Copia archiviata, su The AMP Blog. URL consultato il 29 febbraio 2020 (archiviato il 27 maggio 2021).
  10. ^ Christopher Ratcliff, Copia archiviata, su Search Engine Watch. URL consultato il 3 aprile 2016 (archiviato il 22 marzo 2016).
  11. ^ Copia archiviata, su POLITICO. URL consultato il 9 febbraio 2020 (archiviato il 30 maggio 2021).
  12. ^ Copia archiviata, su The AMP Blog. URL consultato il 29 febbraio 2020 (archiviato il 28 maggio 2021).
  13. ^ Copia archiviata, su TechCrunch. URL consultato il 29 febbraio 2020 (archiviato il 19 gennaio 2021).
  14. ^ (EN) Copia archiviata, su Google. URL consultato il 9 febbraio 2020 (archiviato il 17 giugno 2021).
  15. ^ Copia archiviata, su Business Insider. URL consultato il 9 febbraio 2020 (archiviato l'8 agosto 2021).
  16. ^ (EN) Google opens the AMP fire hose, in Search Engine Land, 3 ottobre 2016. URL consultato il 31 agosto 2017 (archiviato il 1º settembre 2017).
  17. ^ Copia archiviata, su YouTube. URL consultato l'11 ottobre 2018 (archiviato il 14 febbraio 2019).
  18. ^ (EN) Bing App joins the AMP open-source effort, in Bing Webmaster Blog, 23 settembre 2016. URL consultato l'8 aprile 2019 (archiviato il 7 maggio 2019).
  19. ^ (EN) Google AMP: One Year Later | Adobe, in Digital Marketing Blog by Adobe, 23 febbraio 2017. URL consultato il 31 agosto 2017 (archiviato il 20 febbraio 2018).
  20. ^ (EN) Copia archiviata, su ampproject.org. URL consultato il 31 agosto 2017 (archiviato il 1º settembre 2017).
  21. ^ (EN) Twitter ramps up AMP, in Search Engine Land, 7 luglio 2017. URL consultato il 31 agosto 2017 (archiviato il 1º settembre 2017).
  22. ^ (EN) Introducing Bing AMP viewer and Bing AMP cache, in Bing Webmaster Blog, 19 settembre 2018. URL consultato l'8 aprile 2019 (archiviato il 4 maggio 2019).
  23. ^ (EN) Copia archiviata, su ampproject.org. URL consultato il 7 dicembre 2018 (archiviato il 20 gennaio 2019).
  24. ^ (EN) AMP Conf Keynote, 19 aprile 2019. URL consultato l'8 agosto 2021 (archiviato l'8 agosto 2021).
  25. ^ (EN) Copia archiviata, su ampproject.org. URL consultato il 31 agosto 2017 (archiviato il 4 settembre 2017).
  26. ^ (EN) Cloudflare, Cloudflare Announces Ampersand, the First Open AMP Cache, to Give Publishers More Control of their Mobile-Optimized Content, in GlobeNewswire News Room. URL consultato il 31 agosto 2017 (archiviato il 1º settembre 2017).
  27. ^ (EN) Copia archiviata, su Search Engine Journal. URL consultato il 3 giugno 2020 (archiviato il 3 giugno 2020).
  28. ^ Copia archiviata, su VentureBeat. URL consultato il 3 giugno 2020 (archiviato il 15 agosto 2020).
  29. ^ (EN) Copia archiviata, su Google. URL consultato il 21 aprile 2021 (archiviato il 2 agosto 2021).
  30. ^ (EN) Copia archiviata, su amp.dev. URL consultato il 21 aprile 2021 (archiviato l'11 agosto 2021).
  31. ^ (EN) Copia archiviata, su ampproject.org. URL consultato il 7 settembre 2018 (archiviato il 9 settembre 2018).
  32. ^ (EN) Copia archiviata, su ampproject.org. URL consultato il 31 agosto 2017 (archiviato il 1º settembre 2017).
  33. ^ Google, https://web.archive.org/web/20211021132007/https://blog.google/products/search/search-results-are-officially-ampd/. URL consultato il 4 gennaio 2022 (archiviato dall'url originale il 21 ottobre 2021).
  34. ^ (EN) Copia archiviata, su ampproject.org. URL consultato il 31 agosto 2017 (archiviato il 1º settembre 2017).
  35. ^ (EN) Copia archiviata, su ampproject.org. URL consultato il 31 agosto 2017 (archiviato il 1º settembre 2017).
  36. ^ http://aqualab.cs.northwestern.edu/wp-content/uploads/2019/02/AMP-Mobicom-2019.pdf.
  37. ^ Google will stop letting sites use AMP format to bait and switch readers, in The Verge. URL consultato il 20 novembre 2017 (archiviato il 19 novembre 2017).
  38. ^ (EN) AMP HTML Specification, su amp.dev. URL consultato il 9 settembre 2022.
  39. ^ (EN) Jorge Castro, How to easily create an Google Amp site in 9 steps using PHP, su Cook php, 20 settembre 2018. URL consultato il 9 settembre 2022.
  40. ^ 6 Pros and Cons of Accelerated Mobile Pages: Enhancing Mobile Web Experience | Techbiztoday, su techbiztoday.com. URL consultato il 18 June 2023.
  41. ^ (EN) Justice Kragiel, The Pros and Cons of Accelerated Mobile Pages (AMP) | UpCity, su upcity.com. URL consultato il 9 settembre 2022 (archiviato dall'url originale il 9 settembre 2022).
  42. ^ (EN) 5 Pros and Cons of Accelerated Mobile Pages | Zestard, su zestard.com. URL consultato il 9 settembre 2022.

Altri progetti

modifica

Collegamenti esterni

modifica
  Portale Internet
Estratto da "https://it.wikipedia.org/w/index.php?title=Accelerated_Mobile_Pages&oldid=140387909"