Alt text en Shopify: SEO de imágenes y accesibilidad a escala

Qué es el alt text y su impacto en eCommerce

El alt text en Shopify es el texto alternativo que describe una imagen y su función en la ficha de producto. En catálogos grandes, este campo actúa como puente crítico entre el SEO de imágenes y la accesibilidad web, por lo que debe gestionarse con reglas y plantillas claras desde la operación, evitando decisiones aisladas en catálogos masivos.

Definición y función técnica

El alt text es una etiqueta textual que describe el contenido y la función de una imagen para lectores de pantalla y motores de búsqueda. Cuando una imagen no carga o un usuario utiliza un lector de pantalla, el alt text transmite su propósito. Para los buscadores, ofrece una señal semántica fundamental que ayuda a indexar imágenes en Google Images y en búsquedas visuales.

Ejemplo: Un alt optimizado para una foto de zapatillas puede ser: "zapatillas running hombre modelo X color azul talla 42". Error típico: Usar el nombre de archivo (IMG_2023.jpg) o dejar el campo vacío cuando la imagen es informativa.

Puedes consultar la guía WCAG sobre alternativas textuales para criterios de accesibilidad en W3C WCAG 2.1.

Por qué importa legalmente y para accesibilidad

La normativa WCAG exige alternativas textuales que sirvan el mismo propósito que la imagen. La accesibilidad tiene implicaciones funcionales y legales en muchos mercados. En una tienda online, las imágenes de producto deben describir lo esencial para la decisión de compra: tipo de producto, color y variante, evitando texto promocional redundante. Cumplir con esto reduce el riesgo legal y mejora drásticamente la experiencia de clientes con discapacidad.

Ejemplo: Para una camiseta en oferta, el alt debe describir "camiseta algodón negra cuello pico" en vez de repetir "oferta verano compra ya".

Ver guía práctica de W3C sobre metadata accesible: W3C Publishing A11y.

Impacto en SEO y señales relacionadas

El alt text es una señal entre varias; no funciona de forma aislada. Un texto alternativo bien escrito aumenta las probabilidades de que la imagen aparezca en Google Images y ayuda a relacionar atributos de producto semánticamente.

Para una implementación robusta, es necesario coordinar el alt text con otras señales técnicas:

• Schema: Es un formato de datos estructurados que ayuda a los buscadores a entender el producto, su disponibilidad y precio.
• PIM (Product Information Management): Es una plataforma para centralizar atributos de producto y mantener la consistencia de datos entre canales.
• Shopify Metafields: Son campos personalizados en Shopify para almacenar datos adicionales (como un alt_base o reglas de naming) y permiten gestionar alt text a escala.
• Feed de producto: Es el archivo que comunica inventario y descripciones a marketplaces (Google Shopping, Meta), donde el alt text suele viajar como descripción de imagen.

Coordina el alt con schema y feed para mantener coherencia. Revisa prácticas SEO para imágenes en Schema.org Product.

Errores comunes en catálogos masivos

En catálogos de miles de SKU, los errores manuales se repiten y amplifican, generando deuda técnica.

• Fallas habituales: Imágenes sin alt, alts genéricos ("zapato"), duplicados masivos, uso de códigos internos (SKUs) como descripción y textos llenos de keywords (stuffing).
• Solución práctica: Definir una plantilla operativa que combine tipo de producto, atributo principal y variante. Automatizar la aplicación vía CSV o metafields y validar con scripts que detecten duplicados, longitudes y patrones no deseados.
• Error típico: Actualizar el alt text manualmente en el admin de Shopify sin control de versiones, generando inconsistencia con el PIM.

Para una referencia sobre estrategia combinada de accesibilidad y SEO revisa Siteimprove Blog.

Framework para escribir alt text de producto (Reglas y Plantilla)

Este framework operativo explica cómo generar alt text en Shopify a escala para mejorar SEO de imágenes y accesibilidad sin crear spam ni duplicados. Contiene reglas por tipo de imagen, una plantilla única y patrones de automatización.

TL;DR: Crea un alt_base por producto en metafields, añade solo el atributo distintivo en la variante, aplica plantillas por tipo de imagen y automatiza importaciones con checks que detecten duplicados y términos prohibidos.

Principios clave

El alt text debe describir lo que importa al usuario y a los buscadores sin repetir el título ni hacer keyword stuffing. Evita frases comerciales ("el mejor", "barato") y prioriza la utilidad y especificidad.

Regla 1: Packshot principal

El packshot principal es la referencia visual del producto y suele usarse por buscadores como imagen destacada y por lectores de pantalla como primera descripción.

• Cómo abordarlo: Usar una fórmula: Marca + Modelo + Atributo principal + Uso breve. Mantener entre 60 y 110 caracteres según el nivel de detalle. Guarda la versión canonical en el campo alt de la imagen y en un metafield alt_base para orquestar actualizaciones.
• Ejemplo: Delta mochila urbana 20 litros negro para uso diario.
• Error típico: Poner solo la marca o repetir exactamente el nombre del producto (H1).

Regla 2: Packshots de variantes

Las variantes comparten la mayoría de datos del producto padre. Hay que diferenciar solo lo necesario para que cada alt sea único, evitando contenido duplicado.

• Cómo abordarlo: Concatenar alt_base con el atributo distintivo. Si la variante solo cambia el color, no repitas talla o material si ya están en la base. Usa columnas alt_base y alt_variant en tu CSV para automatizar la fusión.
• Ejemplo:
  • alt_base: Delta mochila urbana 20 litros negro para uso diario
  • alt_variant: azul marino
  • Alt final: Delta mochila urbana 20 litros azul marino para uso diario
• Error típico: Generar cinco alts iguales cambiando solo una palabra sin normalizar mayúsculas o acentos, o duplicar el texto base sin añadir la variante.

Regla 3: Lifestyle

Las imágenes lifestyle aportan contexto de uso y ayudan a posicionar por intención de compra o búsquedas visuales inspiracionales.

• Cómo abordarlo: Describir la acción, el producto y la ubicación en una frase corta. Mantener 50 a 100 caracteres y evitar listar objetos secundarios irrelevantes.
• Ejemplo: Persona usando mochila Delta en bicicleta por la ciudad.
• Error típico: Describir todo lo visible en la escena ("cielo azul, edificio al fondo") en vez de centrarse en la acción y el producto.

Regla 4: Detalle y zoom

Los close-ups justifican el uso de keywords técnicas y responden consultas específicas de producto (long-tail).

• Cómo abordarlo: Indicar la característica técnica seguida del beneficio en una frase breve. Incluir unidad o material si aporta valor de búsqueda.
• Ejemplo: Cremallera YKK resistente al agua en costura reforzada.
• Error típico: Usar superlativos ("increíble calidad") o lenguaje comercial sin datos concretos.

Estrategias para evitar duplicados y spam

Evitar contenidos duplicados mejora la accesibilidad y reduce el "ruido" para los motores de búsqueda.

1. Metafields como fuente de verdad: Mantener un alt_base en metafields y generar los alts finales concatenando solo los atributos necesarios.
2. Auditoría de términos: Auditar vía consultas de similitud y reglas que bloqueen términos prohibidos como "comprar", "descuento", "envío gratis".
3. Imports limpios: Usar apps que respeten metafields para imports masivos o scripts dedicados.
4. Ejemplo práctico: Un CSV con columnas sku, alt_base, alt_variant que un script transforma en la columna final alt_text.

Longitud ideal: Objetivo de 50 a 125 caracteres según el tipo de imagen.

Cómo implementarlo y escalarlo en Shopify (Paso a paso + QA)

Esta sección explica paso a paso cómo generar, auditar y actualizar textos alternativos a escala sin romper la consistencia del catálogo, utilizando las reglas definidas anteriormente.

1. Preparación del catálogo y datos

Una base de datos limpia evita sobreescrituras y facilita la automatizacion.

• Acción: Exporta los productos con identificadores únicos (product_id, variant_id), URL de imagen y título. Asegura que cada imagen tenga un identificador persistente (image_id).
• Normalización: Normaliza atributos claves como color, material, talla y clasifica el tipo de imagen (principal, secundaria, lifestyle). Añade una columna para "estado de revisión".
• Estructura CSV recomendada: product_id, sku, image_url, image_id, alt_text_actual, tipo_imagen.
• Error típico: Usar nombres de archivo antiguos como base para el alt text sin contexto de producto actual.

2. Generación automatizada contextual

La generación por lotes reduce tiempo y mantiene coherencia si se aplica con plantillas estrictas.

• Acción: Define plantillas parametrizadas por categoría y uso de la imagen (como vimos en el Framework). Integra una herramienta para procesar lotes y guarda el resultado en metafields para trazabilidad.
• Plantilla para calzado (Ejemplo): Marca + Modelo + Color + Tipo de toma + Detalle.
• Error típico: Generar alt text genérico que no cambia entre variantes de color, creando canibalización SEO.

3. Importación vía CSV y Metafields

Cargar los alt text de forma masiva evita la edición manual "imagen por imagen" en la interfaz de Shopify.

• ...