Tutoriales
Texto alternativo para imágenes de productos: Ejemplos para fotos y anuncios de cuatro paneles
Escriba texto alternativo útil para fotos de productos, opciones de color y anuncios completos de cuatro paneles, con un ejemplo práctico y una descripción larga separada.
Escriba el texto alternativo de la imagen del producto en torno a la información que un comprador necesita de esa imagen en particular. Nombre el producto o la variante cuando sea útil, describa el detalle visual significativo y conserve las palabras importantes que se muestran en la imagen. Un anuncio completo de cuatro paneles también puede necesitar una descripción más larga cercana para que su secuencia siga siendo comprensible sin forzar todo en un atributo alt abarrotado.
La misma taza puede necesitar una redacción diferente en una miniatura de catálogo, un primer plano de la tapa y un anuncio de cómic. Comience con el trabajo de la imagen en la página, luego describa lo que de otro modo faltaría.
Elija la descripción según el propósito de la imagen
La guía de imágenes del W3C distingue entre imágenes informativas, decorativas, funcionales y complejas. Pide a los autores que consideren el contexto, proporcionen equivalentes de texto útiles y eviten tratar cada imagen de forma idéntica. La siguiente tabla aplica ese principio a una campaña ficticia de tazas de viaje.
| Uso de la imagen | Información a conservar | Ejemplo de redacción |
|---|---|---|
| Foto de detalle del producto | Forma, variante y característica visible | Taza de viaje color arena con asa plegable en la tapa. |
| Primer plano de la tapa | El detalle que añade esta vista | El asa de la taza se pliega en un hueco de la tapa. |
| Control de opción de color | Qué opción selecciona el control | Arena, o Seleccionar arena, según la etiqueta del control circundante. |
| Anuncio de cuatro paneles | Producto, secuencia y texto esencial | Anuncio de cuatro paneles para la taza Loop, que muestra su asa plegable durante un viaje de la oficina al tren. Descripción completa a continuación. |
| Textura decorativa detrás de un encabezado | Sin información adicional | Una alternativa de texto vacía, cuando es genuinamente decorativa. |
Estos ejemplos asumen que esas características son visibles y correctas. No infiera aislamiento, resistencia a fugas o materiales por la apariencia. Una superficie brillante por sí sola no le dice qué metal utiliza un producto.
Describa la información adicional, no una lista de palabras clave
Una descripción de detalle útil podría decir: “Vista trasera de la mochila azul marino con dos correas acolchadas para los hombros”. Una cadena como “mejor mochila mochila de viaje mochila premium” no explica la imagen. Escriba una oración que pueda usar para ayudar a alguien a elegir entre las vistas frontal y trasera.
La cantidad apropiada de repetición depende del texto circundante. Si una miniatura vinculada y el título del producto forman un solo enlace, inspeccione el nombre accesible combinado antes de repetir el título nuevamente. Si una muestra de color es la única forma de elegir una variante, asegúrese de que el control comunique su color y estado seleccionado. El atributo de imagen por sí solo no es toda la interfaz.
Use el nombre del producto cuando identifique de qué trata la imagen. Agregue el detalle particular que hace que esta imagen sea diferente de la siguiente. No necesita narrar cada objeto de fondo a menos que cambie el significado.
Dé a un anuncio de cuatro paneles un punto de entrada corto y una descripción completa
Un anuncio estilo cómic contiene relaciones entre paneles. La guía de descripción de imágenes de cómics de APLN analiza cómo transmitir la secuencia y las interacciones en lugar de enumerar objetos mecánicamente. Para un anuncio, eso también significa preservar las palabras que transmiten su oferta.
Considere esta creatividad ficticia: un viajero sostiene la taza Loop en un escritorio, pliega su asa, la lleva a un tren y luego ve un primer plano del producto con una invitación de compra. Su única afirmación de producto es el asa plegable. Este es un ejemplo editorial, no un resultado generado ni una campaña probada.
Use la alternativa corta de la tabla como punto de entrada. Coloque la siguiente descripción más larga junto a la imagen o detrás de un control de descripción accesible y claramente nombrado:
Cuatro paneles, leídos de izquierda a derecha en la fila superior, luego en la fila inferior.
En un escritorio, un viajero busca una taza Loop color arena. Las palabras son “De la oficina a la partida”.
Un primer plano muestra el asa plegada en la tapa. Las palabras son “Un asa que se pliega”.
En un tren, el viajero sostiene la taza con el asa levantada. No hay texto adicional.
El panel final muestra la taza sola. Las palabras son “Loop” y “Explora la taza”.Haga coincidir la descripción con la imagen final. Si una revisión cambia la escena del tren a una cocina, la descripción también debe cambiar. No describa un resumen anterior que la imagen ya no sigue.
Mantenga el texto esencial del anuncio disponible como texto
Un titular compacto y una invitación de compra pueden incluirse directamente en una alternativa corta cuando esto sigue siendo fácil de seguir. Un diálogo más largo o una secuencia con varios subtítulos se manejan mejor con una descripción adyacente completa. Evite omitir una condición de precio o una calificación simplemente para alcanzar un número arbitrario de caracteres.
Esto no requiere reconstruir el anuncio como capas de texto separadas. La imagen completa puede mantener su tipografía integrada. La alternativa de texto pertenece a la página o plataforma donde la publica, sirviendo a las personas que no pueden usar la imagen en sí.
Cuando una plataforma de publicación ofrece solo un campo de descripción limitado, use su campo disponible con cuidado y coloque la información importante restante en el pie de foto de la publicación o en la página adjunta. Verifique el destino real en lugar de asumir que los controles de una plataforma existen en todas partes.
Finalice la descripción después de la creatividad
Cree y refine el anuncio completo en Panelly Studio, luego escriba la alternativa a partir de la versión final. Mantenga el archivo de imagen y su descripción juntos en sus notas de entrega. Un par simple como `loop-commute-v2.png` y “Descripción de Loop commute v2” facilita el seguimiento de actualizaciones posteriores.
Revise la página con imágenes no disponibles y, cuando sea posible, con tecnología de asistencia. ¿Puede alguien identificar el producto, comprender la secuencia y llegar al mismo destino? Esa es una revisión más útil que contar palabras clave.
Preguntas frecuentes
¿Existe una longitud ideal para el texto alternativo?
Ninguna longitud única se adapta a cada imagen y contexto de publicación. Mantenga la alternativa corta enfocada y proporcione un equivalente más largo cuando la imagen contenga más información de la que una frase concisa puede transmitir.
¿Debería cada miniatura de producto repetir el nombre del producto?
Primero, verifique el enlace y el texto circundantes. El objetivo es una experiencia combinada comprensible. Una foto de detalle a menudo necesita información diferente a la de una miniatura de cuadrícula de productos.
¿Puede la IA escribir la descripción?
Puede ayudar a redactarla, pero compare el resultado con la imagen real y el contexto de la página. Corrija las características inventadas, el texto faltante y un orden de lectura incorrecto antes de publicar.
Haga coincidir la descripción con una imagen visible
La botella ATELIER ficticia a continuación es una imagen editorial generada real de nuestro ejercicio de revisión grabado. Es una única escena de producto, no un anuncio de cuatro paneles ni el producto de un cliente real.
Una alternativa concisa para esta imagen es: “Botella de perfume ATELIER ámbar con tapa negra y etiqueta de color marfil, de pie sobre una plataforma de piedra beige contra un fondo blanco”. Esto identifica la botella y el entorno visibles sin inventar notas de fragancia, ingredientes o afirmaciones de rendimiento.
Si la imagen aparece dentro del tutorial de revisión, el pie de foto circundante también debe decir que se quitaron las flores, el espejo y la tela, pero que la pared cálida original y la forma de la plataforma cambiaron. Esa comparación pertenece al contexto del tutorial; no es necesario repetirla en el texto alternativo de cada miniatura de producto.
La secuencia anterior de la taza Loop es solo un ejemplo escrito. No adjunte su descripción de cuatro paneles a esta imagen de perfume. Use el activo visible final para decidir si una alternativa corta es suficiente o si se necesita una descripción de secuencia separada.
