{"id":3646,"date":"2024-07-19T16:55:36","date_gmt":"2024-07-19T16:55:36","guid":{"rendered":"https:\/\/hocoos.com\/?post_type=answer&#038;p=3646"},"modified":"2025-12-05T15:36:32","modified_gmt":"2025-12-05T15:36:32","slug":"cuales-son-otros-tipos-de-navegacion-web","status":"publish","type":"answer","link":"https:\/\/hocoos.com\/es\/respuestas\/cuales-son-otros-tipos-de-navegacion-web\/","title":{"rendered":"\u00bfCu\u00e1les son otros tipos de navegaci\u00f3n en sitios web?"},"content":{"rendered":"<div class=\"wp-block-rank-math-toc-block\" id=\"rank-math-toc\"><h2>\u00cdndice de contenidos<\/h2><nav><ul><li><a href=\"#what-is-a-breadcrumb-navigation\">\u00bfQu\u00e9 es una navegaci\u00f3n con breadcrumbs?<\/a><\/li><li><a href=\"#what-is-a-sidebar-navigation\">\u00bfQu\u00e9 es una barra de navegaci\u00f3n lateral?<\/a><\/li><li><a href=\"#what-is-the-difference-between-breadcrumb-navigation-and-a-sitemap\">\u00bfCu\u00e1l es la diferencia entre la navegaci\u00f3n con breadcrumbs y un mapa del sitio?<\/a><ul><li><a href=\"#what-are-the-different-types-of-breadcrumbs\">\u00bfCu\u00e1les son los diferentes tipos de breadcrumbs?<\/a><\/li><\/ul><\/li><li><a href=\"#how-do-breadcrumbs-help-in-improving-seo\">\u00bfC\u00f3mo ayudan los breadcrumbs a mejorar el SEO?<\/a><\/li><li><a href=\"#are-breadcrumbs-good-for-accessibility\">\u00bfSon los breadcrumbs buenos para la accesibilidad?<\/a><\/li><li><a href=\"#when-should-you-use-breadcrumbs\">\u00bfCu\u00e1ndo deber\u00edas usar rutas de navegaci\u00f3n?<\/a><\/li><li><a href=\"#what-factors-should-i-consider-when-choosing-website-navigation\">\u00bfQu\u00e9 factores debo considerar al elegir la navegaci\u00f3n del sitio web?<\/a><\/li><li><a href=\"#conclusion\">Conclusi\u00f3n<\/a><\/li><\/ul><\/nav><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-a-breadcrumb-navigation\" style=\"font-size:32px\">\u00bfQu\u00e9 es una navegaci\u00f3n con breadcrumbs?<\/h2>\n\n\n\n<p style=\"font-size:18px\">La ruta de navegaci\u00f3n muestra el camino que los usuarios han tomado desde la p\u00e1gina de inicio hasta la p\u00e1gina en la que se encuentran. Normalmente la ver\u00e1s en tu p\u00e1gina como un conjunto de enlaces horizontales.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-a-sidebar-navigation\" style=\"font-size:32px\">\u00bfQu\u00e9 es una barra de navegaci\u00f3n lateral?<\/h2>\n\n\n\n<p style=\"font-size:18px\">La navegaci\u00f3n lateral aparece en el lado izquierdo o derecho de un sitio web. Es similar al men\u00fa en la parte superior de una p\u00e1gina, pero la principal diferencia es que es vertical. Algunos sitios web tienen el men\u00fa visible en todo momento, pero otros lo ocultan y permiten que los usuarios lo hagan visible.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">El objetivo principal de la navegaci\u00f3n lateral es que los usuarios puedan saltar a diferentes p\u00e1ginas o secciones. Algunos temas y plantillas de sitios web tienen widgets de navegaci\u00f3n lateral incorporados, pero es posible que tengas que instalar complementos en otros casos.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-is-the-difference-between-breadcrumb-navigation-and-a-sitemap\" style=\"font-size:32px\">\u00bfCu\u00e1l es la diferencia entre la navegaci\u00f3n con breadcrumbs y un mapa del sitio?<\/h2>\n\n\n\n<p style=\"font-size:18px\">La navegaci\u00f3n por migas de pan muestra c\u00f3mo los usuarios llegaron a su p\u00e1gina m\u00e1s reciente. Los mapas del sitio, por otro lado, aparecen m\u00e1s en el backend (tambi\u00e9n necesitas enviar un mapa del sitio para posicionarte en Google).&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Los Sitemaps son una descripci\u00f3n general de las p\u00e1ginas de tu sitio web. En un sitemap, tendr\u00e1s tus p\u00e1ginas, publicaciones de blog y, en muchos casos, URL de im\u00e1genes.&nbsp;<\/p>\n\n\n\n<div style=\"height:24px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" id=\"what-are-the-different-types-of-breadcrumbs\" style=\"color:#422b82;font-size:22px\">\u00bfCu\u00e1les son los diferentes tipos de breadcrumbs?<\/h3>\n\n\n\n<p style=\"font-size:18px\">Hay tres tipos principales de breadcrumbs:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Basado en la ubicaci\u00f3n<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Basado en atributos<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Basado en la ruta<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<p>Probablemente hayas visto breadcrumbs basados en la ubicaci\u00f3n en sitios web que has visitado. En un blog, por ejemplo, podr\u00eda verse as\u00ed:&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Inicio \/ Viajes \/ Destinos \/ Europa \/ Italia \/ Roma&nbsp;&nbsp;<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Mientras tanto, es posible que veas breadcrumbs de atributos despu\u00e9s de seleccionar filtros espec\u00edficos. Por ejemplo, si est\u00e1s comprando una camisa nueva, podr\u00eda verse as\u00ed:&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>M \/ Amarillo \/ Casual \/ Manga Larga&nbsp;<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Los breadcrumbs basados en la ruta muestran todo el recorrido que los usuarios realizaron para llegar a su p\u00e1gina actual, pero a menudo son m\u00e1s confusos que los basados en la ubicaci\u00f3n. Mientras que los breadcrumbs basados en la ubicaci\u00f3n solo muestran la ruta tomada para hacer clic en la p\u00e1gina espec\u00edfica, los basados en la ruta muestran todo el recorrido.&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Usando el ejemplo anterior, los breadcrumbs basados en la ruta podr\u00edan verse as\u00ed:&nbsp;<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><strong>Inicio \/ Viajes \/ Estilo de vida \/ Viajes \/ Destinos \/ Europa \/ USA \/ New York City \/ Asia \/ Jap\u00f3n \/ Tokio&nbsp;<\/strong><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>En la mayor\u00eda de los casos, deber\u00edas centrarte en las rutas de navegaci\u00f3n basadas en la ubicaci\u00f3n en lugar de las basadas en la ruta.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"how-do-breadcrumbs-help-in-improving-seo\" style=\"font-size:32px\">\u00bfC\u00f3mo ayudan los breadcrumbs a mejorar el SEO?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Los motores de b\u00fasqueda utilizan las rutas de navegaci\u00f3n para comprender c\u00f3mo est\u00e1n distribuidas las p\u00e1ginas de un sitio web, y tambi\u00e9n se consideran los enlaces internos. Las rutas de navegaci\u00f3n tambi\u00e9n pueden afectar las conversiones y la experiencia general del usuario (UX).&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Las rutas de navegaci\u00f3n mejoran el SEO al proporcionar a los motores de b\u00fasqueda informaci\u00f3n clara sobre la estructura y la jerarqu\u00eda de contenido de un sitio web. Tambi\u00e9n crean enlaces internos, que pueden aumentar la visibilidad de las p\u00e1ginas individuales en los resultados de b\u00fasqueda.<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"are-breadcrumbs-good-for-accessibility\" style=\"font-size:32px\">\u00bfSon los breadcrumbs buenos para la accesibilidad?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Las herramientas utilizadas por personas con discapacidades, como lectores de pantalla y otras herramientas de asistencia, pueden utilizar las rutas de navegaci\u00f3n para navegar por el sitio. Los usuarios tambi\u00e9n pueden navegar a p\u00e1ginas anteriores a trav\u00e9s de las rutas de navegaci\u00f3n, si es necesario.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"when-should-you-use-breadcrumbs\" style=\"font-size:32px\">\u00bfCu\u00e1ndo deber\u00edas usar rutas de navegaci\u00f3n?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Deber\u00edas utilizar rutas de navegaci\u00f3n en sitios web con varias p\u00e1ginas y tipos de contenido, como sitios de comercio electr\u00f3nico con secciones de blog. Si un sitio est\u00e1 menos enfocado en un nicho, tambi\u00e9n se deben considerar las rutas de navegaci\u00f3n.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Los tipos de sitios web que utilizan rutas de navegaci\u00f3n incluyen:&nbsp;<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Sitios web de noticias&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Blogs&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Revistas y publicaciones en l\u00ednea&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li>Sitios web con m\u00e1s de 100 p\u00e1ginas&nbsp;<\/li>\n<\/ul>\n\n\n\n<p style=\"font-size:18px\">Es menos com\u00fan para sitios m\u00e1s peque\u00f1os, como <a href=\"https:\/\/hocoos.com\/es\/products\/website-builder-for-small-business\/photography-website-builder\/\" data-type=\"URL\" data-id=\"https:\/\/hocoos.com\/products\/website-builder-for-small-business\/photography-website-builder\/\">sitios web de portafolio<\/a>, para usar rutas de navegaci\u00f3n.&nbsp;<\/p>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"what-factors-should-i-consider-when-choosing-website-navigation\" style=\"font-size:32px\">\u00bfQu\u00e9 factores debo considerar al elegir la navegaci\u00f3n del sitio web?<\/h2>\n\n\n\n<p style=\"font-size:18px\">Considere la estructura del sitio al elegir la navegaci\u00f3n del sitio web y eval\u00fae el comportamiento de su p\u00fablico objetivo para encontrar las p\u00e1ginas que desea destacar. Tambi\u00e9n debe pensar en la capacidad de respuesta entre dispositivos.&nbsp;<\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Estructura:<\/strong> La navegaci\u00f3n debe adaptarse al sitio que utiliza. Por ejemplo, a veces no es necesario utilizar barras laterales y los encabezados por s\u00ed solos podr\u00edan tener m\u00e1s sentido.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>P\u00e1ginas principales:<\/strong> Piense en las p\u00e1ginas a las que desea dirigir el tr\u00e1fico, como publicaciones de blog espec\u00edficas y formularios de contacto.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>P\u00fablico:<\/strong> Analice el comportamiento de su p\u00fablico al navegar por su sitio y realice pruebas divididas de los dise\u00f1os de las p\u00e1ginas.&nbsp;<\/li>\n<\/ul>\n\n\n\n<p><\/p>\n\n\n\n<ul style=\"font-size:18px\" class=\"wp-block-list\">\n<li><strong>Capacidad de respuesta:<\/strong> Optimice su sitio para computadoras de escritorio y dispositivos m\u00f3viles. Pruebe las p\u00e1ginas para el tiempo de carga y el dise\u00f1o.&nbsp;&nbsp;<\/li>\n<\/ul>\n\n\n\n<div style=\"height:72px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\" style=\"font-size:32px\">Conclusi\u00f3n<\/h2>\n\n\n\n<p style=\"font-size:18px\">Considere diferentes factores de navegaci\u00f3n del sitio web al dise\u00f1ar su sitio web. Utilice rutas de navegaci\u00f3n en sitios con m\u00e1s p\u00e1ginas y piense en men\u00fas desplegables donde tenga diferentes subcategor\u00edas.&nbsp;<\/p>\n\n\n\n<p style=\"font-size:18px\">Piensa en los tipos de contenido a los que quieres que tus usuarios naveguen y c\u00f3mo llegar\u00e1n all\u00ed. Dado que tu sitio web y tus objetivos difieren de los de los dem\u00e1s, tendr\u00e1s que probar diferentes opciones y ver c\u00f3mo interact\u00faa tu audiencia.<\/p>","protected":false},"excerpt":{"rendered":"<p>\u00bfQu\u00e9 es la navegaci\u00f3n de migas de pan? La navegaci\u00f3n de migas de pan muestra la ruta que los usuarios han seguido desde tu p\u00e1gina de inicio hasta la p\u00e1gina en la que se encuentran. Normalmente la ver\u00e1s en tu p\u00e1gina como una serie de enlaces dispuestos horizontalmente.&nbsp; \u00bfQu\u00e9 es la navegaci\u00f3n de barra lateral? La navegaci\u00f3n de barra lateral aparece en el lado izquierdo o derecho de un [&hellip;]<\/p>","protected":false},"author":39,"featured_media":3647,"template":"","answers_category":[29],"class_list":["post-3646","answer","type-answer","status-publish","has-post-thumbnail","hentry","answers_category-website-navigation"],"acf":{"image":7580,"card_image":3647,"content":[{"acf_fc_layout":"header_section","title":"\u00bfCu\u00e1les son otros tipos de navegaci\u00f3n en sitios web?","descriptions":"Beyond standard horizontal menus and footers, websites use various navigation methods to guide their visitors more efficiently.\r\n\r\nThe main ones are:\r\n\r\n<strong>\u2022 Breadcrumb navigation<\/strong>\r\n\r\n<strong>\u2022 Sidebar navigation<\/strong>\r\n\r\nYou should make it easy for visitors to explore site content by considering both.","tip_label":"","tip":"","additional_tips":null,"key_takeaways_label":"Key Takeaways:","key_takeaways":[{"label":"Breadcrumb navigation","body":"Use breadcrumb navigation to show where users should go within your website for SEO purposes."},{"label":"Sidebar navigation","body":"Use the sidebar to share links to essential pages on your website."},{"label":"On-site features","body":"Enable dropdown and mega menus. Implement in-page navigation on sites with a lot of content."}]}]},"_links":{"self":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answer\/3646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answer"}],"about":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/types\/answer"}],"author":[{"embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/users\/39"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/media\/3647"}],"wp:attachment":[{"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/media?parent=3646"}],"wp:term":[{"taxonomy":"answers_category","embeddable":true,"href":"https:\/\/hocoos.com\/es\/wp-json\/wp\/v2\/answers_category?post=3646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}