Hace unos días CSS-tricks publicaba una entrada donde reflexionaba sobre cómo se veía y cómo llegar a maquetar una web con html limpio y semántico, con un ejemplo que es realmente una gozada para la vista (y para los buscadores, of course).

Realmente es una gozada maquetar con esa limpieza y claridad, y no sólo por capricho, sino por el ahorro de ancho de banda, de tiempo al rediseñar y de lo bien que le vas a caer a los buscadores (y cuando digo buscadores, me refiero a Google ;-), gran dominador del mercado).

Por desgracia, para los que trabajamos de este lado de la trinchera del email marketing, el maquetar con html o xhtml limpio y semántico no es más que una utopía, ya que montar un e-mail en html es lo más parecido a atravesar un campo de minas virtual:

• No podemos maquetar con CSS: Tenemos que usar html básico, maquetar con tablas y el CSS, como mucho en línea.
• Hay que tener mucho cuidado con las imágenes: Abusar de ellas puede provocar que nuestro e-mail acabe en los filtros anti-spam; además si le llega al destinatario y éste no descarga las imágenes, poco impacto vamos a tener (Sobre todo si pesan mucho y tardan en descargar).
• Principio KISS (Keep It Simple, Stupid): Cuanto menos complicado sea tu código, menos posibilidades tendrás de equivocarte, así que huye de los diseños cool demasiado complicados.
• Pruébalo, pruébalo, pruébalo y vuélvelo a probar: Hay que probar los envíos en diferentes clientes de correo (Outlook, LotusNotes, Thunderbird...) y webmails (Gmail, YahooMail, LiveMail...), cada uno de ellos cojea por un lado diferente y sólo la experiencia te ayudará a ir puliendo tu html para que tu mensaje llegue íntegro a sus destinatarios.

Es una pena que tengamos que enfocar tanto esfuerzo en estas técnicas para que nuestro e-mail se vea lo mejor posible, sobre todo sabiendo que lo realmente importante (no lo olvides) es el contenido.