VWO Logo
Panel
Solicitar demo

Navegación por migas de pan

¿Qué es la navegación por migas de pan?

La navegación por migas de pan es una funcionalidad que muestra tu ubicación dentro de una página web o aplicación web. El término proviene del cuento de hadas de Hansel y Gretel, en el que los hermanos dejan un rastro de migas de pan para poder volver a casa. Del mismo modo, las migas de pan en una interfaz digital ofrecen una forma de seguir el recorrido hasta el punto de partida. En otras palabras, la navegación por migas de pan te permite rastrear las acciones realizadas y las páginas visitadas mientras navegas por un sitio.

Generalmente, las migas de pan se muestran como una barra de navegación secundaria en la parte superior de la página, en forma de enlaces de texto horizontales separados por el símbolo de mayor que («>»).

Cuándo utilizar la navegación por migas de pan

Debes usar navegación por migas de pan en sitios grandes o con múltiples niveles, donde las páginas estén organizadas jerárquicamente. Un buen ejemplo son las páginas de eCommerce, que suelen tener una gran variedad de productos agrupados en categorías lógicas.

Una buena práctica para saber si te conviene implementar esta funcionalidad es construir un diagrama de arquitectura de navegación del sitio o hacer un test A/B para validar su utilidad. El test A/B también te ayuda a identificar la mejor ubicación y estilo para el rastro de migas de pan. 

Importante: la navegación por migas de pan debe considerarse como una función de apoyo, pero no debe reemplazar los menús principales de navegación bien estructurados.

Tipos de navegación por migas de pan

Existen tres tipos principales de navegación por migas de pan entre los que puedes elegir:

Basada en ubicación: También conocida como «basada en jerarquía», es el tipo más común. Informa al usuario sobre su ubicación actual dentro de la jerarquía del sitio y cuántos niveles hay hasta la página de inicio. 

Ejemplo: Inicio > Categoría > Subcategoría > Publicación

Basada en atributos: Muy utilizada en páginas de eCommerce, este tipo de navegación resalta atributos o características específicas de los productos o servicios que el usuario ha buscado o filtrado.

Attribute-based
Fuente de imagen: UX Planet

Basada en ruta: También conocida como «rastro de historial», este tipo de navegación muestra los pasos anteriores del usuario dentro del sitio. Este tipo de miga de pan suele ser poco útil, ya que los enlaces generados son dinámicos y cambian con cada clic, lo que puede resultar confuso. En estos casos, usar el botón de «volver» del navegador puede ser más práctico.

Ventajas de la navegación por migas de pan

Las migas de pan son un elemento clave en páginas web optimizadas para SEO, por las siguientes razones:

  • Mejoran la experiencia de usuario: Así como en la vida real buscamos señales para no perdernos, en una página web las migas de pan son una forma clara y amigable de orientarte durante la navegación. 
  • Reducen la tasa de rebote: Ofrecen una forma alternativa y natural de moverte por el sitio, lo cual anima a los usuarios a visitar más páginas y permanecer más tiempo.
  • A Google le encantan: Las migas de pan ayudan a Google a comprender la estructura del sitio, lo que mejora el posicionamiento y la visualización de resultados en los SERP.
  • Ahorro de espacio: Son una solución de navegación compacta que ocupa poco espacio visual y no genera sobrecarga de contenido. 
  • Menos clics: Te permiten volver fácilmente a niveles superiores con menos clics, en comparación con el uso del botón de retroceso.

Consejos para implementar migas de pan de forma efectiva

Sigue estas recomendaciones para crear una navegación clara y útil:

  • Usa migas de pan solo si encajan con la estructura y diseño de tu sitio.
  • Mantén la navegación breve y concisa.
  • Muestra toda la ruta de navegación. 
  • Avanza de nivel superior a inferior.
  • Asegúrate de que los títulos coincidan con los títulos de página.
  • Sé creativo con el diseño.
  • Mantén una navegación limpia y sin desorden.
  • Piensa en tu audiencia.
  • Mantén la miga de pan visible para el usuario.
  • Asegúrate de que sea compatible con dispositivos móviles.
  • Elige el tipo de navegación que mejor se adapte al tipo de sitio web.

Consulta aquí algunos ejemplos inspiradores de navegación por migas de pan.

Cómo añadir migas de pan a tu sitio

La mayoría de los creadores de páginas web, como WordPress o WooCommerce, incluyen plugins integrados para implementar la navegación por migas de pan. También puedes optar por herramientas de terceros para hacerlo.

Aunque puede parecer un detalle menor, las migas de pan tienen un gran impacto en la usabilidad. Puede que el usuario no les preste atención conscientemente, pero sin duda agradecerá su presencia por la facilidad que aportan a la navegación.

Explorar más términos del glosario

Personalización de apps

La personalización de apps es el proceso de adaptar la experiencia dentro de la app a las necesidades y preferencias únicas de cada usuario.

Leer más

Programación de campañas

La programación de campañas te permite definir cuándo iniciar, pausar y repetir tus campañas, maximizando su impacto y evitando conflictos en la ejecución. Puedes establecer fechas y horas de inicio y pausa, e incluso repetir tus campañas en un horario establecido. Programar tus campañas te ayuda a evitar conflictos, optimizar tus datos y maximizar el impacto de tus campañas en tu público objetivo.

Leer más

Sitio de autoridad

Los sitios de autoridad desempeñan un papel clave en la generación de confianza y posicionamiento como experto dentro de un nicho específico. Ofrecen contenido valioso y en profundidad que conecta con la audiencia. Al centrarse en la calidad y la relevancia, estos sitios pueden mejorar notablemente la visibilidad en buscadores y atraer tráfico orgánico. Construir un sitio de autoridad no solo te brinda oportunidades de monetización, sino que también te posiciona como líder en tu sector.

Leer más

Targeting de comportamiento

El targeting de comportamiento permite dirigirte a los clientes según su navegación web con contenido relevante que mejora la eficacia de tus campañas.

Leer más