Formato de AMP for Email

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

AMP es una tecnología que se caracteriza por desarrollar páginas web súper rápidas para los clientes que utilizan dispositivos móviles. AMP consiste en un conjunto de etiquetas HTML que se apoya en JavaScript para habilitar fácilmente la funcionalidad poniendo especial atención en el desempeño y la seguridad. Hay componentes de AMP para todo, desde carruseles hasta elementos del formulario que son adaptables, e incluso recuperación de contenido nuevo desde endpoints remotos.

El formulario de AMP for Email proporciona un subconjunto de componentes de AMP que pueden utilizarse en los mensajes de correo electrónico. Los receptores de los correos electrónicos de AMP pueden ver e interactuar directamente con los componentes de AMP en el correo electrónico.

Etiquetas necesarias

En el siguiente código se representa la cantidad mínima de etiquetas para generar un mensaje de correo electrónico que sea válido en AMP:

<!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 mensaje de correo electrónico de AMP DEBE:

comenzar con el tipo de documento <!doctype html>. 🔗
contener una etiqueta <html ⚡4email> de nivel superior (además de aceptar a <html amp4email>. 🔗
contener las etiquetas <head> y <body> (en HTML son opcionales). 🔗
contener una etiqueta <meta charset="utf-8"> como primer elemento secundario de su etiqueta principal. 🔗
contener una etiqueta <script async src="https://cdn.ampproject.org/v0.js"></script> dentro de su etiqueta principal. 🔗
contener el texto estándar de amp4email (<style amp4email-boilerplate>body{visibility:hidden}</style>) dentro de su etiqueta principal para ocultar inicialmente el contenido hasta que se cargue AMP JS. 🔗

El total de etiquetas AMP HTML no debe exceder los 200,000 bytes.

Estructura y renderización

AMP for Email se basa en el subtipo MIME estándar multipart/alternative como se define en el RFC 1521, sección 7.2.3.

Para obtener más información, consulte Estructura y renderización de los correos electrónicos en AMP.

Componentes que son compatibles con AMP

Consulte el artículo Componentes que son compatibles con AMP for Email.

Requisitos de HTML

Consulte el artículo Compatibilidad de HTML con AMP for Email.

Requisitos del CSS

Selectores y propiedades que son compatibles

Consulte el artículo Compatibilidad de CSS con AMP for Email.

Cómo especificar CSS en un documento de AMP

Todas las CSS que se encuentren en cualquier documento de AMP deben estar incluidas en una etiqueta <style amp-custom> dentro del encabezado o como atributos de style en línea.

...

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

el total de etiquetas <style> no puede exceder los 50,000 bytes. El verificador comprobará que no se exceda ese tamaño.

Dimensiones del documento

Ancho óptimo: 800 pixeles o menos (el contenido y cualquier tamaño de ancho pueden truncarse repentinamente en algunos clientes).
Altura: variable, el cliente permite que el usuario se desplace por el contenido.

Validación

Para garantizar que sus mensajes de correo electrónico cumplan con los estrictos criterios que pide el formato de AMP for Email, puede utilizar las herramientas de validación con las que cuenta AMP.

Para obtener más información, consulte el artículo Cómo validar el correo electrónico de AMP.

Privacidad y seguridad

Apertura e interacción con el correo electrónico de seguimiento

AMP HTML permite hacer un seguimiento cada que se abre el correo electrónico con técnicas de rastreo de pixeles, al igual que con los correos electrónicos normales de HTML. Todas las solicitudes que se inicien por el usuario para obtener datos de servicios externos también indicarán que el usuario está interactuando con el mensaje. Los clientes de correo electrónico pueden ofrecerle a sus usuarios la capacidad de desactivar la carga de imágenes remotas y otras solicitudes externas.

Análisis específicos de AMP

Las siguientes técnicas analíticas específicas de AMP no son compatibles:

Cuestiones específicas de los componentes

Las solicitudes para reproducir imágenes dentro de <amp-carousel> o de <amp-accordion> pueden indicarle al remitente que el usuario está interactuando con el mensaje.

Los redireccionamientos hacia <amp-form> son rechazados durante el tiempo de ejecución.

Comentarios y asistencia

Para obtener asistencia y realizar comentarios sobre AMP for Email, utilice el siguiente canal: Participación continua