Mittum

¿Qué son los ALT Tags y cómo se pueden emplear en tus newsletters?

alt

Sí, lo sabemos. La sensación de que las imágenes de tu newsletter sean bloqueadas es horrible. Pero para esto, existe una solución: los ALT tags.

¿Qué son los ALT Tags?

Básicamente, los ALT Tags son códigos incluidos dentro del HTML de tus imágenes en newsletter; esto permite que se muestre un texto alternativo en el cuerpo del correo en donde iría normalmente la imagen, cuando esta no pueda ser desplegada.

Esto es muy, muy importante, por diferentes motivos. En principio, cuando un cliente email no descarga imágenes en automático, los textos provenientes de los ALT Tags ayudan a que aún así la newsletter llegue a la bandeja de tus usuarios; en ocasiones cuando tus emails dependen en gran medida de las imágenes, los ALT Tags resultan ser muy útiles.

En otras ocasiones, las imágenes pueden ser no desplegadas por una mala conexión o datos insuficientes -si se trata de conexión móvil-. De la misma manera, los ALT Tags te ayudan a brindar un poco de forma y contexto en este tipo de desafortunadas ocasiones.

Insertando ALT Tags en tus newsletters

Cuando entras en el modo de edición HTML y tienes una imagen insertada, normalmente el código se desplegará de la siguiente 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″ />

A grandes rasgos, 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), la procedencia de la imagen misma (src) y su tipo de borde, altura y anchura (border, width, height).

Estando en el modo de edición HTML, los ALT Tags se insertan 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”.

Dicho lo anterior, tendríamos que modificar nuestro 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″ />

Con sólo unos ajustes, ya tienes un complemento importante para tu correo electrónico, sin mencionar que la edición de tags se puede volver un gran recurso para el manejo de tu contenido. Incluso, puedes insertar tokens en el texto ALT, lo que hará tu vida mucho más sencilla.

Es claro que esto se vuelve un gran recurso para tu email marketing y hace tu labor un poco más sencilla. ¿Cuál es tu opinión?