Cómo mostrar las especificaciones del producto es un problema de comprensión, no de maquetación. Baymard Institute analizó 344 de los principales sitios de e-commerce y encontró que el 82% tiene problemas graves de usabilidad en la página de producto; el área de especificaciones es donde el daño se queda callado: nadie escribe un correo para avisar que la tabla de especificaciones era ilegible. Simplemente compran en la publicación que respondió antes a su pregunta.
La versión corta: una tabla de especificaciones y una imagen anotada cumplen dos funciones distintas, y una publicación que vende necesita las dos. Abajo están las seis preguntas que deciden qué número va en cada lugar, respondidas con la investigación disponible y con lo que de verdad pasa en las publicaciones de exportación.
No existe una única manera correcta de mostrar las especificaciones del producto en todas las categorías. Existe un reparto correcto del trabajo entre el texto y la imagen, y casi todas las publicaciones que rinden poco tienen ese reparto mal en la misma dirección.
¿Las especificaciones del producto van en una tabla o sobre la imagen?
En ambas, y el reparto no es cuestión de gusto.
Una tabla de especificaciones es texto legible por máquinas. Los buscadores la indexan, los filtros del marketplace la leen, las herramientas de traducción la convierten, los lectores de pantalla la pronuncian y los asistentes de compra con IA la extraen. Una imagen anotada es un recurso de comprensión: le muestra al comprador cómo se ven 42 cm frente a una puerta, una mano o un pallet. El texto transporta el número; la imagen transporta el significado del número.
Una imagen a escala es una foto de producto que incluye una referencia cuyo tamaño el comprador ya conoce —una persona, una puerta, una mano, un pallet estándar— para que el tamaño se lea en lugar de calcularse. Las pruebas de Baymard encontraron que el 42% de los usuarios intenta estimar la escala y el tamaño general de un producto a partir de sus imágenes, y que el 28% de los sitios analizados no ofrece ninguna imagen a escala. Es una porción grande de compradores buscando información que una cuarta parte de los sitios nunca entrega.
| Tabla de especificaciones | Imagen anotada o a escala | |
|---|---|---|
| Función principal | Precisión y comparación | Comprensión y escala |
| Legible por máquinas | Sí | No |
| Sobrevive a la traducción | Sí | Solo si la vuelves a exportar por idioma |
| Responde "¿me va a entrar?" | Con lentitud | Al instante |
| Responde "¿cuál es la tolerancia exacta?" | Sí | No |
| Dónde mira primero el comprador | Después de la galería | Dentro de la galería |
Dale a un mismo dato los dos tratamientos cuando ese dato decide la compra. El ancho total va en la tabla y en la imagen. El paso de rosca va solo en la tabla.
¿Qué especificaciones revisan primero los compradores?
No leen de arriba abajo. En el abastecimiento de muebles, productos industriales y materiales de construcción, los compradores buscan un conjunto pequeño de campos, los confirman y recién entonces leen el resto. Este orden es práctica de campo y no una regla de plataforma, pero es notablemente consistente entre categorías.
| Nivel | Campos | Por qué se revisa primero |
|---|---|---|
| 1 | Medidas generales, peso, capacidad | Define si entra, cuánto cuesta el flete y si la consulta sigue |
| 2 | Material, acabado, grado | Define el nivel de calidad y la banda de precio |
| 3 | Compatibilidad y ajuste (rosca, VESA, calado, vano) | Define si funciona con lo que ya tienen |
| 4 | Datos de empaque (medidas de la caja, CBM, piezas por caja) | Define el costo puesto en destino |
| 5 | Certificación, norma de ensayo, garantía | Define si pasa su control de cumplimiento |
El mismo orden de prioridad aplica cuando armas el documento descargable: la secuencia de campos de cómo hacer una ficha técnica que el comprador sí lee refleja lo que el comprador escanea en la página.
¿Cuántas especificaciones aguanta el comprador antes de dejar de leer?
La falla casi nunca es tener pocas especificaciones. Es tenerlas en un bloque indiferenciado.
La investigación de Baymard sobre fichas técnicas le pone números: el 50% de los sitios tiene fichas difíciles de escanear, el 23% no agrupa las especificaciones en subsecciones relacionadas con título, solo el 3% usa un resumen para destacar las especificaciones críticas, el 23% no aplica ningún estilo visual que ayude al escaneo y el 20% obliga al usuario a leer en varias columnas. Además, el 52% no procesa los datos que le entrega el proveedor, así que dos productos del mismo tipo llevan nombres de campo distintos y unidades distintas.
Ese último punto es el asesino específico de la exportación. Si un SKU dice "Ancho 600 mm" y el siguiente dice "W: 23.6 in", el comprador deja de confiar en los dos.
Qué hacer en su lugar, en orden de rendimiento:
- Abre con un resumen de especificaciones clave de cinco a siete líneas: los campos de nivel 1, nada más. Solo el 3% de los sitios lo hace, así que es diferenciación casi gratis.
- Agrupa la tabla completa en subsecciones con título: Medidas, Materiales, Empaque, Cumplimiento.
- Usa un sistema de unidades como principal y pon la conversión en la misma celda, no en una columna aparte.
- Mantén los nombres de campo idénticos en todos los SKU de una categoría, aunque la ficha de fábrica no lo haga.
¿Dónde van las medidas en una página de producto?
En tres lugares, en este orden.
- Sobre la imagen. Ancho, profundidad y alto totales, dibujados sobre el producto por donde la medida realmente corre. Es la única versión que la mayoría de los compradores va a leer.
- En el resumen de especificaciones clave. Los mismos tres números como texto, con la unidad escrita completa.
- En la tabla completa y en los datos estructurados. Es lo que consumen los filtros del marketplace y los motores de respuesta con IA; mira datos estructurados de medidas de producto para los campos que suelen quedar vacíos.
El paso 1 es donde falla en silencio la mayoría de las publicaciones, y el motivo casi siempre es el costo de producción y no el desacuerdo. Dibujar líneas de cota exactas sobre una foto a mano es lento, y sale mal de una forma muy concreta: una flecha trazada a ojo queda unos milímetros fuera del borde real, y el número impreso al lado deja de coincidir con el producto. La solución no es "saca mejores fotos". Es un software que fije sobre la imagen la dimensión realmente medida: que la cota se ancle al borde del producto, que escribas el valor real una sola vez y que exportes en el tamaño de imagen de cada plataforma. Las herramientas que generan un gráfico de tamaño verosímil sin medir nada producen un número que se lee convincente y está mal, lo que es peor que no poner ningún número: una medida equivocada en la imagen principal es un reclamo por producto no conforme esperando a que lo abran.
El mismo archivo suele alimentar el catálogo y la cotización, y por eso los exportadores tienden a construirlo una vez como salida de un generador de fichas técnicas de producto en lugar de dos veces.
¿Qué se rompe cuando las especificaciones viven solo dentro de la imagen?
Todo lo que está río abajo del píxel.
- Búsqueda y filtros. Un marketplace no puede filtrar por un número que no puede leer. El texto dentro de una imagen es invisible para el filtro que decide si apareces o no.
- Accesibilidad. La guía de W3C sobre imágenes de texto en WCAG existe porque el texto incrustado en una imagen no se puede redimensionar, reestilizar ni leer de forma confiable con tecnología de asistencia.
- Traducción. Tus 11 versiones de idioma heredan la tabla sin costo. La imagen hay que volver a exportarla por idioma, y por eso los números críticos también tienen que existir como texto.
- Motores de respuesta con IA. Cuando un asistente de compra resume tu producto, lee el texto. Una especificación que solo existe como píxeles no llega a la respuesta.
- Miniaturas. El texto dimensionado para una vista a pantalla completa desaparece en la tira de la galería; las reglas de tamaño del texto en imágenes de producto deciden si la anotación sobrevive al tamaño de mosaico.
La regla que se desprende: todo número que un comprador pueda filtrar, comparar o cotizar tiene que existir como texto en algún lugar de la página, incluso cuando también esté dibujado sobre la imagen.
¿Cambia algo de esto en móvil?
Cambia el orden de las operaciones. Cómo mostrar las especificaciones del producto en un teléfono lo decide la galería, porque en móvil la galería es la página y la tabla de especificaciones queda a varios scrolls de distancia, muchas veces detrás de un toque.
Aquí importan dos hallazgos de Baymard: el 25% de los sitios de e-commerce no tiene imágenes de producto con resolución o nivel de zoom suficientes, y el 76% de los sitios móviles no usa miniaturas para las imágenes adicionales, así que el comprador no puede ver que existe una imagen con medidas. Juntos describen la falla más común: el vendedor hizo un buen diagrama de medidas y en el teléfono nadie lo encontró ni pudo leerlo.
Consecuencias prácticas:
- Pon la imagen de medidas en la posición 2 o 3 de la galería, no en la 7.
- Diseña la anotación para que sobreviva a una primera vista en tamaño de mosaico y recompensa el zoom con el detalle.
- Mantén el resumen de especificaciones clave arriba del pliegue en móvil, no debajo de un bloque de reseñas.
Cómo mostrar las especificaciones del producto: auditoría de 10 líneas
Pásale esto a una sola publicación antes de aplicar los cambios a todo el catálogo.
- La galería tiene al menos una imagen a escala con un objeto de referencia familiar
- Las medidas generales aparecen en una imagen, en un resumen y en la tabla completa
- El resumen de especificaciones clave tiene de cinco a siete líneas y va antes de la tabla completa
- La tabla completa está agrupada en subsecciones con título
- Los nombres de campo y las unidades son idénticos en todos los SKU de la categoría
- La unidad principal y la conversión están en la misma celda
- Ningún número crítico existe solo como píxeles
- La imagen de medidas está en la posición 2 o 3 de la galería
- La anotación se lee en tamaño de miniatura
- Los datos estructurados llevan ancho, alto, profundidad y peso
Resumen de consulta rápida
| Pregunta del comprador | Dónde va la respuesta | Formato |
|---|---|---|
| ¿Qué tan grande es en realidad? | Imagen de galería, posición 2-3 | Foto a escala con líneas de cota |
| ¿Va a entrar en mi espacio? | Imagen más resumen de especificaciones clave | Ancho x profundidad x alto totales anotados |
| ¿De qué está hecho? | Resumen de especificaciones clave | Texto, una línea |
| ¿Es compatible con lo que ya tengo? | Tabla completa, sección Compatibilidad | Texto más tolerancia |
| ¿Cuánto me cuesta enviar una caja? | Tabla completa, sección Empaque | Texto, medidas de caja y CBM |
| ¿Está certificado para mi mercado? | Tabla completa, sección Cumplimiento | Número de norma, no un logo |
Preguntas frecuentes
¿Muestro las especificaciones del producto en una tabla o en la descripción?
En una tabla. Las descripciones en prosa esconden los números dentro de las oraciones, lo que es lento de escanear y difícil de extraer para los filtros y los asistentes de IA. Deja la descripción para el contexto (casos de uso, opciones de acabado, tiempo de entrega) y lleva cada dato medible a una tabla agrupada.
¿Dónde deben aparecer las medidas en una publicación de producto?
Primero sobre la imagen, después en un resumen de especificaciones clave de cinco a siete líneas, y por último en la tabla completa y en los datos estructurados. El comprador lee la imagen; las máquinas leen el texto; necesitas las dos cosas para convertir y para que te encuentren.
¿Cuántas especificaciones debe mostrar una publicación?
Todas, pero no todas al mismo tiempo. Abre con los cinco a siete campos que deciden la compra y da el conjunto completo en una tabla agrupada más abajo. Baymard encontró que solo el 3% de los sitios usa un resumen de especificaciones clave, y por eso los que sí lo hacen se sienten notablemente más fáciles de leer.
¿Los compradores de verdad leen fichas técnicas en el móvil?
Leen la galería en móvil y la tabla en escritorio, y por eso las medidas críticas tienen que existir en los dos lugares. Con el 76% de los sitios móviles fallando en mostrar miniaturas de las imágenes adicionales, un diagrama de medidas enterrado en la posición 7 de la galería prácticamente no existe en un teléfono.
¿Puedo poner todas las especificaciones en la imagen del producto?
No. El texto incrustado en una imagen no se puede filtrar, traducir, redimensionar ni leer con tecnología de asistencia, y desaparece en tamaño de miniatura. Dibuja sobre la imagen los dos o tres números que deciden si entra, y mantén todos los números también como texto. Si dibujar líneas de cota exactas es el cuello de botella, ese es un problema de producción que conviene resolver con anotación basada en medición real y no eliminando la imagen.
Fuentes y referencias
- Baymard Institute — Usabilidad de la página de producto: el 82% de los sitios tiene problemas graves de UX, benchmark de 344 sitios líderes
- Baymard Institute — Fichas técnicas de producto: el 50% de los sitios falla en escaneabilidad, más los hallazgos sobre agrupación, resumen, estilo y columnas
- Baymard Institute — Ofrece al menos una imagen a escala: el 28% de los sitios no lo hace y el 42% de los usuarios estima la escala a partir de las imágenes
- W3C — Entender el criterio de conformidad WCAG 1.4.5 Imágenes de texto
- Schema.org — Product: propiedades width, height, depth y weight para datos estructurados de producto
- GS1 — Estándar Mobile Ready Hero Images: legibilidad de la información del producto en tamaño de mosaico