La guía definitiva para crear páginas con listado de productos perfectas

En el mundo del comercio electrónico, la mayoría de los responsables de marketing son conscientes de que las páginas de producto juegan un papel muy importante en el camino del cliente ya que son la interfaz principal entre los productos y los usuarios.

Mientras que la “literatura del e-commerce” cuenta con bastantes trucos para optimizar las páginas de producto, el tema de las páginas con listados de productos es menos recurrente.

En realidad, los listados de producto juegan un papel fundamental en el camino del cliente y por ende en la tasa de conversión.

¿Qué es una página con listado de productos?

Las páginas de listado de productos o product listing pages (PLP) son el resultado de las páginas de categoría o de los resultados de búsqueda dentro del sitio web.

Este tipo de páginas cumplen la función de catálogo porque muestran todos los productos dentro de una categoría o después de que se aplique un filtro.

Ejemplo de una página con un listado de productos
Fuente: Etsy

Si se hace correctamente, los listados de producto pueden impactar en la experiencia de usuario de forma muy positiva. Todo dependerá de factores como la propuesta de valor, los atributos de los productos y por supuesto la calidad de la información que mostremos.

Sin más dilación, te dejamos 10 consejos para crear buenas páginas de listado de productos.

 

Las 10 mejores prácticas para crear buenas páginas de listado de productos

1. Cuida tus headers o cabeceras

Las cabeceras de tus páginas sirven como títulos para cada una de las categorías y páginas de listados de productos. Son básicamente la primera indicación del contenido de la página y por tanto deberían tratarse debidamente.

Ejemplo de una cabecera de una página web o header
Fuente: Ulta

El especialista en belleza Ulta apuesta por los elementos visuales deslumbrantes para incrementar su visibilidad. Una buena solución para evitar las cabeceras de solo texto que pueden parecer aburridas a simple vista.

Muy importante es el hecho de incluir las palabras clave entre etiquetas <H1>. Son un elemento esencial para SEO y te ayudarán a aparecer más arriba en los resultados de búsqueda.

Recuerda: Los headers de tu página de categoría deben ser informativos y útiles para tus clientes

Nota: También puedes usar los headers para mostrar ofertas promocionales, destacar productos, descuentos, etc.

 

2. Vista de cuadrícula o listas

Desafortunadamente, no existe una buena forma de responder a esta pregunta. De hecho, dependerá en gran medida en el tipo de productos que vendas y en la experiencia que quieras ofrecer en tu sitio web.

He aquí algunos consejos que te ayudarán a elegir entre uno y otro:

Listas:

Las listas suelen recomendarse más para aquellos productos sobre los que debemos ofrecer más información y especificaciones para que los clientes puedan comparar entre productos similares.

Son una buena opción para productos tecnológicos como por ejemplo televisores, ordenadores, etc.

Ejemplo de una página que usa la vista de listas
Fuente: Wine.com

Aunque acabo de decir que las listas se recomiendan para productos electrónicos, eso no significa que sean los únicos que deban usarlas. Wine.com vende vinos y champagnes de alto valor, por lo que para sus clientes es importante poder tomarse su tiempo comparando marcas, añadas, etc. antes de tomar ninguna decisión de compra. Observa cómo usan el espacio horizontal para mostrar valoraciones.

 

Cuadrícula:

La vista en modo cuadrícula se utiliza sobre todo para productos que se basan mucho en su imagen y que pueden compararse rápidamente si necesidad de prestar atención a las especificaciones. También permite crear experiencias más visuales en el sitio web.

Ejemplo de listado de productos en formato cuadrícula
Fuente: Amazon

Amazon usa la vista de cuadrícula para mostrar los productos dentro de su página de categoría “ideas de regalos” o en sus recomendaciones de producto. También usan etiquetas para clasificar los artículos más vendidos y hacer que los usuarios hagan más clic en base a su popularidad.

 

3. ¿Cuántos productos por página y cuántos por fila?

Si te decantas por la vista de cuadrícula, no hay duda de que en algún momento te harás la pregunta de cuántos productos mostrar por fila.

El número de productos a mostrar por fila depende de tres factores principales:

  1. El tamaño de tus imágenes: Si escoges mostrar imágenes grandes y de alta resolución, está claro que te será complicado meter más de 4 o 5 productos por fila.
  2. El número de productos: El número de productos mostrados por fila también depende del total de productos de una categoría en concreto. Si solo cuentas con 12 productos a mostrar, es mucho más coherente optar por una cuadrícula de 4×3 en lugar de una de 2×6, ya que tus usuarios pensarían que la página no esta llena.
  3. La cantidad de información: No todos los productos son iguales en cuanto a descripciones de producto se refiere. Algunos realmente necesitan contar con una buena y detallada descripción, pero para otros es completamente irrelevante. Además, cuanta más información muestres sobre cada producto, menos productos podrás mostrar en la misma fila.
Imagen que muestra la cantidad de productos que deben mostrarse en una página
Fuente: canadagoose.com

Debido a que venden productos de alto valor, Canada Goose usa una estructura de 2 productos por fila para destacar las imágenes de sus productos y ofrecer un aspecto más Premium para los usuarios del sitio web.

 

4. Miniaturas de producto

Las miniaturas de los productos son también muy importantes, especialmente para las industrias que se basan en lo atractivo de sus productos, como es el caso del sector belleza, viajes, etc.

De hecho, deberías intentar crear buena armonía entre todas las miniaturas de tus productos para que al listarlos en una página causen una buena impresión.

En cuanto al tamaño de las miniaturas, dependerá de tu imagen de marca y de la industria. Los sitios web de moda y accesorios en general optan por imágenes grandes.

Ejemplo de un listado de productos del sector de la moda
Fuente: Asos

Todas las miniaturas de productos en el sitio web de Asos se muestran con un fondo gris para aumentar el contraste con el fondo de la página y destacar aún ´mas los productos.

 

5. Navegación intuitiva

No importa el nivel de profundidad de la página, la facilidad de navegación por el sitio web es crucial para ofrecer una buena experiencia de usuario y la página con el listado de tus productos no puede ser la excepción.

Debido a que, como hemos dicho antes, ciertos productos cuentan con especificaciones bastante importantes y, por tanto, requieren ser mostrados de una forma especial, presta atención a la forma en la que organizas los resultados.

 

Ejemplo de organización de productos para mejorar la navegación
Fuente: Revzilla

RevZilla lo hace bastante bien al guiar a sus clientes a encontrar el casco de moto más apropiado.

Usan la columna de la izquierda para ayudar a los clientes a ordenar y clasificar los productos en base a criterios como:

  • Color
  • Tipo
  • Forma
  • Categoría
  • Tamaño
  • Género

Además de esto, RevZilla también permite a sus usuarios filtrar solo los productos que cuentan con una review en vídeo. Una gran ventaja con respecto a los competidores.

 

6. ¿Qué información debería mostrar?

Existen cientos de opciones en cuanto a la información que puedes mostrar en tus listados de productos y en tus páginas de categoría.

De forma simple, debes mostrar la información que ayude a que tus clientes quieran comprar tus productos. Ni más ni menos.

Para ayudarte a elegir esta es una lista con la información que podrías mostrar en tu página de listado de productos:

  • Valoraciones o estrellas
  • Descuentos
  • Opciones de colores
  • Disponibilidad de stock
  • Los más vendidos
  • Añadir al carrito
  • Nuevo / Usado
  • Descripciones cortas
Imagen que muestra cómo Bestbuy ofrece información importante junto con las miniaturas de los productos en su listado de productos.
Fuente: BestBuy

BestBuy es un ejemplo de sitio web que muestra información útil para sus clientes en su listado de productos. Además de la imagen del producto y el precio, también añaden valoraciones en forma de estrellas, el descuento aplicado y un botón para añadir al carrito.

 

7. Cómo ordenar productos

Las opciones para ordenar los productos tienen un único propósito: mostrar los productos que más les interesan a los usuarios para incrementar la conversión.

Dicho esto, las opciones que ofreces para ordenar productos deberían basarse en las necesidades de tu audiencia y en los productos que vendas. Deberías hacerte las siguientes preguntas: ¿qué buscan mis clientes? ¿qué necesitan?

 Si puedes ofrecer respuestas claras a estas dos preguntas, encontrar las opciones más apropiadas para ordenar tu catálogo será coser y cantar.

Ejemplo de cómo un e-commerce organiza sus relojes según varias categorias
Fuente: watchshop.com

El sitio web WatchShop sabe que los relojes vienen en todo tipo de diseños y, por esa razón, han creado varias opciones para organizar su catálogo con el objetivo de satisfacer las necesidades de sus usuarios, incluyendo la posibilidad de ordenar por resistencia al agua, tipo de correa, color, etc. Están adaptando su web a sus clientes.

 

8. ¿Deberías usar Quick View?

Quick View es una función para e-commerce que permite a los usuarios web ver una página en miniatura del producto en el que están interesados. En resumidas cuentas, es una mini página que generalmente incluye el botón del añadir al carrito.

Desafortunadamente, no existe un consenso sobre la materia y los expertos en e-commerce, tas numerosos debates, aún no han sabido determinar si es del todo beneficioso.

Sin embargo, según un estudio reciente realizado por Baymard, Quick View, en realidad hace más daño que beneficios genera ya, en gran medida porque los usuarios suelen confundir esta mini página con la pagina de producto real.

 

9. SEO para listado de productos

El SEO es importante para cualquier tipo de sitio web, y los e-commerce no son menos, por supuesto. De hecho, el SEO es el responsable de alrededor del 30-40% del total del tráfico hacia el e-commerce según un estudio realizado por SmartInsights en 2016.

Teniendo en cuenta la importancia del tráfico desde buscadores, he aquí otro dato interesante: las páginas con listados de producto suponen un 50% del tráfico del e-commerce.

Hay dos razones que explican la buena posición de las páginas con listado de productos en buscadores:

  1. Contienen muchas keywords: Debido a que contienen los nombres, marcas, precios, especificaciones y descripciones de productos, las páginas de cartegorías tienden a ser ricas en keywords, lo cual significa que aparecerán en buenas posiciones en los buscadores de forma natural.
  2. Son las más enlazadas: Las páginas con listados de productos son donde quieres que tus usuarios empiecen su navegación, por lo que deberías dedicar bastante tiempo a mejorar su SEO. Además, todos los productos que pertenecen a una categoría generalmente enlazan a esa categoría, lo cual genera un buen patrón de enlaces internos.

10. A/B testing en tus páginas con listado de productos

En lo que a Conversion Rate Optimization (CRO), el testing es lo que hace todo el trabajo duro y la receta para no cambia cuando se trata de tu catálogo. Haz A/B testing con tu listado de productos.

 Crear una página con un listado de productos no es fácil y debes identificar aquellos elementos que funcionan y los que no para gradualmente ir aumentando tu tasa de conversión y en general ofrecer una mejor experiencia de usuario a tus clientes.

¿Te ha gustado este artículo? No dudes en compartirlo en tus redes sociales y no olvides echar un vistazo a otros artículos de nuestro blog de CRO para aprender a optimizar un sitio web y otros temas como marketing digital y e-commerce.

Compartir en LinkedIn
Compartir en Facebook
Compartir en Twitter

Artículos relacionados

3 minutos
Céline Le Tourneur
8 noviembre 2019
¡Saca el máximo provecho a tu tráfico!
Haz que tu página trabaje lo máximo posible – para que tú no tengas que hacerlo.
+250%
del click-through rate
+19%
de la tasa de conversión
+5%
del valor del pedido medio
Ellos confían en nosotros
Solicita una demo
¡Saca el máximo provecho a tu tráfico!
Haz que tu página trabaje lo máximo posible – para que tú no tengas que hacerlo.
+250%
del click-through rate
+19%
de la tasa de conversión
+5%
del valor del pedido medio
Ellos confían en nosotros
Solicita una demo