michaelmuller.net | Diseño, iconos, web y actualidad desde Ecuador

Notas acerca de HTML y su correcta visualización en e-mails

Posted on | Diciembre 17, 2007

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 ensure

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

    bloquedas 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áximo

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

    soporte 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

Se requiere mejoras

Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks

Comments

3 Responses to “Notas acerca de HTML y su correcta visualización en e-mails”

  1. Project Gmail Grimace: Hagamos que Google nos escuche — michaelmuller.net | Diseño y Desarrollo Web
    Febrero 15th, 2008 @ 10:44

    [...] 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. [...]

  2. roger
    Marzo 4th, 2008 @ 12:28

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

  3. Michael Müller
    Marzo 6th, 2008 @ 11:12

    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.

Leave a Reply





  • Acerca de…

    Este espacio es una iniciativa de Michael Müller, diseñador de interfaces gráficas y creador del portal Iconiza.com, escribiendo desde Ecuador.