Seguramente ya te ha pasado recibir un boletín en el que las imágenes no se mostraban. Bloques grises, cruces rojas o espacios vacíos, y sobre todo un mensaje que ya no significa mucho. Frustrante, incluso molesto. Más aún cuando un pequeño detalle técnico podría haberlo cambiado todo: la etiqueta alt. En este artículo, te explicamos por qué esta pequeña línea de código es tan importante en el e-marketing y cómo usarla eficazmente en tus envíos.
¿Qué es la etiqueta alt?
La etiqueta alt (para «texto alternativo») es un atributo HTML asociado a las imágenes. Su función es simple: proporcionar un texto alternativo que se mostrará o leerá si la imagen no puede cargarse.
Para entender mejor, aquí están los diferentes casos:
- Si la imagen se muestra correctamente, el lector ve el visual.
- Si la imagen está bloqueada (por el cliente de correo o debido a una conexión lenta), el texto de la etiqueta aparece en su lugar.
- Si el usuario utiliza un lector de pantalla, el texto de la imagen se leerá en voz alta.
¿Por qué es primordial usar esta etiqueta en tu boletín?
Accesibilidad e inclusión
Las reglas WCAG (Pautas de Accesibilidad para el Contenido Web) y su versión francesa, el RGAA (Referencial General de Mejora de la Accesibilidad), recuerdan que todo contenido con imágenes debe tener una alternativa textual. Esto garantiza que las personas con discapacidad visual, que navegan con lectores de pantalla, puedan entender tus mensajes. Es no solo una obligación moral, sino también una garantía de seriedad para tu marca.
En caso de visualización parcial de los correos
No todos tus suscriptores ven automáticamente tus imágenes, ya que algunos servicios de correo las bloquean por defecto. Este es, por ejemplo, el caso de Outlook. La etiqueta alt permite sortear el problema y sirve como red de seguridad, ya que, pase lo que pase, tu texto estará ahí para reemplazar el visual si es necesario. Por el contrario, sin etiqueta, tu correo puede parecer vacío, mal diseñado, e incluso sospechoso.
Cuestión de conformidad y credibilidad
Respetar estos estándares refuerza la confianza de tus suscriptores. Muestra que dominas tus envíos y que tomas en cuenta a todos tus lectores, no solo a aquellos que no tienen problemas de visualización.
No perder la acción clave
¿Un CTA en imagen que desaparece? ¿Un visual de promoción invisible? Sin texto alternativo, pierdes clics, por tanto, conversiones. La etiqueta alt no es solo un soporte; también te permite desencadenar una acción, incluso sin imagen.
Consejos para redactar bien tus etiquetas alt
La efectividad de un alt se basa en tres criterios: contextualización, concisión y claridad.
Debes describir el rol de la imagen más que su apariencia. Pregúntate: «¿Por qué puse esta imagen en mi boletín?» La etiqueta alt puede ser descriptiva si se trata de una imagen con información esencial (oferta, producto), u orientada hacia la acción si se trata de un CTA o visual que lleva a un enlace. Por ejemplo, escribir «imagen de un teléfono azul» no ayuda si el visual es un CTA que indica «Comparar planes móviles».
Sé conciso; una frase corta es suficiente en la mayoría de los casos.
Evita repeticiones. Si el texto ya está presente en el correo, no es necesario copiarlo en la etiqueta alt.
Ejemplos de etiquetas alt
Imagen decorativa
Si la imagen no tiene utilidad (por ejemplo, un borde o un elemento puramente gráfico), hay que indicar que no tiene texto alternativo. Esto permite a los lectores de pantalla ignorarla y no interrumpir la lectura.
Logo
El texto alternativo de un logo debe simplemente dar el nombre de la marca, como «Captain Verify». No es necesario agregar «logo de…», ya que lo importante es que el lector identifique la marca.
Visual de producto
Si la imagen presenta una oferta o un producto, el texto alternativo debe resumir lo esencial. Ejemplo: «Plan Premium: 1 millón de verificaciones por mes». Así, incluso sin ver la imagen, el suscriptor entiende inmediatamente de qué se trata.
Botón imagen
Cuando un botón es únicamente en imagen, su texto alternativo debe describir la acción esperada. Ejemplo: «Probar gratis 14 días». De esta manera, el lector sabe qué hacer, incluso si el botón es invisible.
Gráfico
Para un gráfico o una infografía, el texto alternativo debe entregar el mensaje clave. Ejemplo: «Tasa de entregabilidad media: 99,2 %. Ver detalles». Si el lector desea más información, debe poder encontrarla en otra parte del correo, en forma de texto o de enlace.
Personalizar la etiqueta alt
En algunos casos, es posible mejorar la presentación de la etiqueta para hacerla más visible y legible. Sin embargo, la personalización funciona en algunos clientes de correo (como Outlook) y no o de forma diferente en otros (como Gmail). Cuando está soportada, puedes elegir el tamaño del texto, el tipo de fuente, o incluso el color.
Dicho esto, aunque estas opciones existen, no confíes únicamente en la personalización. Muchos servicios de correo solo mostrarán el texto plano. Por lo tanto, debes redactar un texto alternativo accesible, breve y simple, que cumpla perfectamente su propósito incluso sin un estilo particular.
Finalmente, nunca lo diremos lo suficiente, siempre piensa en probar tus envíos en diferentes entornos (Outlook, Gmail, Apple Mail, webmails, móvil) para verificar qué verán realmente tus suscriptores.
En resumen, cada texto alternativo bien pensado puede salvar un clic, preservar la comprensión de tu oferta y reforzar la credibilidad de tu marca. Tómate unos minutos para abrir tu última campaña, desactiva la visualización de imágenes y pregúntate si tu boletín sigue siendo claro y coherente. Si la respuesta es no, probablemente sea hora de prestar a tus etiquetas alt la atención que merecen.
