{"id":3769,"date":"2022-03-02T07:00:58","date_gmt":"2022-03-02T07:00:58","guid":{"rendered":"https:\/\/vwo.com\/glossary\/breadcrumb-navigation\/"},"modified":"2025-05-06T14:57:50","modified_gmt":"2025-05-06T14:57:50","slug":"navegacion-migas-de-pan","status":"publish","type":"post","link":"https:\/\/vwo.com\/glossary\/es\/navegacion-migas-de-pan\/","title":{"rendered":"Navegaci\u00f3n por migas de pan"},"content":{"rendered":"\n

\u00bfQu\u00e9 es la navegaci\u00f3n por migas de pan?<\/strong><\/strong><\/h2>\n\n\n\n

La navegaci\u00f3n por migas de pan<\/a> es una funcionalidad que muestra tu ubicaci\u00f3n dentro de una p\u00e1gina web o aplicaci\u00f3n web. El t\u00e9rmino 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\u00f3n por migas de pan te permite rastrear las acciones realizadas y las p\u00e1ginas visitadas mientras navegas por un sitio.<\/p>\n\n\n\n

Generalmente, las migas de pan se muestran como una barra de navegaci\u00f3n secundaria en la parte superior de la p\u00e1gina, en forma de enlaces de texto horizontales separados por el s\u00edmbolo de mayor que (\u00ab>\u00bb).<\/p>\n\n\n\n

Cu\u00e1ndo utilizar la navegaci\u00f3n por migas de pan<\/strong><\/strong><\/h2>\n\n\n\n

Debes usar navegaci\u00f3n por migas de pan en sitios grandes o con m\u00faltiples niveles, donde las p\u00e1ginas est\u00e9n organizadas jer\u00e1rquicamente. Un buen ejemplo son las p\u00e1ginas de eCommerce, que suelen tener una gran variedad de productos agrupados en categor\u00edas l\u00f3gicas.<\/p>\n\n\n\n

Una buena pr\u00e1ctica para saber si te conviene implementar esta funcionalidad es construir un diagrama de arquitectura de navegaci\u00f3n del sitio o hacer un test A\/B<\/a> para validar su utilidad. El test A\/B tambi\u00e9n te ayuda a identificar la mejor ubicaci\u00f3n y estilo para el rastro de migas de pan.\u00a0<\/p>\n\n\n\n

Importante: la navegaci\u00f3n por migas de pan debe considerarse como una funci\u00f3n de apoyo, pero no debe reemplazar los men\u00fas principales de navegaci\u00f3n bien estructurados.<\/p>\n\n\n\n

Tipos de navegaci\u00f3n por migas de pan<\/strong><\/strong><\/h2>\n\n\n\n

Existen tres tipos principales de navegaci\u00f3n por migas de pan entre los que puedes elegir:<\/p>\n\n\n\n

Basada en ubicaci\u00f3n<\/strong>: Tambi\u00e9n conocida como \u00abbasada en jerarqu\u00eda\u00bb, es el tipo m\u00e1s com\u00fan. Informa al usuario sobre su ubicaci\u00f3n actual dentro de la jerarqu\u00eda del sitio y cu\u00e1ntos niveles hay hasta la p\u00e1gina de inicio. <\/p>\n\n\n\n

Ejemplo: Inicio > Categor\u00eda > Subcategor\u00eda > Publicaci\u00f3n<\/p>\n\n\n\n

\n
\"Hierarchy-based\"
Fuente de imagen: Yoast<\/a>
<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

Basada en atributos<\/strong>: Muy utilizada en p\u00e1ginas de eCommerce, este tipo de navegaci\u00f3n resalta atributos o caracter\u00edsticas espec\u00edficas de los productos o servicios que el usuario ha buscado o filtrado.<\/p>\n\n\n

\n
\"Attribute-based\"
Fuente de imagen: UX Planet<\/figcaption><\/figure>\n<\/div>\n\n\n

Basada en ruta<\/strong>: Tambi\u00e9n conocida como \u00abrastro de historial\u00bb, este tipo de navegaci\u00f3n muestra los pasos anteriores del usuario dentro del sitio. Este tipo de miga de pan suele ser poco \u00fatil, ya que los enlaces generados son din\u00e1micos y cambian con cada clic, lo que puede resultar confuso. En estos casos, usar el bot\u00f3n de \u00abvolver\u00bb del navegador puede ser m\u00e1s pr\u00e1ctico.<\/p>\n\n\n\n

\n
\"Path-based\"
Fuente de imagen: UX Planet<\/figcaption><\/figure>\n<\/figure>\n\n\n\n

Ventajas de la navegaci\u00f3n por migas de pan<\/strong><\/strong><\/h2>\n\n\n\n

Las migas de pan son un elemento clave en p\u00e1ginas web optimizadas para SEO, por las siguientes razones:<\/p>\n\n\n\n