Migas de pan Icono de marcador simple

Las migas de pan son ayudas a la navegación en un sitio web que permiten a los usuarios seguir su camino desde la página de inicio hasta la página que están viendo en ese momento.

Última actualización 13 de noviembre de 2023
Diseño de encabezado de pie de página con degradado de morado a blanco

La navegación en un sitio web es crucial para que usted y sus usuarios se muevan por él. Para saltar de una página a otra y volver sobre sus pasos, necesita un sistema de navegación sólido. Ahí es donde entran en juego las migas de pan, una ayuda para la navegación.

Infórmese ahora sobre la definición, las ventajas y el uso de las migas de pan.

¿Qué son las migas de pan?

Migas de pan son una ayuda a la navegación que permite a los usuarios seguir su posición en un sitio web. Incluye una serie de frases de texto de anclaje que apuntan a las páginas en las que se ha hecho clic anteriormente o a las páginas de origen de la página actual.

¿Para qué sirve el pan rallado?

Las migas de pan son útiles para los sitios web con una arquitectura profunda, ya que hay muchas páginas que seguir y por las que moverse. Las migas de pan son útiles para muchos propósitos, pero los dos principales son:

  1. Organización
  2. Navegación

Al construir su sitio web, debe pensar en cómo accederán a cada página los usuarios y los rastreadores de los motores de búsqueda, y cómo se relaciona cada página. La creación de páginas padre facilita la visualización de las conexiones entre páginas y la creación de contenidos para la sección adecuada.

Sin embargo, el principal objetivo de las migas de pan en el diseño web es la navegación. Los usuarios pueden acceder a las migas de pan y retroceder una página, o pueden ver cómo las páginas se relacionan con la página de inicio. Es mucho más fácil que empezar de cero y volver a recorrer todas las páginas.

Por ejemplo, si su ruta es "Productos > Zapatos > Hombre > Zapatillas", puede volver atrás y buscar zapatos de mujer, o cambiar el estilo de zapatillas a sandalias. No tienen que volver a la página de inicio: pueden utilizar las migas de pan para ver cómo se relacionan las páginas y navegar por el sitio.

¿Por qué utilizar migas de pan en el diseño web?

Las migas de pan son un método esencial para la navegación por un sitio web. Aunque hay muchas otras formas de construir su sitio web, las migas de pan ofrecen las siguientes ventajas:

Fomentar la navegación

El uso de migas de pan indica a los usuarios dónde encontrar la información y les lleva a otras páginas de su sitio web. Esta ventaja reduce la tasa de rebote y mantiene a los usuarios en su sitio.

Aparecer en los resultados de búsqueda

Opiniones de expertos Logotipo de Google

"Recomendamos utilizar el marcado de datos estructurados breadcrumb cuando se muestren migas de pan".

Central de Búsqueda de Google

Google incluirá la información de las migas de pan en las páginas de resultados del motor de búsqueda (SERP). A medida que los usuarios navegan por los resultados, pueden ver su página y las categorías y estar más inclinados a hacer clic:Migas de pan en las SERPs

Por eso el motor de búsqueda recomienda utilizar el marcado estructurado breadcrumb.

Bueno para la experiencia del usuario (UX)

Los usuarios no quieren buscar páginas ni perderse en su sitio web. Facilitar la navegación demostrará a los usuarios que te preocupas por su experiencia y generarás confianza.

Mejorar la rastreabilidad y la indexación

Las migas de pan también benefician a las tácticas de optimización de motores de búsqueda (SEO). Conectar sus páginas con un sistema de migas de pan puede ayudar a los motores de búsqueda a indexar sus páginas y rastrear su sitio web.

De nuevo, estas ventajas se consiguen mejor con un sitio web más complejo que tenga muchas páginas. Si crees que aún no necesitas las migas de pan, quizá sea mejor que pruebes otros métodos de navegación.

Consejos para utilizar la navegación por migas de pan

Ahora que ya sabemos qué son las migas de pan, es hora de investigar cómo utilizarlas eficazmente. Aquí tienes cuatro consejos para utilizar la navegación por migas de pan en tu sitio web:

  1. Utilice separadores claros
  2. Preste atención al tamaño y color de la letra
  3. Mostrar toda la ruta
  4. Hacer visible el pan rallado

A continuación encontrará más información sobre cada uno de ellos.

1. Utilizar separadores claros

Cuando añada migas de pan a su sitio, asegúrese de separar claramente cada categoría de página. Este es un ejemplo de Ulta:

Ejemplo de separador de migas de pan

The slashes and spacing indicate the different pages and make it easier for users to backtrack and click. Slashes and less-than signs (<) are the most common choices for separators between pages.

2. Preste atención al tamaño y color de la letra

El tamaño y el color de la fuente son importantes para captar la atención del público sin distraerlo del resto de la página. Como las migas de pan son solo una herramienta, no deben ser el centro de atención de la página, pero sí deben ser fáciles de encontrar.

Este es un ejemplo de Trader Joe's, que utiliza letras rojas y grises en consonancia con su marca:

Ejemplo de color de las migas de pan

Como las migas de pan suelen estar en la parte superior de la página, como en este ejemplo, deben ser fáciles de ver sin ocupar demasiado espacio.

3. Mostrar todo el recorrido

El hecho de que las migas de pan muestren todo el recorrido de las páginas es lo que las diferencia de otros tipos de navegación. Asegúrate de incluir todas las páginas, incluida la página de inicio, como en este ejemplo de Caterpillar:

Ejemplo de ruta de migas de pan

En todo caso, este paso muestra al usuario cómo ha llegado a su destino desde la página de inicio. Incluso si no vuelven a la página de inicio, tener la opción disponible puede ser útil.

4. Hacer visible el pan rallado

Al igual que en el segundo consejo, asegúrate de que las migas de pan estén visibles en la página. Los usuarios no quieren tener que buscar durante mucho tiempo una forma de navegar - se darán por vencidos rápidamente. Añadirlas en la parte superior de la página es la opción más segura para la mayoría de los sitios web.

Migas de pan y su sitio web - ¿Y ahora qué?

Las migas de pan son una estrategia excelente para hacer crecer y desarrollar aún más su sitio web. Con las tácticas y consejos anteriores en mente, puede empezar a crear su sitio web y conseguir un impacto en sus ventas y otras métricas.

Por encima de todo, asegúrese de tener en cuenta su sitio web, presupuesto y audiencia antes de lanzarse a cualquier método. Si necesita asesoramiento, no dude en ponerse en contacto con nosotros para charlar sobre diseño web, SEO y temas relacionados.

No falle en la prueba más importante de su sitio web

Obtenga gratis una puntuación SEO de su sitio web en menos de 30 segundos.