Hoy he leído un artículo de Anna Yeaman que me ha llamado la atención. En numerosas entradas del blog hemos destacado la importancia de utilizar la etiqueta ALT en las imágenes de nuestros newsletters. Para los que no estéis muy familiarizados con la maquetación de newsletters, comentaros que la etiqueta ALT es una etiqueta HTML que nos permite mostrar un texto alternativo si la imagen no puede cargarse.
Otro dato significativo es que más del 52% de los newsletters que se envía tienen las imágenes bloqueadas por defecto, de aquí la importancia de utilizar la etiqueta ALT. El problema radica es que en los últimos años los clientes de correo cada vez son más «agresivos» y muchas veces no muestra nuestra etiqueta ALT. Os adjunto una tabla de los principales clientes de correo utilizados en España y como tratan la etiqueta ALT de vuestros newsletters.
| Clientes de mail | Muestra imágenes por defecto | Muestra imágenes para remitentes «conocidos» | Muestra etiqueta ALT |
|---|---|---|---|
| Outlook 2007 |  |
 |
Muestra mensajes seguros de las etiquetas ALT |
| Outlook 2003 | |
|
|
| Outlook Express | |
|
|
| Thunderbird | |
|
|
| Lotus Notes | |
|
|
| Clientes de Webmail | Muestra imágenes por defecto | Muestra imágenes para remitentes «conocidos» | Muestra etiqueta ALT |
| Hotmail | |
|
|
| Yahoo! | |
|
|
| Gmail | |
|
|
| Clientes para móVbiles | Muestra imágenes por defecto | Muestra imágenes para remitentes «conocidos» | Muestra etiqueta ALT |
| iPhone/iPad | |
|
|
| Android default | |
|
|
| Blackberry | |
|
|
A parte de utilizar la etiqueta ALT también es altamente recomendable aplicar estilos a nuestras imágenes, es tan fácil como añadir la etiqueta STYLE a las imágenes
Ej: style=»color: #E!E!E!; font-weight: bold; font-size: 15px;»
Esto nos permite destacar las ideas fuerza de nuestro newsletters cuando no se han cargado las imágenes. Tenéis un buen ejemplo de esto en el artículo de Como mejorar la usabilidad de tus newsletters de nuestro blog
Como alternativa, os proponemos una técnica de los 90, consiste en aplicar colores de fondo a nuestras imágenes de forma que si no se muestran podamos cargar un color de fondo de la celda.
A título de ejemplo es dejo esta pequeña joya de artesanía, se trata de una reproducción de un iPod, pero no os confundáis no se trata de una imagen, intentar arrastrarlo a ver si podéis 😉
http://stylecampaign.cmail5.com/T/ViewEmail/y/E68A466C67076458/1533BB6B4506A62CC67FD2F38AC4859C
