Las breadcrumbs son ayudas de navegación que permiten al usuario saber su posición actual en todo momento. Si conoces el cuento "Hansel y Gretel", recordarás que los niños logran salir del bosque oscuro (y así escapar de la bruja que quiere comérselos) dejando caer migas de pan por el camino para poder seguirlo.
Estas migas de pan tienen la misma idea: los usuarios pueden encontrar el camino de una página web a otra a través de los enlaces de migas de pan (breadcrumbs). Se trata de un tipo de navegación secundaria, a diferencia de la navegación principal de tu sitio (también conocida como navegación primaria), como el menú del sitio en tu página principal.
Sigue leyendo para averiguar qué hacen las migas de pan, averigua cómo ayudan a los usuarios a navegar por tu sitio web y obtén algunos consejos sobre la mejor manera de usarlas para hacer que tu sitio web sea fácil de navegar para los usuarios y estos puedan ir directamente a las páginas que sean más relevantes para ellos.
¿Qué es la navegación “breadcrumbs” (migas de pan)?
Hay muchas cosas a tener en cuenta al diseñar un sitio web. Por ejemplo, asegurarse de que tu sitio tenga un diseño atractivo, presente tu producto o servicio de manera destacada y sea seguro para los pagos en línea.
Pero tampoco puedes pasar por alto la arquitectura de la información. Si un sitio está bien diseñado, este garantiza que todo el contenido sea fácil de encontrar y entender. Por ejemplo, debes asegurarte de que los usuarios puedan ir directamente a la página de compra en lugar de tener que buscarla en Google. El uso de datos estructurados (estandarizar la forma en que se presenta la información en tu sitio web) es importante, y la navegación de migas de pan puede hacerlo.
Un rastro de migas de pan ayuda a un visitante a comprender dónde se encuentra en la jerarquía de tu sitio y cómo llegar adonde quiere estar. Las migas de pan permiten al usuario ver un rastro de regreso a todas las páginas por las que pasó para llegar a donde está ahora o ver dónde se encuentra dentro de la estructura jerárquica de tu sitio. En lugar de usar el botón "Atrás "para ir a la página anterior y a la siguiente página anterior, los visitantes del sitio pueden usar la ruta de navegación de migas de pan para volver directamente desde la página actual o a cualquier página de nivel superior en la estructura.
Ejemplos de navegación de migas de pan
Si bien las migas de pan no pueden reemplazar la navegación primaria de tu sitio web, son una herramienta útil para mejorar tu experiencia de usuario.
Es muy probable que hayas visto la navegación con migas de pan, incluso si no la reconociste en ese momento. Si estás comprando un nuevo par de zapatos, puede que llegues a la página de un par específico (ya sea navegando por el sitio o directamente a través de un enlace en un motor de búsqueda como Google) y veas algo como esto en la parte superior del sitio:
Página de inicio > Productos > Zapatos > Mujer > Deporte > Running > Nombre de marca > Estilo
En el ejemplo anterior, cada elemento entre los símbolos > se denomina miga de pan (breadcrumb). Este permite al usuario ver la ruta exacta que tomó para llegar a la página actual o dónde se encuentra en el sitio web. Luego, si los zapatos que estás viendo no son los que quieres, puedes acceder directamente a cualquier página anterior y continuar la búsqueda.
Las migas de pan también pueden ayudar si se requiere que los usuarios completen varias acciones. Los sitios web de comercio electrónico, por ejemplo, pueden solicitar a los usuarios que paguen por un carrito de compras primero introduciendo la información de envío, luego el pago y finalmente confirmando el pedido. Un sitio con navegación de migas de pan puede mostrar enlaces para volver a cada paso anterior para que el usuario pueda realizar cambios.
¿Por qué utilizar la navegación de migas de pan?
¿Por qué querrías utilizar la navegación de migas de pan y qué beneficios puede proporcionar a los usuarios de tu sitio?
Navegación fácil por el sitio
Las migas de pan ayudan al usuario a ver dónde se encuentra en la estructura de tu sitio y cómo llegó allí. Pueden reducir la preocupación de los usuarios por perderse si navegan a páginas ulteriores y ayudarles a orientarse si acaban de aterrizar en la página desde un lugar externo, como Google. Además, los enlaces de migas de pan permiten a los usuarios saltar fácilmente de un lugar en tu estructura jerárquica al siguiente.
Fomenta la exploración
Si los usuarios están seguros de que pueden volver a cualquier página que hayan visto antes, pueden explorar y encontrar exactamente lo que están buscando, o tal vez algo que ni siquiera sabían que necesitaban hasta que lo encuentran. La navegación de migas de pan es particularmente útil en los sitios de comercio electrónico, donde los productos se pueden organizar en categorías, lo que permite a los usuarios ver artículos individuales e ir fácilmente a una categoría más amplia para seguir explorando.
Mejora la capacidad de búsqueda
Las migas de pan se crearon originalmente para simplificar la navegación y ahora se utilizan para influir en varios aspectos de la interacción del usuario en la Web.
Google y otros motores de búsqueda utilizan la navegación de migas de pan para obtener más información sobre los sitios web, lo que puede hacer que las búsquedas sean más precisas y asegurarse de que los resultados se vinculen con el contenido más útil.
Los resultados de búsqueda suelen llevar a los usuarios directamente a una página dentro de la jerarquía de tu sitio web en lugar de simplemente a tu página de inicio o página de destino. Por ejemplo, los resultados pueden llevar a un posible cliente directamente desde una búsqueda de Google a la página de compra de un artículo.
Además, es posible que hayas visto resultados de búsqueda en sitios como Google que incluyen más que solo enlaces a sitios web: también pueden tener una foto o un texto breve extraído de la misma página de destino. Este es un ejemplo de "resultados enriquecidos", que son mucho más llamativos que solo un enlace. Los navegadores son uno de los elementos que ayudan a Google (o cualquier otro motor de búsqueda) a encontrar y extraer información para destacar en sus resultados enriquecidos, aumentando así la probabilidad de que los usuarios hagan clic en tu sitio web.
Las palabras clave dirigidas llevan a los usuarios a la página correcta
Deseas un resultado de búsqueda que lleve a los usuarios a la información o producto que buscan. El uso de un rastro de migas de pan permitirá que Google y otros motores de búsqueda proporcionen enlaces directamente a la página de destino más adecuada (una con los detalles sobre los atributos del producto, por ejemplo) y luego permitirá a los usuarios navegar directamente a páginas de nivel superior para obtener más información sobre tu marca. Esto también reduce la "tasa de rebote" del sitio web: el número de usuarios que abandonan tu sitio después de ver solo una página.
Cuándo no utilizar la navegación de migas de pan
Aunque las migas de pan pueden ser útiles en muchos sitios web, existen algunas razones por las que pueden no tener sentido para tu negocio.
Diseños de sitio no jerárquicos
Si el diseño de tu sitio web es simple, solo consta de unas pocas páginas o no tiene muchas subpáginas, es muy probable que los usuarios puedan navegar fácilmente por tu sitio sin navegación asistida como la de migas de pan. De hecho, incluirlas puede hacer que parezca que tu sitio es más complejo de lo que realmente es, ahuyentando a algunos usuarios.
Trabajo extra de codificación con una baja recompensa
Si bien las migas de pan son comunes y no son difíciles de implementar, requieren algo de trabajo para crearlas y mantenerlas. Si tu sitio web no proporciona información en varias categorías o si hay otra forma más fácil de navegar por tu sitio (como botones o enlaces como parte de la página), ese esfuerzo adicional podría no valer la pena.
Pueden confundir a los usuarios
A veces, cuanto más texto hay en la página, más confuso puede ser para un visitante del sitio web. Considera la audiencia de tu sitio y si la presencia de migas de pan ayudará o simplemente añadirá datos innecesarios a un sitio web que funcionaría mejor con un diseño visual simple.
Tipos de navegación de migas de pan
Hay varios tipos de navegación de migas de pan. Cada uno es apropiado para diferentes sitios. Conoce las diferentes categorías para ver cuál podría ser adecuada para tu sitio web.
Migas de pan basadas en rutas o historial
Las migas de pan basadas en rutas, también conocidas como migas de pan basadas en historial, muestran al usuario cómo llegó a donde está. Si quieres que el usuario pueda volver fácilmente a una página anterior de tu sitio web, este es el tipo de navegación de migas de pan que podría funcionar mejor para ti.
Migas de pan basadas en la ubicación o jerarquía
Otro tipo de navegación de migas de pan es la basada en la ubicación, o basada en la jerarquía. Las migas de pan basadas en la ubicación son estáticas y no cambian. Permiten al usuario ver la estructura general del sitio y utilizarla como herramienta de navegación. Las migas de pan basadas en la ubicación son especialmente útiles para sitios con mucha información jerárquica.
Por ejemplo, una organización sin ánimo de lucro puede tener información sobre numerosas categorías de programas, cada una de las cuales tiene varias subcategorías con enlaces a datos más detallados. El uso de migas de pan para ayudar a alguien a buscar la información que necesita lo mantendrá en la ruta correcta.
Migas de pan basadas en atributos
Por último, la navegación de migas de pan basada en atributos ofrece al visitante más información sobre los atributos de la página actual. Por ejemplo, las migas de pan basadas en atributos son populares en los sitios de comercio electrónico, donde los usuarios pueden querer filtrar los resultados de búsqueda por color, tamaño o tipo.
10 consejos para el uso de la navegación de migas de pan
Una vez que hayas decidido que las migas de pan ayudarán a tus usuarios a orientarse en la estructura de tu sitio web y lo harán más prominente en los motores de búsqueda como Google, hay algunas cosas que debes tener en cuenta que harán que la experiencia sea fácil para todos.
Asegúrate de que los títulos de las migas de pan coincidan con los títulos de las páginas
Dado que las migas de pan se usan para ayudar a evitar confusiones, no te interesa usar un nombre de ruta de navegación que sea diferente del título de la página en sí. Al asegurarse de que esos nombres coincidan y sean uniformes, los usuarios podrán saber que están en la página que creen que están.
Empieza a hacer pruebas de rastros de migas de pan con la página de inicio
Aunque los usuarios pueden acceder primero a tu sitio web desde una página muy profunda en tu jerarquía gracias a un enlace de un resultado de búsqueda, si la jerarquía de las migas de pan tiene una estructura lógica, el primer elemento de la ruta debería ser la página de inicio. De esta forma los usuarios siempre pueden volver directamente hacia atrás con facilidad.
No hagas que la navegación de migas de pan sea demasiado grande
Si tu rastro de migas de pan es tan largo que continúa en una segunda línea, probablemente estés haciendo demasiado. Las migas de pan simples y cortas funcionan mejor y tu navegación primaria debería ser más prominente.
Incluye toda la ruta de navegación
Cuando te vas introduciendo cada vez más en la jerarquía de un sitio, puede ser tentador acortar las rutas de navegación de migas de pan u omitir pasos. Pero esto puede confundir a los usuarios que, por ejemplo, desean ir a páginas principales específicas que no pueden encontrar.
Sin embargo, se puede correr el riesgo de incluir demasiada información. Si la estructura de la URL de tu sitio incluye información superflua que el usuario puede encontrar confusa (por ejemplo, un nivel de estructura en tu sitio que no corresponde a ninguna página que el usuario pueda ver), puedes eliminarla en tus enlaces de migas de pan.
Úsala solo si tiene sentido para la estructura de tu sitio
Las migas de pan tienen muchos usos, pero su finalidad principal debería ser la de respaldar la navegación principal de un sitio en lugar de reemplazarla. Si tu navegación principal es sencilla y clara, no hace falta que uses migas de pan.
Conoce a tu público antes de enviar la campaña de SMS
Piensa en cómo será la experiencia del público de tu sitio con el uso y la navegación de Internet. La navegación de migas de pan es apropiada para la mayoría de las audiencias, pero puede que no sea la opción correcta si tu sitio web está dirigido a usuarios que tienen menos experiencia con Internet y buscan simplicidad, por ejemplo.
Mantén una estructura simple y ordenada
Si bien las migas de pan pueden ser muy útiles, no conviene que distraigan la atención de la información principal en las páginas de tu sitio. Mantener el texto pequeño pero legible y en una ubicación estándar ayudará a los usuarios a concentrarse en la página actual hasta que estén listos para seguir un enlace a otra página.
Progresa de la página de nivel más alto a la página de nivel más bajo
Tu rastro de migas de pan debe enumerar las páginas de nivel superior a la izquierda y avanzar hacia las páginas de nivel inferior a la derecha. Puede ser tentador el querer ser original, pero este es un lugar donde la usabilidad y mostrar la jerarquía de tu sitio web de una manera que los usuarios esperan dará sus frutos.
Mantén la ruta de navegación fácilmente visible
Para asegurarse de que los visitantes de tu sitio web puedan aprovechar tu navegación de migas de pan, asegúrate de que sea fácil encontrar el rastro de migas de pan. Ten en cuenta la ubicación, el diseño y la duración de las migas de pan para garantizar la experiencia de navegación más agradable posible.
Explora tu creatividad con el diseño
Mientras que muchos sitios usan el signo mayor que (>) para marcar los pasos en la ruta de migas de pan, otros sitios eligen usar una barra inclinada (/), dos puntos (:) o una flecha para mostrar la ubicación de la página actual. Algunos sitios incluso incluyen menús desplegables visibles cuando los usuarios pasan el cursor sobre las migas de pan, lo que les ofrece una ruta directa a lugares que podrían no estar en la jerarquía directa de la página actual.
Piensa en qué es lo que hace que el camino de las migas de pan sea lo más claro posible. Aunque no deberías excederte para evitar confundir a los visitantes, puedes personalizar el aspecto de tus migas de pan de una manera que se adapte a la estructura y el diseño de tu sitio utilizando una herramienta como el creador de sitios web de Mailchimp.
La incorporación de migas de pan en tu diseño web puede respaldar tu navegación primaria y ayudar a los visitantes de tu página a orientarse, ya sean migas de pan basadas en atributos para una empresa de comercio electrónico o migas de pan basadas en la ubicación para una organización con mucha información. Las migas de pan son una forma inteligente de hacer que tu sitio web sea lo más fácil de usar posible, aumentar tu presencia en Google u otros motores de búsqueda y ofrecer a tus clientes enlaces a exactamente la información y los productos que están buscando.
Con suerte, tus usuarios no necesitarán escapar de una bruja malvada como Hansel y Gretel, ¡pero evitar que se pierdan y ayudarles a encontrar el camino fácilmente con migas de pan digitales valdrá la pena!