Entradas en la categoría: Diseño Web

¿Cuántas veces has navegado en un sitio web y terminas perdido, sin saber cómo regresar al menú o la página en la que estabas?. Tal vez muchas, o puede que a los usuarios en tu web les suceda lo mismo; por eso, hoy conversaremos sobre las breadcrumbs y cómo benefician la experiencia de usuario de tu website. 

Las migas de pan, en inglés breadcrumbs, directa e inequívocamente, proporcionan cierta información que necesita el usuario para navegar en una página web sin problemas.

Aunque sea intuitivamente, todos tenemos una idea muy aproximada de lo qué es Breadcrumbs o rastro de migas de pan. Al fin y al cabo, también somos usuarios de Internet y navegamos asiduamente, por lo que a menudo lo hemos encontrado.

Su propósito principal es contestar a la preguntas “¿Dónde estoy, cómo he llegado hasta aquí y cómo puedo volver atrás o ir a otras páginas similares?”.

Para conseguir esta funcionalidad, las migas de pan “marcan” el camino que se debe seguir, a través de la arquitectura del sitio web, para llegar desde la página principal hasta la página que está visualizando el usuario.

Para hacernos una idea, la estructura de un rastro de migas de pan (breadcrumbs) tendrá un formato parecido al siguiente: Portada > Página nivel 1 > Página nivel 2 > … > Página actual

Habitualmente, como observarás en las buenas prácticas, cada nivel incluye un enlace a la página principal de ese nivel.

Si te preguntas el porqué de la expresión “migas de pan”, está basado en la historia de Hansel y Gretel, que utilizaron un trozo de pan para desmigarlo y dejar un rastro por el camino, que les permitiera volver a casa. También se puede encontrar la expresión “hilo de Ariadna”, basado en la mitología griega del laberinto del minotauro.

Ventajas de las Breadcrumbs

• Mejora la experiencia de usuario. Junto con los menús, ofrece una visión de la estructura del sitio web; por sí mismo, ubica al usuario en un lugar dentro de esa estructura, facilitando el acceso y la navegación a sus niveles superiores.

• Reduce la tasa de rebote. Si el usuario no sabe dónde se encuentra dentro del sitio web o la página que está viendo no satisface su inquietud, el rastro de migas le guía y le da la opción de navegar directamente a otras páginas de temática o contenido similar que sí podrían ser de su interés.

• Favorece el SEO, desde dos perspectivas: como consecuencia directa de la mejor experiencia de usuario (fundamental en los algoritmos de búsqueda actualmente), y por la colocación en el breadcrumbs de enlaces y textos-ancla que los rastreadores de Google pueden utilizar para evaluar el posicionamiento de esas páginas.

• Mayor visibilidad en los SERP’s; es decir, en los resultados de búsqueda. Si el rastro de migas está bien implementado, utilizando datos estructurados, Google puede incorporarlo en los resultados de búsqueda, haciéndolo más visible.

• Aumenta el control de navegación del usuario, pues dispone de una herramienta adicional, además de los menús, para navegar a través del sitio web. Con la ventaja añadida de que parte de un punto conocido.

• El coste de implementación es bajo y no usarlos no aporta ninguna ventaja, salvo casos excepcionales. Dicho de otra forma, añadirlos a las páginas “no molesta” al usuario, que solo los utilizará cuando los necesite (idealmente, casi nunca).

  Tipos de Breadcrumbs

Según cómo interpretemos e implementemos la estructura del rastro de migas, dispondremos de varios tipos de breadcrumbs:

• Basados en la estructura de directorios del sitio web; donde cada miga del rastro se corresponde con un directorio físico en el sistema de ficheros o, en el caso de WordPress, con las categorías de las entradas del blog. Es el tipo más utilizado con diferencia.

• Basado en el historial de navegación del usuario; donde no hay una verdadera estructura, sino que las Breadcrumbs referencian a las últimas páginas que el usuario ha visitado. No suele ser muy útil porque un usuario puede seguir varios caminos para llegar a una misma página y tampoco se tienen los beneficios para la optimización SEO.

• Basado en atributos asociados con el contenido de la página. Muy utilizado en sitios de comercio electrónico, donde un producto tiene distintos atributos, entre ellos el tipo de producto, su categoría, su marca, su modelo, su función, etc. Cada uno de ellos, constituiría una miga del rastro. Este tipo de Breadcrumbs tiene la ventaja que productos que pertenezcan a varias categorías puedan buscarse en cada una de ellas, quedando reflejado en las migas de pan. 

¿Deseas activar tus migas de pan en tu sitio web? Contacta a nuestros expertos