La etiqueta ALT de PrestaShop (atributo alt de una imagen) es el texto que Google y los lectores de pantalla leen en lugar del visual. En una tienda PrestaShop, es uno de los pocos campos SEO que quedan vacíos por defecto: el back-office no lo obliga, la importación CSV no lo rellena y el tema no inventa nada. El resultado es que cientos de productos salen con alt="" o alt="IMG_4523.jpg", invisibles para Google Imágenes e inaccesibles para las personas con discapacidad visual. Esta página explica dónde corregir la etiqueta ALT en PrestaShop, cómo redactar una buena y cómo tratar todo el catálogo sin dedicarle las noches.
Por qué la etiqueta ALT importa de verdad en PrestaShop
Tres razones concretas, por orden de impacto en el negocio:
- Tráfico de Google Imágenes. En modo e-commerce (vestido, zapato, lámpara, joya), una parte importante de las búsquedas empieza por la pestaña Imágenes. Sin etiqueta ALT, Google no sabe qué muestra su foto y no la clasifica. Un ALT descriptivo hace subir la miniatura, que reenvía a la ficha de producto.
- Accesibilidad y conformidad. El RGAA (adaptación francesa de las WCAG) exige un equivalente textual para cada imagen que aporte información. Un lector de pantalla anuncia literalmente el contenido del atributo
alt:alt="IMG_4523.jpg"se lee «I-M-G guion bajo 4523 punto J-P-G». Es también un factor de calidad que Google asocia a los sitios cuidados. - Semántica y AEO. Los motores de respuesta (Google SGE, asistentes de IA) se apoyan en los ALT para entender la apariencia real de un producto cuando la ficha es pobre en texto. Una etiqueta «chaqueta acolchada azul marino con capucha extraíble» ancla el producto mucho mejor que un párrafo de marketing vago.
Dónde editar la etiqueta ALT en el back-office de PrestaShop
El atributo alt de una imagen de producto se configura imagen por imagen, a mano:
Catálogo > Productos > (abrir un producto) > pestaña Imágenes. Haga clic en una miniatura: se abre un panel lateral con el campo «Leyenda» (etiqueta «Caption» en inglés). Ese campo es el que alimenta el atributo alt en el código HTML renderizado en el lado de la tienda. Rellénelo para cada imagen y guarde.
Puntos importantes según la versión:
- PrestaShop 1.7 y 8: el campo se llama «Leyenda de la imagen» en el panel lateral de la pestaña Imágenes. Es multilingüe: acuérdese de rellenar cada bandera, de lo contrario la versión ES quedará vacía en EN.
- PrestaShop 9: misma lógica, back-office renovado; el campo sigue en la pestaña Imágenes del producto.
- Imágenes de categoría y de CMS: tienen su propio campo ALT en Catálogo > Categorías > (una categoría) > Imagen, a menudo olvidado aunque esas páginas captan tráfico de cabecera de sección.
Verificación en el front: abra la ficha de producto, clic derecho sobre la imagen > «Inspeccionar», y lea el atributo alt="..." en el HTML. Es la única prueba fiable de que su leyenda se ha convertido realmente en etiqueta ALT.
Las etiquetas ALT generadas por el tema (la trampa de la plantilla)
Muchos temas de PrestaShop inyectan un valor por defecto cuando la leyenda está vacía, mediante la variable Smarty {$image.legend} en las plantillas product.tpl / product-cover.tpl. Algunos temas sustituyen el vacío por el nombre del producto en bruto, repetido en las 8 fotos: alt="Vestido Aurora", alt="Vestido Aurora", alt="Vestido Aurora"… Google ve entonces 8 imágenes idénticas semánticamente. Es mejor que nada, pero es contenido duplicado que limita sus posibilidades en Google Imágenes. La solución no es tocar la plantilla, sino rellenar leyendas distintas por imagen.
La fórmula de una buena etiqueta ALT
Una etiqueta ALT eficaz describe lo que el ojo ve, en lenguaje natural, sin relleno. Plantilla copiable:
[Tipo de producto] [atributo visual dominante] [color] [material] [detalle distintivo]
Longitud objetivo: 80 a 125 caracteres. Por debajo de 40 resulta demasiado escueto; por encima de 125, los lectores de pantalla truncan y Google ignora el final.
Ejemplos reales de antes / después:
- ❌
IMG_4523.jpg - ❌
alt=""(vacío) - ⚠️
vestido(exacto pero famélico) - ✅
Vestido de verano largo de lino azul cielo con cinturón ajustado y cuello en V
Otro caso:
- ❌
zapato-ref-8891-v2-final.png - ✅
Bota deportiva de caña alta en cuero blanco con suela dentada y cordones planos a juego
Para un producto con varias fotos, diferencie cada ángulo:
- Foto 1 (packshot):
Bolso shopper de lona beige con doble asa, vista frontal - Foto 2 (detalle):
Cierre magnético y bolsillo interior con cremallera del bolso shopper de lona beige - Foto 3 (puesto):
Bolso shopper de lona beige llevado al hombro, look informal
Errores frecuentes (con el ejemplo preciso)
- Sobrecarga de palabras clave.
alt="vestido vestido barato vestido verano vestido lino vestido mujer vestido rebajas"es keyword stuffing, penalizado e ilegible para el lector de pantalla. Una sola aparición natural del término basta. - Copiar el nombre del archivo.
alt="DSC_0042"no aporta ninguna información. - Copiar la etiqueta TITLE. El ALT describe la imagen, no la página. «Comprar un vestido de lino barato – Tienda» no tiene nada que hacer en un
alt. - Describir una imagen decorativa. Un pictograma de separación o un fondo degradado debe tener
alt=""(vacío, de forma intencionada) para que el lector de pantalla lo salte. Solo se pone un ALT en las imágenes que aportan sentido. - Olvidar los idiomas. Una leyenda rellena en ES pero vacía en EN/FR/IT deja la versión inglesa sin ALT. El campo es multilingüe: cada bandera cuenta.
- Bloquear
/img/en el robots.txt. Si prohíbe el rastreo de la carpeta de imágenes, ningún ALT servirá: Google nunca verá los visuales. Compruebe Parámetros avanzados > SEO & URLs y surobots.txtgenerado.
Automatizar la etiqueta ALT a escala del catálogo
Rellenar manualmente la leyenda de 8 imágenes en 400 referencias son 3.200 campos. Dos enfoques realistas:
El campo ALT masivo por variable. En Parámetros avanzados > SEO & URLs, PrestaShop no ofrece de forma nativa un ALT global, pero la mayoría de los temas aceptan la variable {$product.name} en la plantilla de imagen. Eso pone el nombre del producto en todas las fotos: un apaño uniforme, no una optimización por visual.
La generación por IA visual (Fexa AI). En lugar de escribir cada etiqueta, Fexa AI analiza el visual y los atributos del producto (color, material, forma) para producir una etiqueta ALT descriptiva y distinta, por imagen y por idioma. En el Panel de Optimización, marque «Image Alts» y luego «Generate»: la IA redacta una etiqueta rica para cada imagen. Los ALT se generan al mismo tiempo que el resto de la ficha (título, descripción, meta), por 1 solo crédito por idioma optimizado (consulte el sistema de créditos).
Revisar y validar sus ALT (también por lotes)
Usted mantiene el control de cada etiqueta. En la optimización por lotes, la vista previa muestra las etiquetas ALT generadas imagen por imagen, junto al resto de la ficha.
- Revise cada ALT antes de publicar: la IA describe lo que ve, pero usted conoce la referencia exacta.
- Desmarque una etiqueta concreta (o todo el grupo ALT) para excluirla de la aplicación, útil si algunas imágenes ya están bien descritas.
- Solo se escriben en su tienda las etiquetas marcadas.
Es el mismo principio de control por campo que para los títulos, las descripciones y las FAQ.
FAQ etiqueta ALT PrestaShop
¿Dónde se encuentra la etiqueta ALT en PrestaShop?
En Catálogo > Productos > pestaña Imágenes: haga clic en una miniatura y rellene el campo «Leyenda» (Caption). Esa leyenda se convierte en el atributo alt en la tienda.
¿Qué longitud debe tener una etiqueta ALT? Apunte a 80-125 caracteres: suficiente para describir la imagen y colocar la palabra clave una vez, sin ser truncada por los lectores de pantalla ni ignorada por Google.
¿Hay que poner un ALT en todas las imágenes?
No. Las imágenes que aportan información (fotos de producto, visuales de categoría) deben tener un ALT descriptivo. Las imágenes puramente decorativas deben tener alt="" vacío, para que los lectores de pantalla las ignoren.
¿Es la etiqueta ALT un factor de posicionamiento en Google? Sí para Google Imágenes, que se apoya mucho en ella. En la búsqueda web clásica es una señal secundaria pero real, y un criterio de accesibilidad que Google valora.
¿Cómo corregir cientos de imágenes de una vez? Manualmente, hay que ir imagen por imagen en la pestaña Imágenes. Para tratar todo el catálogo, un módulo como Fexa AI genera una etiqueta ALT distinta por imagen y por idioma analizando el visual, y luego usted valida por lotes antes de publicar.
Pase a la acción. Lance su auditoría SEO PrestaShop gratuita —sin instalación, sin tarjeta bancaria— para detectar sus imágenes sin etiqueta ALT, o instale el módulo Fexa AI para generar sus textos alternativos a escala del catálogo.
Siguiente paso: FAQ & datos estructurados: Rich Snippets y búsqueda por voz