![\"\"](\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2023\/09\/Breadcrumb-significado-300x300.jpg\")
<\/h1>\n<\/h1>\n<\/p>\n
Es una forma secundaria para navegar en Internet a trav\u00e9s de enlaces de diferentes p\u00e1ginas en el sitio. Breadcrumb se traduce del ingl\u00e9s como \u201cmigas de pan\u201d, haciendo referencia al cuento de \u201cHansel y Gretel\u201d de los hermanos Grimm. La verdad es que esto permite perfeccionar la experiencia de navegaci\u00f3n del usuario,<\/strong> ya que no solo tendr\u00e1 la opci\u00f3n de retroceder un paso, sino incluso hasta la p\u00e1gina principal haciendo un solo clic.<\/p>\n Como consecuencia de lo anterior, el sitio web tambi\u00e9n puede mejorar su posicionamiento web<\/a> en la p\u00e1gina de resultados de buscadores, ya que la experiencia de usuario es uno de los factores m\u00e1s importantes para la indexaci\u00f3n.<\/p>\n Igualmente, le a\u00f1ade estructura y jerarquizaci\u00f3n a la navegaci\u00f3n, haciendo una l\u00ednea l\u00f3gica en la navegaci\u00f3n del usuario<\/strong> que le muestra el recorrido de su ruta. Es muy \u00fatil en blogs, ya que estos suelen tener muchos enlaces de contenidos diferentes<\/a>, categor\u00edas, etiquetas y otros tipos de archivos. Las migas de pan se clasifican seg\u00fan la estructura del sitio web y se diferencian de la siguiente forma.<\/p>\n Como ya sabes, las migas de pan suele separarse entre s\u00ed utilizando un signo de mayor qu\u00e9, normalmente, esta estructura suele estar posicionada en la cabecera de la p\u00e1gina<\/strong>, justo debajo del men\u00fa principal.
\nLos\u00a0breadcrumbs marcan la ruta de navegaci\u00f3n del usuario dentro del sitio<\/strong>, lo que le permite regresar al punto de partida en el cu\u00e1l inici\u00f3 su b\u00fasqueda.<\/p>\n\u00bfQu\u00e9 es Breadcrumb?<\/h2>\n
\nLa idea del t\u00e9rmino es asociarlo con la ruta de p\u00e1ginas por las cu\u00e1l el usuario lleg\u00f3 a la p\u00e1gina donde est\u00e1<\/strong>, de forma que pueda decidir volver sobre sus pasos cuando lo necesite.
\nSuele ser muy utilizado durante el dise\u00f1o web de tiendas online<\/a>.<\/p>\n\u00bfPara qu\u00e9 sirve Breadcrumb?<\/h2>\n
\nAsimismo, el breadcrumb usa signos de escritura para la separaci\u00f3n de sus categor\u00edas, generalmente un signo mayor que (>).<\/p>\n
\nDe esta forma, el usuario puede recorrer todas las p\u00e1ginas que quiera sin perderse del tema principal.<\/p>\nTipos de breadcrumbs<\/h2>\n
\n
Ejemplo de breadcrumb<\/h2>\n
\nEn esta imagen puedes observar c\u00f3mo funciona dentro del sitio web de Nestl\u00e9, para la secci\u00f3n de Cooking With Kids<\/em> o \u201ccocinando con los ni\u00f1os\u201d ver\u00e1s una ruta marcada como la siguiente, desde la p\u00e1gina principal pasando por Nuestras Historias<\/em>.<\/p>\n![](\"https:\/\/www.appyweb.es\/wp-content\/uploads\/2020\/08\/breadcrumb-ejemplo.png\")
<\/strong><\/p>\n