Conversión y UX

Cómo mostrar las subcategorías en mosaicos con imágenes en PrestaShop

En una categoría de nivel intermedio, el visitante llega con una intención todavía amplia. No busca un producto concreto, busca saber qué contiene el universo. Una lista de enlaces de texto le responde mal, una cuadrícula de mosaicos con imágenes le responde bien.

Lo que hace el tema por defecto

El comportamiento nativo varía según los temas. El más habitual: una lista de subcategorías en texto, a veces con una pequeña miniatura, colocada encima o debajo de la cuadrícula de productos.

Tres límites.

Los visuales están ausentes o son minúsculos, lo que los hace inútiles para orientar.

La posición es fija, normalmente bajo la descripción de categoría, donde pocos visitantes miran en móvil.

Y sobre todo, en muchos temas, la lista desaparece en cuanto hay productos en la categoría actual, que es el caso más frecuente.

Dónde colocar el bloque

La respuesta depende del nivel de la categoría, y es lo que decide la eficacia.

En una categoría de universo, sin productos propios o con muy pocos, los mosaicos ocupan toda la página. Es el caso ideal: la página se convierte en una elección visual entre subuniversos.

En una categoría intermedia que contiene a la vez subcategorías y productos, los mosaicos se colocan encima de la cuadrícula de productos, en una o dos filas como máximo. El visitante ve primero los caminos posibles y luego los productos si prefiere explorar.

En una categoría terminal, sin subcategorías, el bloque no tiene razón de ser. Algunas implementaciones muestran ahí las categorías hermanas, lo que es otra función y merece un tratamiento distinto, más bien al final de la página.

Página de Categoría Visual: Subcategorías en Mosaicos con Imagen (Category Wall)Páginas de categoría que dan ganas de hacer clic, no una simple lista con viñetas.89,00

Elegir los visuales

Es el punto que decide el resultado, más que la técnica.

La coherencia prima sobre la belleza. Doce mosaicos de los cuales ocho son fotos de producto recortadas y cuatro fotos de ambiente producen una cuadrícula desordenada. Elija un criterio y manténgalo en toda la tienda.

¿Foto de producto o foto de uso? En un catálogo técnico, la foto de producto es más legible: el visitante reconoce de inmediato de qué se trata. En decoración, textil o alimentación, la foto de uso vende mejor.

El formato debe ser uniforme. Una sola proporción aplicada a todos los mosaicos, con recorte automático centrado. Imágenes de proporciones distintas rompen la cuadrícula.

El texto debe seguir siendo legible. Si el rótulo se superpone a la imagen, prevea un velo o un fondo semiopaco. Un título blanco sobre una foto clara es ilegible, y el contraste es un criterio de accesibilidad, no una preferencia estética.

Cuántos mosaicos y en qué orden

Entre cuatro y doce. Por debajo de cuatro basta una lista de texto. Más allá de doce, la cuadrícula se convierte en un catálogo en sí y el visitante deja de elegir.

Si tiene veinte subcategorías, dos opciones: reagrupar en el árbol, o mostrar en mosaicos solo las principales con un enlace «ver todas las categorías».

Para el orden, use la posición definida en el back-office y no el orden alfabético. Ponga primero lo que se vende, no lo que empieza por A.

La accesibilidad

Dos reglas que suelen fallar en este tipo de bloque.

El enlace debe llevar un rótulo legible. Un mosaico que solo es una imagen clicable, sin texto alternativo, es un enlace vacío para un lector de pantalla. El nombre de la categoría debe ser texto real, no una parte de la imagen.

La zona clicable debe cubrir todo el mosaico, no solo el título. Es también una cuestión de comodidad táctil.

El caso de la categoría sin productos propios

Una categoría de universo que solo contiene subcategorías plantea una cuestión SEO.

Sin productos ni contenido, la página es delgada y se posiciona mal, aunque a menudo lleva la consulta genérica más buscada de su universo.

Tres elementos la hacen útil: los mosaicos de subcategorías, un texto de introducción de 150 a 300 palabras que explique qué agrupa el universo, y eventualmente una selección de productos destacados procedentes de las subcategorías.

Este último punto es el más eficaz comercialmente: da a la página un contenido de venta conservando su función de orientación.

Medir

Bastan dos indicadores.

La tasa de clic hacia las subcategorías desde la página padre, antes y después. Es el efecto directo esperado.

La tasa de rebote de la página padre, que debería bajar. Una página de universo con una tasa de rebote alta indica que el visitante no encontró un camino evidente.

Una tercera cifra merece vigilancia en catálogos grandes: la profundidad media de sesión a partir de esas páginas. Si aumenta, su navegación funciona mejor.

El módulo Página de Categoría Visual para PrestaShop implanta este bloque en PrestaShop 8 y 9: subcategorías en mosaicos con imágenes de formato uniforme, posición configurable por nivel de categoría, visualización conservada aunque la categoría contenga productos, y rótulos en texto para la accesibilidad.

Sigue leyendo

Artículos relacionados