Revisado por La mayoría de las tiendas WooCommerce pasan horas optimizando sus páginas de producto. Muchas menos dedican tiempo real a su página de tienda. Pero la página de tienda es donde la mayoría de tus visitantes viven realmente. También es donde la mayoría de ellos se van.
Los datos cuentan una historia coherente. Baymard Institute sitúa la tasa media de abandono de carritos de comercio electrónico en el 70,22%. De ellos, el 43% de los compradores estadounidenses dicen que abandonaron simplemente porque solo estaban navegando. La mayoría de los visitantes no están en modo de compra.
La mayoría de las guías de mejores prácticas para páginas de tiendas de comercio electrónico asumen que los compradores están listos para comprar. Sin embargo, la investigación dice que no lo están. Esta guía recopila estudios de UX de Baymard, Nielsen Norman Group y Google para encontrar lo que realmente funciona. Luego veremos dónde encajan las listas de deseos en la imagen.
Tabla de Contenidos
- Las páginas de tienda son superficies de descubrimiento, no superficies de venta
- Olor de la información: Los primeros tres segundos
- Filtros avanzados: El motor del descubrimiento
- Organización y carga de productos: El problema del "scroll infinito"
- Las páginas de categoría son tu mejor imán para Google
- El problema de las compras comparativas (y por qué las listas de deseos pertenecen a las páginas de la tienda)
- Preguntas frecuentes: Mejores prácticas para páginas de tiendas de comercio electrónico
- Conclusión
Las páginas de tienda son superficies de descubrimiento, no superficies de venta
El primer error que cometen la mayoría de las tiendas es tratar la página de tienda como una página de producto más pequeña. Esa suposición cambia cómo se toma cada una de las otras decisiones. La lógica de la página de producto prioriza la decisión de compra. En contraste, la lógica de la página de tienda debe priorizar el descubrimiento.
Como se indicó anteriormente, los datos de Baymard muestran que el 43% de los compradores estadounidenses abandonan su carrito porque solo estaban navegando. Ese número por sí solo justifica un modelo mental diferente construido en torno a las mejores prácticas fundamentales de las páginas de tiendas de comercio electrónico.
En otras palabras, la página de tienda no es donde ocurre la venta. Por el contrario, es donde se gana la próxima visita. Todo lo que sigue en esta guía se basa en ese cambio.
🔍️ Lo que hemos visto: Las tiendas que tratan la página de tienda como una mini página de producto terminan agolpando la presión de venta en una superficie de descubrimiento. Los botones de "añadir al carrito" en cada tarjeta, los temporizadores de urgencia y los pop-ups empujan a los compradores en modo de navegación. Las páginas de tienda más exitosas hacen menos, no más.
Olor de la información: Los primeros tres segundos
Nielsen Norman Group acuñó el término "olor a información" para describir cómo los usuarios deciden dónde hacer clic. Piénsalo como un rastro de pistas: los compradores escanean rápidamente tu página para ver si están en el camino correcto para encontrar lo que quieren.
- Un olor fuerte consigue el clic: Si las pistas son obvias, los compradores se quedan y navegan más profundamente.
- Un olor débil consigue el botón de retroceso: Si las pistas son confusas o faltan, se van inmediatamente.
Las páginas de las tiendas suelen superar o fallar esta prueba en los primeros tres segundos. Para crear un fuerte indicio de información, necesitas proporcionar tres pistas principales:
1. Etiquetas claras
En pocas palabras, usa etiquetas de categoría que la gente realmente busque.
Los nombres ingeniosos perjudican el indicio de información. Por ejemplo, “Colecciones” o “Edición Curada” no le dicen nada a los compradores. Por otro lado, “Zapatillas de Running para Hombre” se lo dice todo.
Nombra las páginas de tu sitio web exactamente como los clientes llaman a los productos. Si un cliente escribe una frase específica en Google para encontrar un artículo, usa esa frase exacta para los enlaces del menú y las direcciones web (URL) de tu sitio web.
2. Contexto útil
Muestra a los compradores dónde están usando texto o imágenes circundantes que los dirijan en la dirección correcta.
Una de las mejores maneras de hacerlo es usando “migas de pan”: ese pequeño rastro de enlaces que generalmente se encuentra en la parte superior de una página web (por ejemplo: Inicio > Hombre > Zapatos > Zapatillas de Running).
A pesar de ser pequeño, este rastro hace un gran trabajo. Les dice a los compradores exactamente dónde se encuentran en el catálogo de tu tienda y les da una forma fácil de volver a una sección anterior. Sin este rastro, los compradores que se adentran en tu sitio pueden sentirse perdidos, lo que les hace rendirse y retroceder hasta la página de inicio para empezar de nuevo.
3. Experiencia familiar
El diseño de un sitio web debe funcionar como esperan por sus experiencias previas de compra en línea. De esta manera, puede insinuar profundidad sin abrumar a los clientes.
La parte superior de una página de tienda es un espacio privilegiado. Úsala para indicar lo que contiene la categoría. Los mosaicos de subcategorías destacadas, las imágenes claras de productos, una breve línea introductoria o un collage visual funcionan bien. Evita los banners principales que ocupan todo el espacio visible sin necesidad de desplazarse.
Filtros avanzados: El motor del descubrimiento
El filtrado avanzado (a menudo llamado “navegación por facetas” por los diseñadores web) es una pieza crítica del diseño de una tienda en línea. Permite a los compradores reducir los resultados utilizando varias categorías a la vez: talla, color, precio, marca y calificación. Hecho correctamente, estos filtros pueden convertir una página desordenada de 500 productos en una lista corta altamente personalizada de 12 productos en segundos.
Hecho incorrectamente, los filtros solo entierran a los compradores en un confuso desorden de casillas de verificación. Para hacerlo bien, sigue estas reglas respaldadas por la investigación:
1. Incluya los cinco tipos de filtro esenciales
La investigación de Baymard sobre listas de productos encontró que el 57% de las tiendas en línea carecen de al menos uno de los cinco filtros que los compradores esperan ver con más frecuencia.
Los cinco principales son:
- Categoría
- Precio
- Marca
- Calificación del cliente
- Rasgo específico del producto (como talla o color)
Si omites uno, los compradores tendrán dificultades para reducir los productos de la manera que desean.
2. Muestra a los compradores exactamente por qué están filtrando
Los investigadores de Baymard también descubrieron que el 28% de los sitios no muestran claramente qué filtros tiene activados el comprador actualmente. La solución es simple: coloca una fila en la parte superior de los resultados de búsqueda que muestre cada filtro activo, con un botón rápido para eliminarlo (por ejemplo: “Precio: 20–50 € [X] | Color: Azul [X]”).
Sin este recordatorio visual, los compradores olvidan lo que han seleccionado y se confunden con los resultados.
3. Permita a los compradores elegir varias opciones dentro de la misma categoría de filtro
Si un comprador quiere ver zapatos "rojos O azules", tu filtro debe permitirle seleccionar ambos colores al mismo tiempo. La investigación señala que el 15% de los sitios aún no permiten esto, obligando a los compradores a ver menos productos de los que realmente querían ver.
4. Diseñe para pantallas de teléfono, no para ratones de ordenador
La mayoría de la gente compra desde su teléfono. Un menú de filtros que se ve bien en el lateral de una pantalla grande de ordenador tiene que convertirse en un menú oculto que se desliza en una pantalla pequeña de teléfono.
Debido a que está oculto, debes proporcionar un botón "Filtros" claro y fácil de tocar para abrirlo. Además, si el comprador cierra ese menú, el sitio web debe recordar las casillas que marcó para que no tenga que empezar de nuevo.
Organización y Carga de Productos: El problema del "scroll infinito"
La forma en que organizas tus productos, y cómo tu sitio web los carga en la pantalla, es tan importante como tus filtros. Si te equivocas en esto, perderás ventas. Afortunadamente, la investigación sobre cómo hacerlo correctamente es muy clara:
1. Brinde a los compradores las cuatro opciones de ordenación que esperan
Baymard descubrió que al 64% de las tiendas online les falta al menos una de las opciones básicas de ordenación. Debes permitir a los compradores ordenar tus productos por: Precio (bajo a alto y alto a bajo), Valoración de clientes, Más vendidos y Más recientes. No te limites a confiar en el orden aleatorio predeterminado de tu creador de sitios web.
2. No uses "scroll infinito"
El "scroll infinito" es cuando una página web carga automáticamente más elementos a medida que te desplazas hacia abajo (como un feed de redes sociales). La investigación de Nielsen Norman Group desaconseja firmemente su uso en tiendas online.
Cuando la gente compra, le gusta comparar cosas y volver a ver artículos que vio antes. El scroll infinito hace que esto sea extremadamente frustrante. Si un comprador hace clic en un producto y luego pulsa el botón de retroceso, a menudo se le devuelve al principio de una lista masiva y se le obliga a volver a desplazarse para encontrar su lugar.
3. Usa números de página o un botón "Cargar más" en su lugar
En lugar de scroll infinito, divide tus productos usando números de página estándar (Página 1, 2, 3...) o un simple botón "Cargar más" al final de la lista.
- Números de página: Son geniales porque cada página tiene su propio enlace web único. Un comprador puede marcar fácilmente "Página 3" y volver a ella más tarde.
- Botón "Cargar más": Es muy recomendable para compradores en teléfonos móviles porque mantiene la pantalla limpia y fácil de tocar.
Como beneficio adicional, tanto los números de página como los botones "Cargar más" facilitan que los motores de búsqueda como Google lean tu sitio web. Por otro lado, el scroll infinito suele crear fallos técnicos que ocultan tus productos a Google.
Las páginas de categoría son tu mejor imán para Google
Cuando la gente busca en Google términos generales como “zapatillas de running para hombre” o “golosinas orgánicas para perros”, Google suele dirigirles a la página de categoría de una tienda, no a una página de producto individual. Por esta razón, tus páginas de categoría son las herramientas más importantes que tienes para obtener tráfico gratuito de Google.
🚀 Lo que hemos visto: Los propietarios de tiendas a menudo pasan horas optimizando perfectamente sus páginas de producto individuales para Google, pero dejan sus páginas de categoría totalmente en blanco. Arregla primero tus páginas de categoría, ya que son las que más esfuerzo hacen para atraer nuevos visitantes.
1. Dale a Google algo de texto real para leer
Por defecto, las páginas de categoría suelen mostrar solo un título y una cuadrícula de fotos de productos. Pero los bots de Google no pueden “leer” las fotos muy bien. Por lo tanto, añade un párrafo introductorio de 100 a 200 palabras en la parte superior de la página. Básicamente, esto le da al motor de búsqueda de Google palabras reales para leer y ayuda a que tu página aparezca en los resultados de búsqueda.
2. No dejes que tus filtros confundan a Google
Cada vez que un comprador hace clic en un filtro (como “Azul” y “Talla 10”), tu sitio web crea automáticamente un enlace web nuevo y único (URL) para esa combinación específica.
Si tienes muchos filtros, tu sitio está generando en secreto miles de enlaces web inútiles. Si los bots de Google intentan leer todos estos enlaces basura, se abruman y podrían rendirse antes de encontrar tus páginas más importantes. Necesitas usar la configuración de tu sitio web para decirle a Google que ignore estos enlaces filtrados.
3. Usa etiquetas de “Copia Maestra” para mantener a Google enfocado
A veces, puedes tener páginas filtradas específicas que sí quieres que Google vea, pero nadie las está buscando realmente. Por ejemplo, miles de personas buscan en Google “zapatillas de running”, pero casi nadie busca la frase muy específica “zapatillas de running rojas en talla 10”.
¿Entonces, cómo evitas que Google se distraiga con estas páginas hiperespecíficas?
Básicamente, puedes usar algo llamado “etiqueta canónica”. Esta es simplemente una etiqueta detrás de escena que le dice a Google: “Oye, esta página filtrada es solo una variación. La copia maestra real es la página principal de ‘Zapatillas de running’. Por favor, dale todo el crédito de búsqueda a la página principal.” Esto mantiene tu página de categoría principal fuerte y visible en los resultados de búsqueda.
El problema de las compras comparativas (y por qué las listas de deseos pertenecen a las páginas de la tienda)
Recuerda: las páginas de tienda están diseñadas para personas que están “simplemente mirando”. Estos compradores están activamente comparando precios, características y estilos, lo que significa que necesitan un “espacio de aparcamiento” temporal para guardar los artículos que les gustan mientras siguen buscando.
Si tu tienda no les da una forma de guardar artículos, inventarán sus propias soluciones provisionales. Desafortunadamente, esas soluciones provisionales suelen perjudicar tu negocio.
El error: tratar el carrito de compras como una lista de deseos
Investigación de Nielsen Norman Group documenta un comportamiento que la mayoría de las tiendas aún no tienen en cuenta. Típicamente, cuando un sitio web no tiene un botón de “Guardar para más tarde”, los compradores recurren a un mal hábito: añaden todo lo que les interesa, aunque sea mínimamente, directamente al carrito de la compra. Luego, cuando terminan de navegar, abandonan el sitio web y el carrito.
Esto crea dos grandes dolores de cabeza para los dueños de las tiendas:
- Datos Arruinados: Tu “Tasa de Abandono de Carrito” se dispara, pero los datos se convierten en ruido completamente inútil. Ya no puedes distinguir entre un comprador serio que se distrajo en el proceso de pago y un comprador ocasional que solo estaba usando el carrito como bloc de notas.
- Clientes Perdidos: Los carritos de compra son temporales. Si un comprador regresa unos días después desde su teléfono, los artículos del carrito suelen desaparecer. Tienen que buscar en toda tu tienda desde cero para encontrar lo que les gustó, y la mayoría no se molestará.
La solución: cambiar la mentalidad del comprador
Poner un simple botón de lista de deseos (como un icono de corazón) directamente en cada tarjeta de producto de tu página de tienda resuelve esto de manera limpia.
Esta estrategia funciona porque los humanos tratan los carritos y las listas de deseos con dos modelos mentales completamente diferentes:
- La Mentalidad de Lista de Deseos (“Me gusta esto, recuérdamelo más tarde”): Esto no genera presión. Permite al usuario curar un catálogo personal de artículos que *realmente* tiene la intención de comprar cuando tenga el dinero o el tiempo.
- La Mentalidad de Carrito de Compra (“Lo compro ahora”): Esto representa un compromiso financiero. Empujar a un comprador ocasional hacia aquí se siente agresivo y hace que se desconecten.
Cómo las listas de deseos actúan como una herramienta de análisis secreta
Las listas de deseos hacen más que solo facilitar las compras; actúan como un sistema de alerta temprana para tu negocio.
Por ejemplo, al rastrear qué artículos se añaden a las listas de deseos frente a cuáles se compran, puedes identificar exactamente por qué un producto no se vende:
- Baja Lista de Deseos + Bajas Ventas = Un Problema de Tráfico/Deseo: Si un artículo no recibe ningún “amor” en la lista de deseos, el producto en sí mismo podría no ser atractivo, o está tan enterrado en tu tienda que los compradores no pueden encontrarlo.
- Alta Lista de Deseos + Bajas Ventas = Un Problema de Precio/Confianza: Si miles de personas guardan una chaqueta en su lista de deseos pero nadie la compra, significa que *aman el producto, pero algo los detiene en la línea de meta*. Por lo general, el precio es demasiado alto, o tu página de producto carece de tablas de tallas o reseñas de clientes.
Cómo colocar las listas de deseos en tu página de tienda
Puedes agregar fácilmente esta funcionalidad usando una herramienta como el plugin SaveTo Wishlist.
- La Versión Gratuita: Agrega instantáneamente un botón de lista de deseos limpio a las imágenes de tus productos. Crucialmente, incluye soporte para invitados, lo que significa que los compradores no tienen que arruinar su experiencia creando una cuenta solo para guardar un artículo. También viene con listas de deseos múltiples ilimitadas, plantillas personalizables, compartir en redes sociales y más.
- La Versión Pro: Desbloquea herramientas de marketing automatizado. Si un artículo en la lista de deseos de un cliente está en oferta, baja de precio o vuelve a estar disponible, el sistema le envía un correo electrónico automáticamente para que regrese a tu tienda y finalice la compra. También incluye análisis avanzados de listas de deseos, permisos basados en roles y más.
Preguntas frecuentes: Mejores prácticas para páginas de tiendas de comercio electrónico
¿Cuál es la diferencia entre una página de tienda y una página de producto?
Una página de producto es para un solo artículo. Una página de tienda (también llamada página de categoría) enumera muchos productos. Básicamente, las dos cumplen funciones diferentes: las páginas de producto de comercio electrónico cierran ventas, las páginas de tienda impulsan el descubrimiento y el siguiente clic.
¿Debo usar scroll infinito en mi página de tienda?
Para la mayoría de las tiendas de comercio electrónico, no. La investigación de Nielsen Norman Group desaconseja el scroll infinito para tareas de compra orientadas a objetivos. Utilice paginación estándar o un botón "Cargar más" en su lugar. Básicamente, ambos conservan el comportamiento del botón de retroceso en el que confían los compradores.
¿Cuántos productos debo mostrar por página de tienda?
De 24 a 36 productos por página es un rango inicial razonable. Muestre suficientes para que los compradores sientan que están viendo la selección sin forzar una carga de página pesada. Combine con "Cargar más" si su tráfico móvil tiende a ser alto.
¿Las páginas de tienda ayudan con el SEO?
Las páginas de tienda a menudo superan a las páginas de producto para las palabras clave a nivel de categoría. Por ejemplo, "Zapatillas de correr para hombre" coloca una página de categoría en la mayoría de los resultados de búsqueda, no un producto individual. Agregar de 100 a 200 palabras de contenido introductorio encima de la cuadrícula de productos le da a Google algo para clasificar.
¿Agregar un botón de lista de deseos a mi página de tienda ralentizará mi sitio?
Depende del plugin. Por ejemplo, SaveTo Wishlist está diseñado para ser ligero. Nuestra prueba de velocidad del plugin de lista de deseos de WooCommerce tiene datos comparativos. Por otro lado, los plugins más pesados pueden agregar una carga notable. Por lo tanto, debes verificar las puntuaciones de Lighthouse después de instalar cualquier nueva herramienta de lista de deseos.
¿Debo incluir videos de productos en mi página de tienda?
Para la mayoría de las tiendas, no. El video es genial para artículos individuales, pero los videos de productos que se reproducen automáticamente en una cuadrícula de categorías pueden ralentizar drásticamente los tiempos de carga de la página y abrumar al usuario. Por lo tanto, debes mantener la página de la tienda rápida guardando los archivos multimedia pesados para las listas individuales.
¿Se aplican las mejores prácticas de las páginas de producto a las páginas de tienda?
Generalmente, no. Mientras que una página de producto se enfoca en detalles profundos, reseñas y un solo botón "Agregar al carrito", una página de tienda se centra en el escaneo rápido y la filtración. Intentar exprimir elementos de conversión como temporizadores o textos largos en su página de tienda solo saturará la experiencia del usuario.
Conclusión
Al evaluar el diseño general de tu sitio web de comercio electrónico, recuerda que las páginas de la tienda son donde ocurren la mayoría de los recorridos del usuario. También son donde la mayoría de los compradores en modo de exploración se van. La investigación de Baymard, Nielsen Norman Group y Google apunta en la misma dirección. Trata la página de la tienda como una superficie de descubrimiento y mantendrás a más de esos compradores regresando.
Aquí es donde empezar:
- Enmarca las páginas de la tienda como descubrimiento, no como ventas
- Crea para el "information scent": etiquetas claras, breadcrumbs, contenido introductorio real
- Agrega los cinco filtros esenciales y los cuatro tipos de ordenación esenciales
- Omite el scroll infinito para compras orientadas a objetivos
- Gestiona las URLs facetadas y las etiquetas canónicas para SEO
- Agrega un botón de lista de deseos a cada tarjeta de la página de la tienda
Para agregar un botón de lista de deseos a tu página de tienda hoy, usa la versión gratuita de SaveTo Wishlist. Se incluyen listas de deseos ilimitadas, listas de deseos para invitados y plantillas personalizables. No se requiere un plan de pago.
