Los breadcrumbs, o migas de pan en español, son elementos de navegación que muestran al usuario el rastro de páginas que ha seguido para llegar a la ubicación actual dentro de un sitio web. Inspirados en el cuento de Hansel y Gretel, estos enlaces permiten a los visitantes regresar fácilmente a páginas previas. Además de mejorar la experiencia de usuario, los breadcrumbs son esenciales para la optimización en motores de búsqueda (SEO), ya que ayudan a los motores a entender la estructura de tu sitio web.
¿Qué tipos hay?
Existen varios tipos de breadcrumbs:
- Breadcrumbs basadas en la ruta: Muestran el camino específico que siguió el usuario para llegar a la página actual.
- Breadcrumbs basadas en la ubicación: Indican en qué parte de la jerarquía del sitio web se encuentra el usuario, sin importar el camino recorrido para llegar allí.
- Breadcrumbs basadas en los atributos: Ideales para sitios de ecommerce, muestran metainformación o filtros que el usuario seleccionó, como la talla o el color de un producto.
¿Por qué son importantes de usar?
Los breadcrumbs son cruciales por varias razones:
- Mejoran la Experiencia de Usuario (UX): Facilitan la navegación y ayudan a los usuarios a entender rápidamente la estructura del sitio.
- Benefician al SEO: Ayudan a los motores de búsqueda a indexar y entender mejor la jerarquía de tu sitio web.
- Reducen la Tasa de Rebote: Al proporcionar enlaces internos, los usuarios pueden explorar más páginas sin abandonar el sitio.
- Aparecen en Resultados de Búsqueda: Google puede mostrar breadcrumbs en las SERPs, haciéndolos más atractivos y potenciando el CTR (Click Through Rate).
Aspectos a tener en cuenta cuando uses los breadcrumbs
- Mobile-Friendly: Asegúrate de que se vean bien en dispositivos móviles.
- Uso de Separadores: Utiliza símbolos claros como «>» o «/» para separar los elementos.
- Evitar la navegación principal: Nunca substituyas tu menú principal por breadcrumbs.
- Localización y Tamaño de Fuente: Colócalos en lugares visibles, usualmente en la parte superior de la página, y usa fuentes de tamaño adecuado.
- Enlace Activo: No incluyas un enlace a la página en la que el usuario ya se encuentra.
Ventajas de usar los breadcrumbs
Mejora de la Experiencia del Usuario (UX)
Los breadcrumbs facilitan la navegación permitiendo que los usuarios comprendan dónde están en un sitio y cómo volver a páginas anteriores con facilidad. Esto es particularmente útil en sitios que tienen una estructura profunda con múltiples niveles de categorías.
Mejoran el SEO
- Estructura Clara para los Motores de Búsqueda: Ayudan a Google y otros motores de búsqueda a entender la jerarquía y la organización de tu web, mejorando así la visibilidad y el posicionamiento en las SERPs.
- Aparición en Resultados de Búsqueda: Los breadcrumbs pueden aparecer en los resultados de búsqueda, ofreciendo una mejor vista del contenido de tu página y potencialmente aumentando la tasa de clics.
Incremento de la Rastreabilidad y Reducción de la Tasa de Rebote
Los breadcrumbs crean enlaces internos que mejoran la rastreabilidad de tu sitio web, lo cual es esencial para que los motores de búsqueda indexen todas las páginas. Además, facilitan que los usuarios naveguen a otras partes del sitio en lugar de abandonar, reduciendo así la tasa de rebote.
