¿Por qué mi boletín se ve distinto en Outlook?

Los programas de correo muestran el mismo código de forma distinta. Outlook es el caso problemático más conocido.

Por qué ocurre

Algunas versiones de Outlook usan un procesador de textos para representar el HTML en lugar de un motor de navegador. Las técnicas de maquetación modernas se ignoran sin más.

Qué evitar por eso

Maquetaciones CSS avanzadas, imágenes de fondo en los elementos, esquinas redondeadas y sombras. Funcionan en la mitad de los casos y en la otra mitad se ven rotas.

Qué funciona en todas partes

Una estructura sencilla con tablas, el formato aplicado directamente a los elementos en lugar de en un bloque de estilos, y una sola columna. Aburrido, pero llega igual a todas partes.

Piense en las imágenes bloqueadas

Muchos programas cargan las imágenes solo cuando se les pide. No ponga por tanto su mensaje únicamente en una imagen y dé a cada imagen un texto alternativo descriptivo.

Pruebe antes de enviar

Envíese una prueba y véala al menos en Outlook, en Gmail y en un teléfono. Eso cubre la mayor parte de sus lectores.

Lo más cómodo es no tener que recordar estas reglas en cada envío. Nuestra página sobre la plantilla de newsletter muestra qué estructura aguanta también en Outlook, con cuatro ejemplos de diseño.