En las webs que tienen muchas páginas las migas de pan en la navegación son una excelente forma de mejorar la experiencia de los usuarios. En Posicionamiento Web Systems te explicamos qué son migas de pan o breadcrumbs y cómo ayudan en SEO. Sigue leyendo para saber más.
Tabla de contenidos
Ante la duda de qué es miga de pan en una página web, aclaramos que es un camino de texto pequeño, un menú. Está localizado generalmente en la parte superior de la página, indicándole al usuario dónde está dentro del sitio. Por ejemplo:
Este breadcrumb inmediatamente te muestra dónde estás. Cada paso del camino es clickeable, hasta el regreso a la home.
Básicamente un breadcurmb o miga de pan es un tipo de esquema de navegación secundario en la web. Este le indica al usuario su ubicación en una web o aplicación web.
El término surge a partir de la historia de Hansel y Gretel. En la que dos niños van dejando migas de pan en el camino para dejar su rastro de regreso a casa. Igual que en el cuento los breadcrumbs web les dejan a los usuarios el camino para regresar a su punto de partida en un sitio.
¿Cuál es la función de las migas de pan?
Su función es facilitar la navegación web y la experiencia del usuario en la página. Le dice dónde están y a dónde pueden ir. Por tanto, no tienen que hacer clic en el menú principal.
Los breadcrumbs también se ven en los resultados de búsqueda de Google, en el SERPs, y puedes aprovecharlos añadiendo datos estructurados. En este les da a los usuarios una forma fácil de entender dónde se ubica la página en la web a la que visitarán.
Los breadcrumbs tienen diferentes formas. Pero todos tienen el mismo objetivo que es ayudar a los usuarios a entender la relación entre la página en la que están y el resto del sitio.
- Migas de pan basadas en jerarquía: el ejemplo de nuestra web es el típico de jerarquía o basado en la ubicación. Es el más común en blogs y sitios web con estructura de jerarquía. Por ejemplo, Home->Blog->Categoría->Nombre del post. Como el ejemplo de la imagen anterior.
- Migas de pan dinámicas: los breadcrumbs dinámicos o basados en el atributo se usan en casos donde un producto tiene muchos atributos y el camino de la miga de pan refleja eso para facilitar la navegación. Son comunes en el ecommerce. Por ejemplo: Home->Categoría de producto->Género->Talla->Color.
- Basados en historia: el camino del pan se basa en las páginas que el usuario ha visitado, no es una buena práctica SEO y no es muy común hoy en día. Te va mostrando las páginas donde has estado.
Ventajas de usar las migas de pan en la web
Hay una relación entre las migas de pan y SEO. Usar breadcrumbs tiene varias ventajas y ayuda a tu web en ciertos aspectos:
- Los breadcrumbs no solo son buenos para los visitantes de tu web, sino también para Google. Le dan al buscador otra forma de entender la estructura de tu web. Incluso podría usarlo en los resultados. Para que esto pase debes añadir los datos estructurados.
- Mejoran la experiencia del usuario. Como son un elemento que reconocen, las personas podrán volver a donde estaban sin tener que hacer clic en el botón de atrás del navegador.
- Minimizan la tasa de rebote: si las personas llegan a una página de tu web a través de los resultados de búsqueda, puede que no sea al lugar donde querían ir. Con los breadcrumbs podrán ir a otra página de tu web sin regresar al SERPs. Invitan a las personas a visitar más páginas de una web.
- Requieren poco espacio. Es un mecanismo compacto, que no toma mucho espacio del diseño web, como viste es solo una línea con enlaces. Tiene mínimo o nada de impacto en términos de peso visual o sobrecarga de contenido.
- Los usuarios están familiarizados con este patrón. Siempre han existido las migas de pan web, por tanto las personas saben cómo son y para qué sirven.
Estas son algunas reglas básicas para usar breadcrumbs y mejorar tu posicionamiento SEO son:
- Asegúrate que los breadcrumbs estén disponibles para los usuarios. Algunos diseñadores tienden a esconderlos, no lo hagas.
- Revisa que sean amigables con los móviles. Que el tamaño de la fuente sea suficientemente grande para que sea fácil hacer clic.
- Añade schema markup. Los datos estructurados les darán más información a los navegadores sobre tu página y contenido.
- No uses los breadcrumbs como reemplazo del menú principal de navegación. Es algo extra para ayudar a la experiencia del usuario, un menú alternativo.
- No incluyas un enlace a la página actual en las migas de pan. Como los usuarios ya están en esa página no tiene sentido que añadas un link ahí.
- Usa separadores. El símbolo más reconocido para separar las páginas en este tipo de menús es (>), ya que denota jerarquía. También se pueden usar flechas a la derecha (→) o las comillas así (»), incluso las barras inclinadas o slash (/). Todo dependerá de la estética de tu web.
- Evita que los breadcrumbs sean el punto focal de tu diseño. Debe ser de un tamaño y estilo correcto para que no llame demasiado la atención.
Con el plugin de Yoast SEO es muy sencillo añadir los datos estructurados.
Lo ideal es que uses los breadcrumbs de navegación en sitios webs grandes y en webs que tienen las páginas ordenadas de forma jerárquica. Es ideal para ecommerce, donde hay muchos productos agrupados en categorías lógicas.
No deberías usar migas de pan en sitios web de un solo nivel, que no tienen jerarquía lógica o agrupación por categorías.
Puedes determinar si tu web necesita o se beneficiará de usar migas de pan haciendo un mapa del sitio o un diagrama que represente la arquitectura de navegación de la web. Entonces, analizar si los breadcrumbs mejorarán la experiencia del usuario para navegar por las categorías.
La navegación debe ser una característica extra y no debe ser un reemplazo de los menús de navegación primaria. Es una característica conveniente, como un esquema de navegación secundario que permita a los usuarios saber dónde están. Este también les da una forma alternativa para navegar alrededor del sitio.
Al entender qué son migas de pan o breadcrumbs, cómo se usan y su importancia SEO podrás incluir este menú en tu web para mejorar su rastreo y la experiencia de los usuarios. Recuerda que si necesitas ayuda para mejorar tu posicionamiento web puedes contactarnos.
Redactora, copywriter, especialista en temas SEO y de marketing digital, con 10 años de experiencia. Periodista de profesión. Jefa de Contenidos de Posicionamiento Web Systems.