AMP

Format AMP for Email

Important: this documentation is not applicable to your currently selected format websites!

AMP est une technologie connue pour développer des pages Web ultra rapides sur les clients mobiles. AMP est un ensemble de balises HTML soutenues par JavaScript qui active facilement les fonctionnalités en donnant plus de priorité aux performances et à la sécurité. Il existe des composants AMP pour tout, des carrousels aux éléments de formulaire réactifs, en passant par la récupération de contenu récent à partir de points de terminaison distants.

Le format des e-mails AMP fournit un sous-ensemble de composants AMP que vous pouvez utiliser dans les e-mails. Les destinataires des e-mails AMP peuvent afficher et interagir avec les composants AMP directement dans l'e-mail.

Balisage requis

Le code suivant représente le balisage minimal pour constituer un e-mail AMP valide :

<!DOCTYPE html>
<html 4email>
  <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 e-mail AMP DOIT

  • commencer avec le doctype <!doctype html>. 🔗
  • contenir une balise supérieure <html ⚡4email> (<html amp4email> est également accepté). 🔗
  • contenir les balises <head> et <body> (elles sont facultatives en HTML). 🔗
  • contenir une balise <meta charset="utf-8"> comme premier enfant de la balise head. 🔗
  • contenir une balise <script async src="https://cdn.ampproject.org/v0.js"></script> dans la balise head. 🔗
  • contenir le texte standard amp4email (<style amp4email-boilerplate>body{visibility:hidden}</style>) à l'intérieur de la balise head afin de masquer initialement le contenu jusqu'à ce que le JS AMP soit chargé. 🔗

Le balisage AMPHTML entier ne doit pas dépasser 200 000 octets.

Structure et rendu

Les e-mails AMP reposent sur le sous-type MIME standard multipart/alternative, tel que défini dans le RFC 1521, section 7.2.3.

Pour plus d'informations, consultez Structure et rendu des e-mails AMP.

Composants AMP pris en charge

Voir Composants pris en charge dans les e-mails AMP.

Exigences HTML

Consultez HTML pris en charge dans les e-mails AMP.

Exigences CSS

Sélecteurs et propriétés pris en charge

Consultez CSS pris en charge dans les e-mails AMP.

Spécification CSS dans un document AMP

Tous les CSS de tout document AMP doivent être inclus dans une balise <style amp-custom> dans l'en-tête ou en tant qu'attributs style intégrés.

...

<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>

Remarque : la balise <style> entière ne peut pas dépasser 50 000 octets. Le validateur vérifiera cette condition.

Dimensions du document

  • Largeur optimale : 800 px ou moins (si la largeur est supérieure, le contenu peut être tronqué de manière inattendue sur certains clients).

  • Hauteur : variable, le client permet à l'utilisateur de faire défiler le contenu.

Validation

Pour vous assurer que vos e-mails répondent aux critères stricts du format AMP for Email, vous pouvez utiliser les outils de validation existants d'AMP.

Voir Valider les e-mails AMP pour plus d'informations.

Confidentialité et sécurité

Suivi des ouvertures d'e-mails et des interactions

AMPHTML permet de suivre les ouvertures d'e-mails avec des techniques de suivi des pixels, identiques aux e-mails HTML classiques. Toute demande de données initiée par l'utilisateur auprès de services externes indiquera également que l'utilisateur interagit avec le message. Les clients de messagerie peuvent offrir à leurs utilisateurs la possibilité de désactiver le chargement d'images distantes et d'autres demandes externes.

Analyses spécifiques à AMP

Les techniques d'analyse spécifiques à AMP suivantes ne sont pas prises en charge :

Considérations spécifiques aux composants

Les requêtes d'images à l'intérieur de <amp-carousel> ou <amp-accordion> peuvent indiquer à l'expéditeur que l'utilisateur interagit avec le message.

Les redirections dans <amp-form> ne sont pas autorisées à l'exécution.

Commentaires et assistance

Pour obtenir de l'aide et des commentaires au sujet des e-mails AMP, veuillez utiliser le canal suivant : participation continue