Escribe «chaqueta» en la mayoría de las tiendas de moda y obtendrás varios cientos de resultados. Nadie los recorre. El cliente afina: su talla, un color, un presupuesto. Si no lo consigue en pocos clics, reformula la búsqueda o se va.

Los filtros son la segunda mitad de la búsqueda. Sin embargo, reciben mucha menos atención que la relevancia del motor: se configuran una vez, a menudo a partir de la lista de atributos disponibles, y no se vuelven a tocar. Este artículo reúne las reglas que cuentan, desde la lógica de cálculo hasta el pulgar del usuario en el móvil.

Filtro o faceta: la diferencia

Las dos palabras se usan a menudo indistintamente. La distinción, aun así, es útil.

Un filtro restringe una lista según un criterio: «precio inferior a 50 €», «en stock». Puede existir con independencia de los resultados mostrados.

Una faceta es un filtro cuyos valores se calculan a partir de los resultados actuales. En la búsqueda «zapatillas de trail», la faceta Marca solo propone las marcas presentes en esos resultados, cada una con su número de productos. Describe lo que hay en pantalla y cambia con la consulta.

Una faceta responde a la pregunta «¿qué hay en estos resultados?», mientras que un filtro fijo responde a «¿qué hay en la tienda?». En una página de resultados de búsqueda, la primera pregunta es la que le interesa al cliente.

Nueve reglas para unos filtros que ayudan a elegir

1

Proponer facetas que dependan de los resultados

Un panel idéntico en todas las búsquedas acaba proponiendo criterios fuera de lugar. Las facetas deben reflejar los productos devueltos por la consulta, y los criterios mostrados deben tener sentido para la familia de productos en cuestión.

Ejemplo
En «mochila de senderismo», proponer la capacidad y el peso. En «vestido de verano», el largo y el tejido. No al revés.
Enfoque: calcular los valores de cada faceta sobre los resultados de la consulta y ocultar una faceta cuando solo tiene un valor: no sirve para distinguir nada.
2

Mostrar el número de productos por valor

El contador junto a cada valor le dice al cliente qué va a obtener antes de hacer clic. Sobre todo, evita el peor escenario: marcar una opción y encontrarse con una página vacía.

Enfoque: mostrar el contador, recalcularlo en cada selección y no proponer nunca un valor que lleve a cero resultados en el contexto actual.
3

Ordenar las facetas y sus valores

Las dos o tres primeras facetas concentran la mayoría de los clics. La categoría, la talla y el precio suelen ir antes que el material o el país de fabricación. Dentro de una faceta, el orden depende de la naturaleza de los valores.

Ejemplo
Marcas ordenadas por número de productos. Tallas en su orden natural (XS, S, M, L, XL), nunca por orden alfabético. Precios del más barato al más caro.
Enfoque: colocar arriba las facetas que más usan tus clientes (tus datos de navegación lo indican), plegar las demás y limitar las listas largas a unos pocos valores con un enlace «ver más».
4

Agrupar los valores parecidos

Un catálogo alimentado por varios proveedores acumula variantes de escritura. El cliente se encuentra con «Azul», «azul marino», «Navy» y «Marino» como si fueran cuatro colores distintos. La solución es agrupar los valores, lo que también se llama bucketing.

Ejemplo
Colores reducidos a una docena de tonos básicos. Tallas de calzado unificadas en un solo sistema. Precios divididos en tramos que siguen el reparto real del catálogo, en lugar de escalones redondos donde un solo tramo contiene el 80 % de los productos.
Enfoque: normalizar los valores en origen, en el catálogo, y no en la capa de visualización. Un control deslizante de precio complementa bien los tramos predefinidos, no los sustituye.
5

O dentro de una faceta, Y entre facetas

Marcar «rojo» y luego «azul» significa «rojo o azul»: el cliente amplía su elección. Añadir después «talla 38» significa «y en talla 38»: la reduce. Una lógica invertida produce resultados que parecen absurdos, y una lista vacía en cuanto se marca un segundo color.

Enfoque: casillas múltiples combinadas con O dentro de una faceta, combinación con Y entre facetas. Para las facetas de elección única (una sola categoría a la vez, por ejemplo), usar enlaces o botones de opción, para que el comportamiento sea claro.
6

Hacer las selecciones visibles y reversibles

Tras tres o cuatro selecciones, el cliente no siempre recuerda por qué solo ve seis productos. Los filtros activos deben seguir visibles encima de los resultados, y cada uno debe poder quitarse sin empezar de cero.

Enfoque: una etiqueta por filtro activo con una cruz para quitarlo, y un botón «Restablecer» para volver a la lista completa.
7

Conservar las selecciones al ordenar o navegar

Cambiar el orden, cargar la página siguiente o volver atrás desde una ficha de producto no debe borrar los filtros. Es una de las molestias más frecuentes: el cliente consulta un artículo, vuelve y se encuentra otra vez con la lista completa.

Enfoque: aplicar el orden sobre los resultados ya filtrados y guardar el estado de los filtros en la URL para que sobreviva al botón atrás y a un enlace compartido.
8

Repensar el panel para el móvil

Una columna lateral no tiene sitio en la pantalla de un teléfono. El panel se convierte en una hoja que se abre desde un botón «Filtros» siempre visible y se cierra sobre los resultados actualizados. Las casillas y las etiquetas deben seguir siendo fáciles de tocar: las guías de Apple y de Google fijan un objetivo táctil mínimo de 44 pt y 48 dp.

Enfoque: un botón que muestre el número de filtros activos, una hoja en la parte inferior de la pantalla y un botón de validación que anuncie el resultado («Ver 37 productos») para no recargar la lista con cada casilla marcada. Más detalles en nuestro artículo sobre la búsqueda móvil.
9

No olvidar la accesibilidad

Unos filtros construidos con simples elementos clicables no se pueden usar con el teclado y no dicen nada a un lector de pantalla. Las muestras de color sin nombre plantean el mismo problema a las personas daltónicas.

Enfoque: casillas y botones reales, una etiqueta de texto en cada valor (colores incluidos), un foco de teclado visible y el anuncio del nuevo número de resultados mediante una zona aria-live tras cada selección.

Las facetas empiezan en los datos de producto

Ninguna interfaz compensa un catálogo incompleto. Una faceta Color solo es fiable si cada producto tiene un color informado, con un vocabulario coherente. Un producto sin el atributo desaparece en cuanto el cliente filtra, aunque encajara perfectamente con su búsqueda.

Si tu catálogo pasa por Google Merchant Center, los atributos color, size, material y product_type son los que alimentan las facetas. Nuestro artículo Merchant Center y motor de búsqueda detalla cuáles cuentan y cómo auditarlos, y el de datos de producto trata la normalización de los valores.

Una comprobación sencilla: toma tu faceta más usada y suma los contadores de sus valores en una búsqueda amplia. Si el total queda muy por debajo del número de resultados, a una parte del catálogo le falta el atributo.

Medir el uso de los filtros

Tres indicadores bastan para saber si tus filtros cumplen su función.

La tasa de uso. La proporción de búsquedas seguidas de al menos un filtro. Una tasa muy baja en un catálogo grande suele indicar facetas poco pertinentes o mal situadas.

Las facetas que realmente se pulsan. Indican el orden que conviene adoptar, y las que se pueden plegar o retirar.

Los callejones sin salida. Las combinaciones de filtros tras las cuales el cliente abandona o lanza otra búsqueda. Revelan huecos en el catálogo o valores mal agrupados.

Estos datos se recogen con un evento específico en Google Analytics 4. El método de extracción se describe en nuestra guía para analizar las búsquedas internas en GA4.

Facetas calculadas en cada búsqueda, sin desarrollo

Vectail instala una búsqueda impulsada por Google Vertex AI con filtros por categoría, marca y precio, contadores incluidos. Una línea de código, sin plugin.

Empieza gratis - 14 días, sin tarjeta

Nuestra posición

En el widget de Vectail, las facetas Categoría y Marca las calcula Google Vertex AI sobre los resultados de cada consulta, con el número de productos por valor. El precio se filtra por rango. Varios valores de una misma faceta se combinan con O, y las facetas entre sí con Y. Los filtros activos aparecen como etiquetas encima de los resultados y, en el móvil, el panel se abre como una hoja desde un botón que indica cuántos filtros hay seleccionados. Desde el panel de control eliges qué filtros mostrar.

Si solo tuvieras que quedarte con una regla, sería la segunda: no dejar nunca que un cliente pulse una opción que lleva a una página vacía. Es la más fácil de comprobar, y la que tus clientes notan antes. Las búsquedas que aun así terminan en una página vacía son otro frente, tratado en nuestra guía sobre las páginas sin resultados.

Fuentes

  1. Objetivos táctiles: Apple Human Interface Guidelines (44 pt) y Google Material Design (48 dp).
Volver al blog