AMP

Piacevole, fluente e istantaneo

Crea facilmente siti web incentrati sugli utenti con AMP.

Inizia subito
<amp-sidebar
  id="sidebar"
  layout="nodisplay"
  side="right"" ""left"
</amp-sidebar>

Cosa è
AMP?

Pagine web piacevoli, fluide e dal caricamento quasi istantaneo

AMP è un formato semplice e affidabile che garantisce siti web veloci, incentrati sugli utenti e in grado di garantire monetizzazione. AMP offre successo a lungo termine per la tua strategia web, favorendo la distribuzione dei tuoi contenuti su tutte le piattaforme più diffuse con costi operativi e di sviluppo ridotti.

<amp-img class="resp-img"
  alt="Desktop"
  width="550"
  height="368"
  src="images/Desktop.jpeg">
</amp-img>
<style amp-custom>
  .resp-img {
    max-width: 700px;
  }
</style>

Crea fantastiche esperienze per gli utenti su tutte le piattaforme del web aperto

AMP consente la creazione di siti web e annunci sempre veloci, ben fatti e ad alte prestazioni su tutti i dispositivi e le piattaforme di distribuzione. Editori e inserzionisti possono decidere come presentare i propri contenuti allo scopo di offrire un'esperienza incentrata sull'utente.

Schermata di un sito web che utilizza AMP.
Schermata di un sito web che utilizza AMP.
Mantieni la flessibilità e il controllo e riduci la complessità del codice Ricorrendo ai CSS, è possibile personalizzare lo stile e i dati dinamici per il recupero dei dati più recenti se necessario.
Realizzazione di blocchi che garantiscono le migliori performance La creazione di un sito web eccellente richiede molto tempo e notevoli sforzi. I componenti AMP sono già ottimizzati per garantire le migliori performance.
Costruisci un futuro sostenibile nel web aperto per tutti Il progetto AMP è un'iniziativa open source che ha lo scopo di garantire il futuro del web, consentendo esperienze di utilizzo migliori, più veloci e intuitive.
La velocità delle pagine web migliora l'esperienza d'uso e le prestazioni generali di un'attività Le pagine AMP si caricano quasi istantaneamente su tutti i dispositivi e le piattaforme.
La realizzazione di pagine AMP è semplice Spesso è possibile convertire l'intero archivio in pochi giorni, soprattutto utilizzando CMS popolari come WordPress o Drupal.
AMP può essere applicato in vari punti della propria rete Impiegato in piattaforme globali come Google, Bing e Twitter, il sistema AMP consente agli utenti di tutti questi servizi un'esperienza simile a quella delle applicazioni native, selezionando le pagine AMP come impostazione predefinita quando disponibili.

Siamo obbligati a garantire la massima velocità a tutti i livelli. Se il caricamento del nostro sito richiede troppo tempo, per quanto elevata possa essere la qualità dei nostri contenuti, molte persone lasceranno la pagina prima di vedere cosa offre.

David Merrell, Dirigente Responsabile di Prodotto

Leggi una storia di successo

Com'è fatto AMP HTML

<!DOCTYPE HTML>
<html >
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="hello-world.html">
  <meta name="viewport" content="width=device-width">
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <script async custom-element="amp-geo" src="https://cdn.ampproject.org/v0/amp-geo-0.1.js"></script>
  <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
</head>
<body>
  <amp-geo layout="nodisplay">
    <script type="application/json">
      {
        "AmpBind": true
      }
    </script>
  </amp-geo>
  <h1>Hello in <span [text]="country">...</span>!</h1>
  <button on="tap:AMP.setState({'country': ampGeo.ISOCountry.toUpperCase()})">Where am I?</button>
</body>
</html>

Hello
World!

Componenti integrati

AMP HTML è una versione HTML con alcune restrizioni per migliorarne le performance.

La maggior parte dei tag in una pagina AMP HTML sono normali tag HTML, ma alcuni di essi sono sostituiti con tag specifici di AMP (consulta anche la sezione Tag HTML nelle specifiche AMP). Questi elementi personalizzati, chiamati componenti AMP HTML, migliorano l'implementazione delle strutture più comuni in termini di prestazioni.

Ad esempio, il tag amp-img garantisce il pieno supporto degli elementi srcset anche nei browser che non li supportano ancora. Scopri come creare la tua prima pagina AMP HTML.

Le pagine AMP sono facilmente individuate dai motori di ricerca e da altre piattaforme tramite il tag HTML. Puoi scegliere di realizzare una versione con e senza elementi AMP della tua pagina o una versione esclusivamente AMP.

Cache AMP

Le pagine AMP possono essere memorizzate nella cache per un caricamento quasi istantaneo su web. Piattaforme come Google attivano la cache AMP per consentire il caricamento rapido di contenuti nei loro servizi.

La Cache Google AMP è una rete di distribuzione di contenuti basata su proxy per l'individuazione di tutti i documenti AMP validi. Permette di recuperare pagine AMP HTML, memorizzarle nella cache e migliorare automaticamente le performance della pagina. Quando si utilizza la Cache Google AMP, il documento, tutti i file JS e le immagini vengono caricati dalla stessa sorgente che utilizza HTTP 2.0 per la massima efficienza.
La cache viene inoltre fornita con un sistema di convalida integrato, che verifica che la pagina funzioni e non dipenda da risorse esterne. Il sistema di convalida esegue una serie di verifiche che confermano che il markup della pagina soddisfi le specifiche AMP HTML.

Un'altra versione del sistema di convalida è inclusa in ogni pagina AMP. Questa versione può registrare gli errori di convalida direttamente sulla console del browser durante il rendering della pagina, consentendo di vedere in che modo le modifiche complesse al codice potrebbero influire sulle performance e sull'esperienza degli utenti.

Esplora i casi d'uso dei siti web AMP