En ECommerce se necesitan 2 tipos de Breadcrumbs

No Comments

Los Breadcrumbs son un elemento bastante ignorado por muchos, pero que aporta mucho valor, tanto desde la perspectiva de SEO como desde la perspectiva de la usabilidad. Para los que no conozcan el concepto, los breadcrumbs (o migas de pan), son una serie de enlaces que nos encontramos en una página web, que nos muestran el árbol de categorías que hemos seguido hasta llegar a ese producto. Por ejemplo, si estamos viendo una chaqueta de mujer, muy seguramente la estructura seguida será:

Home > Mujeres > Chaquetas y abrigos > Chaquetas

Por lo general, estos elementos de navegación están orientados a navegar de forma jerárquica, facilitando al usuario el volver a la categoría padre, o a una anterior, y también facilitando a los buscadores el que sean capaces de entender cuál es la estructura de la información en nuestra página web.

Uso de Breacrumbs en Zara

Curiosamente Zara no hace apenas uso de los Breadcrumbs, en gran medida por la importante presencia del arbol de categorías en la parte izquierda de la pantalla, que sirve como sustituto de un breadcrumb más tradicional. Ahora bien, si que encontramos un breadcrumb temporal con la opción de «Atrás» que se encuentra al lado de la primera foto en la ficha de producto.

Ahora bien, el uso de los breadcrumbs no acaba ahí, y de hecho otro uso habitual de los breadcrumbs está basado en el aspecto temporal. Este tipo de breadcrumbs, básicamente permiten al usuario volver a la página anterior, pero sin hacer uso del botón de atrás del navegador.

¿Por qué necesitamos Breadcrumbs temporales

Los breadcrumbs facilitan la navegación y se encuentran situados en una posición fácilmente reconocible y accesible por los usuarios que navegan por nuestra tienda online, por lo que resulta muy cómodo para ellos utilizarlos.

Uso de Breadcrumbs en Motobuykers

MotoBuykers, al igual que Zara, tiene una gran presencia del menú lateral. Sin embargo, ellos optan por mostrar adecuadamente un breadcrumb jerárquico encima de la ficha de producto. Y complementan la navegabilidad con un botón de «Atrás» que hace las funciones del breadcrumb temporal, y que se encuentra situado a la derecha del nombre del producto.

Por lo general, en una tienda online, solemos navegar por categorías (o resultados de búsqueda), y accedemos desde esos listados a las fichas de los productos. Si el producto no nos convence, volvemos al listado de categoría y seguimos mirando. Ahí es donde el breadcrumb nos puede ayudar, y donde el breadcrumb orientado a volver a la página anterior (sin importar jerarquía), se echa de menos en las tiendas que no lo tienen implementado.

Es verdad que los breadcrumbs jerárquicos nos permiten disponer de la funcionalidad de volver atrás, pero debemos tener en cuenta que ese «volver atrás» en muchos casos hace que se pierdan algunos filtros que pudiera haber aplicado el usuario sobre la página de categoría. Si implementamos los breadcrumbs temporales y permitimos un volver a atrás más similar a cómo funciona el propio botón de «Atrás» de los navegadores, estaremos facilitando la navegación de nuestros usuarios, y no les estaremos obligando a que configuren una y otra vez ese tipo de filtros.

Combinando ambos tipos de breadcrumbs, estaremos permitiendo que nuestros usuarios naveguen como quieren, y no obligándoles a seguir una lógica jerárquica (que en muchos casos ni entenderán) ni meramente temporal. Ofreceremos distintas opciones que se adaptan a distintas formas de navegar de los usuarios.

Breadcrumbs en Hoss Intropia

Hoss Intropia no hace uso de un árbol de categorías lateral, pero si que dispone los dos breadcrumbs que mencionamos. Uno jerárquico encima de la fotografía principal, y otro temporal «<< Back» a la derecha de la pantalla.

Cofundador y CMO de BrainSINS. Apasionado del eCommerce, conversiones, márketing online y Big Data.

Suscríbete a nuestra newsletter