El irremplazable valor de los ALT Tags en tus campañas email

A ver, hay algo que es bastante horrible, y es que las imágenes de tus campañas email no se vean o desplieguen en el correo electrónico de tu suscriptor. Lo que debes de saber es que existe una solución para esto, y se llaman “ALT Tags“.

Explicando a fondo los ALT Tags

Si desconocías el término, permíteme explicarte. Los ALT Tags son códigos en HTML que puedes incluir en el cuerpo de tus campañas email; lo que provocan es que se muestren “textos alternativos” en el espacio donde iría la imagen si ésta llega a no desplegarse.

Parece obvio, pero permito aclararlo: esto es muy importante, por diversos motivos. En primera instancia, cuando el servicio email no descarga imágenes en automático, los ALT Tags ayudarán a que aún así la campaña email llegue a la bandeja del usuario.

[Tweet “Los #AltTags son imprescindibles en las imágenes de tus #newsletters”]

De hecho, en algunas ocasiones las imágenes pueden llegar a no desplegarse por malas conexiones o datos insuficientes (en el caso de conexiones móviles); aquí los ALT Tags también hacen su función y ayudan a dar forma y fondo a tu campaña ante la desafortunada ocasión.

¿Cómo se insertan los ALT Tags?

Pero bueno, seguramente te estarás preguntando como trabajar con los ALT Tags en tu campaña email. 

Lo primero es entrar al modo edición HTML de tu herramienta de envíos. Si tienes una imagen insertada, normalmente el código se despliega de esta manera:

<img style=”font-size: 20px; font-weight: bold; line-height: 205px; background- text-align: center;” src=”ejemplo.jpg ” border=”0″ width=”564px” height=”205″ />

En general, el código nos dice que hay determinados valores para el tamaño y tipo de fuente (font-size, font-weight), su alineación (text-align), el origen de la imagen (src) y su tipo de borde, altura y anchura (border, width, height).

Sobre la edición HTML, puedes insertar ALT Tags utilizando “alt=“ en el cuerpo del código. Supongamos que con la imagen ejemplo (“ejemplo.jpg”) queremos desplegar el texto “Creando emails inteligentes con Mittum”.

Teniendo eso en mente, modificaríamos el código de la siguiente manera:

<img style=”font-size: 20px; font-weight: bold; line-height: 205px; background- text-align: center;” src=”ejemplo.jpg ” border=”0″ alt=”Creando emails inteligentes con Mittum” width=”564px” height=”205″ />

De esta manera, cuando la imagen llegase a no ser desplegada, se mostraría un texto que mostraría “Creando emails inteligentes con Mittum“; con sólo unos ajustes, ya tienes un complemento importante para tu campaña email.

Todo lo anterior es sin mencionar que la edición de los ALT Tags se puede volver un gran recurso para el manejo de tu contenido; sin duda, ahora tienes un gran recurso para tus campañas email.

[Tweet “Los #AltTags en tus campañas #email ayudan a evitar llegar a la carpeta SPAM”]

¿Cuál es tu opinión? ¿Has empleado los ALT Tags en tus envíos? Me encantaría leerte.