Texto alternativo

¿Qué es el texto alternativo?

El texto alternativo (alt text) es la descripción que proporcionas en el atributo alt de una etiqueta <img>, por ejemplo, <img src="boot.jpg" alt="Bota de cuero marrón vista de perfil">. Los lectores de pantalla leen este texto en voz alta a los usuarios con discapacidad visual y se muestra como alternativa si la imagen no se carga. Al mismo tiempo, Google utiliza el texto alternativo como una señal para comprender qué representa la imagen.

¿Por qué es importante el texto alternativo?

Para una tienda online, el texto alternativo resuelve dos aspectos a la vez: la accesibilidad y el SEO. Un texto alternativo descriptivo hace que las imágenes de los productos sean comprensibles para los clientes que navegan con un lector de pantalla, y una buena accesibilidad de las imágenes es un requisito en virtud de la Ley Europea de Accesibilidad para muchas tiendas. También ayuda a Google a comprender e indexar tus imágenes, lo que puede atraer tráfico adicional desde Google Imágenes. Las imágenes que son puramente decorativas deben utilizar un atributo alt vacío (alt="") para que los lectores de pantalla las ignoren en lugar de leer el nombre del archivo.

Casos de uso comunes

• Imágenes de producto: Describe el producto de forma específica (“suéter de lana rojo con cuello vuelto”) en lugar de limitarte a poner “suéter” o el SKU del producto.
• Imágenes decorativas: Usa alt="" para fondos y adornos de modo que la tecnología de asistencia los ignore.
• Imágenes utilizadas como enlaces o botones: El texto alternativo funciona como el texto del enlace y debe describir a dónde dirige ese enlace.
• Infografías y texto en imágenes: Reproduce el texto importante para que no se pierda la información para los lectores de pantalla y para Google.

Perspectiva de Shopify

En Shopify, puedes editar el texto alternativo en los archivos multimedia de cada producto (haz clic en la imagen y selecciona “Editar texto alternativo”), y la plantilla normalmente lo representa con {{ image.alt }} en Liquid. Shopify no rellena automáticamente un texto alternativo significativo; muchas plantillas recurren al título del producto, lo que rara vez constituye una descripción precisa. Mantén el texto conciso (idealmente por debajo de ~125 caracteres), describe la imagen con naturalidad y evita la acumulación excesiva de palabras clave (keyword stuffing). Considera guardar las imágenes en formato WebP para mejorar la velocidad; el texto alternativo se mantiene independientemente del formato de archivo.