Notas acerca de HTML y su correcta visualización en e-mails
Posted on 17. Dic, 2007 by Michael Müller in HTML y CSS
Cada vez es más popular el envío masivo de correo electrónico por parte empresas, particulares y
cualquier de nosotros que quisiera llegar a un público específico o a la mayor cantidad de gente en general.
Esta labor podría sonar bastante simple, contando con
herramientas estándar como el Outlook o Mail (Mac) o cualquier otro cliente de mail que utilicemos y contando con una base de datos de personas a las que querramos llegar. Copiar y pegar las
direcciones en el BCC, copiar y pegar el contenido que queremos incluir en el e-mail, agregar un "subject" vendedor y enviar!
Pero, quién nos garantiza que lo que
enviamos se verá igual en las pantallas de todos nuestros recipientes? Habiendo hoy en día una cantidad moderadamente grande de servicios de e-mail gratuito, clientes de mail, etc
(refiriéndonos a los más utilizados, como Gmail, Hotmail, Yahoo, etc.).
Pues nada nos garantiza ese desplegado impecable y sin errores en la bandeja de entrada de quien
recibe nuestro e-mail. A menos que tomemos una serie de precauciones y recomendaciones al momento de crear el contenido a enviar.
Aquí algunos sitios con información muy
útil acerca de cómo lograr los mejores resultados con envíos masivos de e-mail:
- Email Standard Project
Una iniciativa para mantener los estándares web en el diseño y
desarrollo de contenido de e-mails.
"Our goal is to help designers understand why web standards are so important for email, while working with email client developers to ensurethat emails render consistently." Seguir leyendo.
- ¿Funcionan
los mapas de imágenes (image maps) en un e-mail HTML?
Dadas las condiciones actuales, en las que las imágenes simples en correos electrónicos son mayormentebloquedas por los servicios de e-mail, el uso de mapas de imágenes no sería algo recomendado en este tipo de medio de comunicación. Seguir leyendo.
- Acerca del uso de formularios en el contenido de un e-mail
Este tipo de contenido también ha tenido cierta demanda, aunque los expertos recomiendan que no se utilice,ya que muchos clientes/servicios de e-mail lo bloquean o deshabilitan. Existen alternativas para evitar incluir usarlos en el contenido de un correo. Seguir leyendo.
- Asegurándonos que nuestro contenido se vea correctamente en los diferentes servicios de e-mail
Buen artículo y listado de tips para sacar el máximoprovecho del uso de HTML en el contenido de los e-mails. Seguir leyendo.
- La guía acerca del soporte de CSS en los correos electrónicos
Interesante y completo artículo acerca delsoporte de CSS en los diferentes servicios y clientes. Reporte detallado (en PDF)! Seguir leyendo.
Según el sitio de Email Standards
Project hasta el momento este estos son los resultados de soporte de estándares en los más populares servicios/clientes de mail:
Buen soporte
- AOL Webmail
- Apple
Mail
- Eudora (Penelope)
- Microsoft
Entourage
- Mozilla Thunderbird
- Windows
Live Mail
- Windows Mail
- Yahoo!
Mail
- Yahoo! Mail (Classic)
Se requiere mejoras



Project Gmail Grimace: Hagamos que Google nos escuche — michaelmuller.net | Diseño y Desarrollo Web
Feb 15th, 2008
[...] Project Gmail Grimace es una iniciativa
del Email Standards Project para llamar la atención de la gente de Google (específicamente los encargados de Gmail), para lograr que revisen las graves falencias que este cliente de correo
electrónico tiene al desplegar correos con estilos y demás diseño. Google has been conspicuously absent from our Email Standards Project inbox so far, frustratingly given Gmail’s
otherwise excellent status as a webmail client. In fact, we use it ourselves. Given that we had not been able to reach them yet, we decided to have a bit of fun and at the same time make a serious point to
the Gmail team. [...]
roger
Mar 4th, 2008
he enviado un e-mail con un contenido
html que contiene la propiedad z-index y al recibirlo en correo yahoo no funciona correctamente esta propiedad.
Existe alguna solución al respecto?
Saludos!!
Michael Müller
Mar 6th, 2008
Hola Roger, gracias
por escribir. Efectivamente la propiedad z-index no es reconocida por Gmail (ni el nuevo Yahoo).
Ver:
http://www.campaignmonitor.com/blog/archives/2007/04/a_guide_to_css_support_in_emai_2.html
Mi recomendación es que evites usar esta propiedad o busques otra manera de construir/diseñar el mail, para
que no tengas estos problemas.
Utilizar CSS “inline” puede solucionar algunos problemas con Gmail.