{"id":335,"date":"2023-06-19T14:44:26","date_gmt":"2023-06-19T14:44:26","guid":{"rendered":"https:\/\/www.appyweb.es\/diccionario\/?page_id=335"},"modified":"2024-03-17T20:03:23","modified_gmt":"2024-03-17T20:03:23","slug":"breadcrumb-trail","status":"publish","type":"page","link":"https:\/\/www.appyweb.es\/diccionario\/breadcrumb-trail\/","title":{"rendered":"Breadcrumb Trail"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-10460 aligncenter\" src=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2023\/09\/que-es-Breadcrumb-Trail-300x300.jpg\" alt=\"\" width=\"580\" height=\"580\" srcset=\"https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2023\/09\/que-es-Breadcrumb-Trail-300x300.jpg 300w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2023\/09\/que-es-Breadcrumb-Trail-1024x1024.jpg 1024w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2023\/09\/que-es-Breadcrumb-Trail-150x150.jpg 150w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2023\/09\/que-es-Breadcrumb-Trail-768x768.jpg 768w, https:\/\/www.appyweb.es\/diccionario\/wp-content\/uploads\/2023\/09\/que-es-Breadcrumb-Trail.jpg 1080w\" sizes=\"auto, (max-width: 580px) 100vw, 580px\" \/><\/p>\n<p>Uno de los mayores objetivos de las tiendas online es garantizar que los usuarios puedan tener un buena experiencia de navegaci\u00f3n. En este caso, el dise\u00f1o y la usabilidad es muy importante, es por eso que\u00a0<strong>la t\u00e9cnica de navegaci\u00f3n Breadcrumb trail ha cobrado tanta importancia<\/strong>. El t\u00e9rmino parece nuevo para ti, pero definitivamente lo has utilizado antes, sigue leyendo y sabr\u00e1s por qu\u00e9.<\/p>\n<h2>\u00bfQu\u00e9 es breadcrumb trail?<\/h2>\n<p>Se trata de una t\u00e9cnica de navegaci\u00f3n que le indica al usuario de d\u00f3nde viene y d\u00f3nde est\u00e1 dentro de un sitio web. Normalmente, se muestra en la <a href=\"https:\/\/diseno20.appyweb.es\/diseno-tienda-online\/\" rel=\"nofollow noopener\" target=\"_blank\">parte superior del dise\u00f1o de la tienda online<\/a> para que exista un f\u00e1cil acceso. Igualmente, funciona como gu\u00eda en caso de que el visitante provenga de buscadores, ya que le permitir\u00e1 saber que <strong>existen otras categor\u00edas superiores de la p\u00e1gina<\/strong> que est\u00e1 viendo.<\/p>\n<p>Es muy f\u00e1cil de reconocer, es ese peque\u00f1o formato de enlaces que se encuentran separados por el signo \u201c&gt;\u201d seg\u00fan su jerarqu\u00eda.<br \/>\nEl breadcrumb trail es muy utilizado en tiendas de e-commerce para indicar diferentes categor\u00edas de un producto, como su color, rango de precio o utilidad.<\/p>\n<h2>Origen Breadcrumb Trail<\/h2>\n<p>Hace referencia al cuento \u201cHansel y Gretel\u201d de los hermanos Grimm. En este cuento dos hermanos dejaron una ruta de migas de pan para regresar a casa.<br \/>\nLa traducci\u00f3n del ingl\u00e9s para breadcrumb trail es \u201ccamino de migas de pan\u201d y en la actualidad es una t\u00e9cnica estupenda en el <a href=\"https:\/\/diseno20.appyweb.es\/diseno-web\/\" rel=\"nofollow noopener\" target=\"_blank\">dise\u00f1o de tu p\u00e1gina web<\/a>.<\/p>\n<h2>\u00bfPara qu\u00e9 sirve el Breadcrumb Trail?<\/h2>\n<ul>\n<li>Le permite a la p\u00e1gina saber qu\u00e9 ruta de navegaci\u00f3n es m\u00e1s frecuente entre los usuarios y cu\u00e1les no. Lo que es ideal para <a href=\"https:\/\/diseno20.appyweb.es\/email-marketing-para-empresas\/\" rel=\"nofollow noopener\" target=\"_blank\">perfeccionar la ruta del embudo de ventas<\/a> a partir de esos contenidos.<\/li>\n<li>Fue creada con la intenci\u00f3n de facilitar la navegaci\u00f3n dentro de la p\u00e1gina, por lo que <strong>mejora la experiencia del usuario al llegar al contenido que espera<\/strong>.<\/li>\n<li>Permite al usuario conocer la ubicaci\u00f3n en la que se encuentra exactamente dentro del sitio, lo que facilitara sus pr\u00f3ximas visitas.<\/li>\n<li>Le otorga estructura la p\u00e1gina, es un sistema jerarquizado que muestra el recorrido realizado dentro de la misma y la categor\u00eda del contenido al que est\u00e1 ingresando.<\/li>\n<\/ul>\n<h2>Ejemplo de breadcrumb trail<\/h2>\n<p>Esta estructura de enlaces est\u00e1 separada por un signo mayor que (&gt;). En la p\u00e1gina de la tienda por departamento Walmart se puede observar c\u00f3mo funciona.<br \/>\nPor ejemplo, si un usuario hace clic en <em>Memorias RAM<\/em> dentro del cat\u00e1logo, <strong>habr\u00e1 seguido una ruta de navegaci\u00f3n desde la p\u00e1gina principal<\/strong>, pasando por la categor\u00eda <em>Electr\u00f3nicos<\/em>, despu\u00e9s por <em>Ordenadores<\/em> y finalmente por <em>Accesorios<\/em>. Aqu\u00ed hay una imagen donde se puede visualizar mejor.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/www.appyweb.es\/wp-content\/uploads\/2020\/08\/breadcrumb-trail-ejemplo.png\" \/><\/p>\n<p><script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@type\":\"FAQPage\",\"mainEntity\":[ \n{\"@type\":\"Question\",\"name\":\"\u00bfQu\u00e9 es breadcrumb trail?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<\/p>\n<p>Se trata de una t\u00e9cnica de navegaci\u00f3n que le indica al usuario de d\u00f3nde viene y d\u00f3nde est\u00e1 dentro de un sitio web. Normalmente, se muestra en la <a href='https:\/\/diseno20.appyweb.es\/diseno-tienda-online\/'>parte superior del dise\u00f1o de la tienda online<\/a> para que exista un f\u00e1cil acceso. Igualmente, funciona como gu\u00eda en caso de que el visitante provenga de buscadores, ya que le permitir\u00e1 saber que <strong>existen otras categor\u00edas superiores de la p\u00e1gina<\/strong> que est\u00e1 viendo.<\/p>\n<\/p>\n<\/p>\n<p>Es muy f\u00e1cil de reconocer, es ese peque\u00f1o formato de enlaces que se encuentran separados por el signo \u201c>\u201d seg\u00fan su jerarqu\u00eda.<br \/>El breadcrumb trail es muy utilizado en tiendas de e-commerce para indicar diferentes categor\u00edas de un producto, como su color, rango de precio o utilidad.<\/p>\n<\/p>\n<p>\"}},\n{\"@type\":\"Question\",\"name\":\"Origen Breadcrumb Trail\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<\/p>\n<p>Hace referencia al cuento \u201cHansel y Gretel\u201d de los hermanos Grimm. En este cuento dos hermanos dejaron una ruta de migas de pan para regresar a casa.<br \/>La traducci\u00f3n del ingl\u00e9s para breadcrumb trail es \u201ccamino de migas de pan\u201d y en la actualidad es una t\u00e9cnica estupenda en el <a href='https:\/\/diseno20.appyweb.es\/diseno-web\/'>dise\u00f1o de tu p\u00e1gina web<\/a>.<\/p>\n<\/p>\n<p>\"}},\n{\"@type\":\"Question\",\"name\":\"\u00bfPara qu\u00e9 sirve el Breadcrumb Trail?\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<\/p>\n<ul>\n<\/p>\n<li>Le permite a la p\u00e1gina saber qu\u00e9 ruta de navegaci\u00f3n es m\u00e1s frecuente entre los usuarios y cu\u00e1les no. Lo que es ideal para <a href='https:\/\/diseno20.appyweb.es\/email-marketing-para-empresas\/'>perfeccionar la ruta del embudo de ventas<\/a> a partir de esos contenidos.<\/li>\n<\/p>\n<li>Fue creada con la intenci\u00f3n de facilitar la navegaci\u00f3n dentro de la p\u00e1gina, por lo que <strong>mejora la experiencia del usuario al llegar al contenido que espera<\/strong>.<\/li>\n<\/p>\n<li>Permite al usuario conocer la ubicaci\u00f3n en la que se encuentra exactamente dentro del sitio, lo que facilitara sus pr\u00f3ximas visitas.<\/li>\n<\/p>\n<li>Le otorga estructura la p\u00e1gina, es un sistema jerarquizado que muestra el recorrido realizado dentro de la misma y la categor\u00eda del contenido al que est\u00e1 ingresando.<\/li>\n<\/ul>\n<p>\"}},\n{\"@type\":\"Question\",\"name\":\"Ejemplo de breadcrumb trail\",\"acceptedAnswer\":{\"@type\":\"Answer\",\"text\":\"<\/p>\n<\/p>\n<p>Esta estructura de enlaces est\u00e1 separada por un signo mayor que (>). En la p\u00e1gina de la tienda por departamento Walmart se puede observar c\u00f3mo funciona.<br \/>Por ejemplo, si un usuario hace clic en <em>Memorias RAM<\/em> dentro del cat\u00e1logo, <strong>habr\u00e1 seguido una ruta de navegaci\u00f3n desde la p\u00e1gina principal<\/strong>, pasando por la categor\u00eda <em>Electr\u00f3nicos<\/em>, despu\u00e9s por <em>Ordenadores<\/em> y finalmente por <em>Accesorios<\/em>. Aqu\u00ed hay una imagen donde se puede visualizar mejor.<\/p>\n<\/p>\n<\/p>\n<p><img src='https:\/\/www.appyweb.es\/wp-content\/uploads\/2020\/08\/breadcrumb-trail-ejemplo.png' \/><\/p>\n<\/p>\n<p>\"}}\n]}<\/script><\/p>\n<h2><span id=\"%F0%9F%93%8C_Mas_informacion_sobre_breadcrumb_trail\" class=\"ez-toc-section\"><\/span>M\u00e1s informaci\u00f3n sobre breadcrumb trail<\/h2>\n<ul>\n<li><a href=\"https:\/\/www.appyweb.es\/diccionario\/ruta-de-navegacion\/\">\u00bfQu\u00e9 es la ruta de navegaci\u00f3n y para qu\u00e9 sirve?<\/a><\/li>\n<li><a href=\"https:\/\/es.wikipedia.org\/wiki\/Miga_de_pan_(inform%C3%A1tica)#Tipos_de_Migas_de_Pan\" rel=\"nofollow noopener\" target=\"_blank\">Tipos de migas de pan<\/a>.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uno de los mayores objetivos de las tiendas online es garantizar que los usuarios puedan tener un buena experiencia de navegaci\u00f3n. En este caso, el dise\u00f1o y la usabilidad es muy importante, es por eso que\u00a0la t\u00e9cnica de navegaci\u00f3n Breadcrumb trail ha cobrado tanta importancia. El t\u00e9rmino parece nuevo para ti, pero definitivamente lo has [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":10460,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-335","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/335","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/comments?post=335"}],"version-history":[{"count":8,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/335\/revisions"}],"predecessor-version":[{"id":11441,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/pages\/335\/revisions\/11441"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media\/10460"}],"wp:attachment":[{"href":"https:\/\/www.appyweb.es\/diccionario\/wp-json\/wp\/v2\/media?parent=335"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}