Formato AMP per e-mail

AMP è una popolare tecnologia per lo sviluppo di pagine web molto veloci su client mobili. AMP è costituito da un insieme di tag HTML supportato da JavaScript che consente un'agevole disponibilità delle funzionalità offerte e rivolge un'attenzione particolare alle prestazioni e alla sicurezza. Ci sono componenti AMP per le più svariate applicazioni, quale sequenze, elementi di moduli reattivi, recupero di contenuti aggiornati da endpoint remoti.

Il formato AMP per e-mail fornisce un sottoinsieme di componenti AMP che possono essere utilizzati nei messaggi e-mail. I destinatari delle e-mail AMP possono visualizzare e interagire con i componenti AMP direttamente nelle e-mail.

Markup obbligatori

Il codice seguente rappresenta la quantità minima di markup richiesti da un messaggio e-mail in formato AMP valido:

<!DOCTYPE html>
<html ⚡4email data-css-strict>
  <head>
    <meta charset="utf-8" />
    <style amp4email-boilerplate>
      body {
        visibility: hidden;
      }
    </style>
    <script async src="https://cdn.ampproject.org/v0.js"></script>
  </head>
  <body>
    Hello, world.
  </body>
</html>

Un messaggio e-mail AMP DEVE

Iniziare con il doctype <!doctype html>. 🔗
Contenere un tag di primo livello <html ⚡> (<html amp> è ugualmente accettato). 🔗
Contenere i tag <head> e <body> (che sono opzionali in HTML). 🔗
Contenere un tag <meta charset="utf-8"> come primo elemento figlio del proprio tag di intestazione. 🔗
Contenere un tag <script async src="https://cdn.ampproject.org/v0.js"></script> all'interno del proprio tag di intestazione. 🔗
contenere il boilerplate amp4email (<style amp4email-boilerplate>body{visibility:hidden}</style>) all'interno del proprio tag di intestazione per nascondere inizialmente il contenuto fino al caricamento di AMP JS. 🔗

L'intero markup AMPHTML non deve superare i 200.000 byte.

Struttura e rendering

Il formato AMP per E-mail si basa sul sottotipo MIME multipart/alternative standard, come definito nel documento RFC 1521, sezione 7.2.3.

Per ulteriori informazioni, consultare la sezione Struttura e rendering delle e-mail AMP.

Componenti AMP supportati

Consultare il documento Componenti supportati da AMP per e-mail.

Requisiti HTML

Consultare il documento Elementi HTML supportati in AMP per E-mail.

Requisiti CSS

Selettori e proprietà supportati

Consultare il documento Elementi CSS supportati in AMP per E-mail.

Inserimento di elementi CSS in un documento AMP

Tutti gli elementi CSS presenti in ogni documento AMP devono essere inclusi in un tag <style amp-custom> all'interno dell'intestazione o come attributi style inline.

...

<style amp-custom>
  /* any custom styles go here. */
  body {
    background-color: white;
  }
  amp-img {
    border: 5px solid black;
  }
  amp-img.grey-placeholder {
    background-color: grey;
  }
</style>

...

</head>

l'intero tag <style> non può superare i 50.000 byte. Lo strumento di convalida verificherà anche le dimensioni.

Dimensioni del documento

Larghezza ottimale: massimo 800 pixel (qualsiasi contenuto più largo potrebbe essere troncato inavvertitamente su alcuni client).
Altezza: variabile, il client permette all'utente di scorrere i contenuti.

Convalida

Per garantire che i messaggi e-mail soddisfino i rigorosi criteri del formato AMP per e-mail, si possono utilizzare gli strumenti di convalida di AMP già esistenti.

Per ulteriori informazioni, consultare il documento Convalida di e-mail AMP.

Privacy e sicurezza

Tracciamento di interazioni e-mail

AMPHTML consente il controllo delle interazioni e-mail con tecniche di tracciamento dei pixel, come le normali e-mail HTML. Qualsiasi richiesta di dati avviata dall'utente da servizi esterni indicherà anche che l'utente sta interagendo con il messaggio. I client di posta elettronica offrono agli utenti la possibilità di disabilitare il caricamento di immagini remote e altre richieste esterne.

Strumenti di analisi specifici di AMP

Le seguenti tecniche di analisi specifiche di AMP non sono supportate:

Considerazioni relative ai componenti

Le richieste di immagini all'interno di elementi <amp-carousel> o <amp-accordion> possono indicare al mittente che l'utente sta interagendo con il messaggio.

I reindirizzamenti in <amp-form> non sono consentiti a runtime.

Feedback e assistenza

Per richieste di assistenza e invio di feedback su AMP per e-mail, potete utilizzare il seguente canale: ongoing-participation