¿Qué son las breadcrumbs o migas de pan, para qué sirven y qué tipos existen? + Buenas prácticas

JF-Digital - ¿Qué son las breadcrumbs o migas de pan, para qué sirven y qué tipos existen? + Buenas prácticas

Imagina entrar a una web y perderte entre sus páginas. Frustrante, ¿verdad? Ahí es donde entran en juego las breadcrumbs o migas de pan: un sistema de navegación que guía a los usuarios y ayuda a los buscadores a entender mejor tu sitio. Son simples, pero tienen un impacto real en la experiencia y el posicionamiento.

En este artículo, exploraremos qué son, los distintos tipos que existen, si tu web realmente las necesita y cómo implementarlas.

¿Qué son las breadcrumbs?


Las breadcrumbs o migas de pan son una herramienta que mejora la navegación de los usuarios en los sitios web. Consiste en llevar un rastro de los pasos que la persona ha realizado para llegar hasta la página en la que se encuentra.

El propósito es que pueda regresar sobre sus pasos en un par de clics y ver otros contenidos que le hayan gustado. Además, el usuario no se perderá entre las diferentes categorías y subcategorías (si las tienes) y verá que hay un orden jerárquico en todo el contenido.

Aquí tienes un ejemplo de Zara Home:

Dormitorio > Ropa de cama > Sábanas básicas

Ejemplo de breadcrumbs

¿Por qué son importantes las breadcrumbs en tu web?


Las breadcrumbs tienen excelentes ventajas para el SEO de tu web. Incluso aportan algo a las estrategias de conversión que llevan a los visitantes a ser clientes.

Hacen que la navegación web sea más fácil e intuitiva

Esta es la principal razón de ser de las migas de pan, puesto que permiten al usuario ubicarse más rápido entre los contenidos. Como ahorran tiempo, su experiencia es más positiva y querrán quedarse más tiempo a consumir otros de tus contenidos.

Asimismo, si el usuario llega desde la SERP a una página de tu web, con la breadcrumb puede ver exactamente dónde está. Y lo mismo pasa si hace una búsqueda en el navegador interno del sitio. Al ver las migas de pan podrá ir a las principales secciones sin tener que hacer más búsquedas.

Mejora el posicionamiento SEO

Los breadcrumbs también ayudan a atraer visitantes desde las SERPs. Al incluirlos en los datos estructurados, Google los mostrará en los resultados de búsqueda en los que aparezca tu contenido. Al ver el rastro, los usuarios podrán hacer una mejor relación del contenido y harán clic.

Mientras más usuarios lleguen, mejor será el posicionamiento de ese contenido.

Ayudan a Google a comprender la jerarquía de tu web

El crawler puede seguir la ruta de la breadcrumb para comprender la relación entre las diferentes secciones de tu web y los contenidos que las componen. De este modo le es más fácil indexar cada página en la categoría que le corresponde para que aparezca en las búsquedas adecuadas.

Mejoran la estructura de enlaces internos y rastreabilidad

Las migas de pan son otra forma de hacer interlinking, un aspecto importante del SEO On Page. Mediante estos enlaces, los bots de rastreo descubren más rápido las nuevas páginas para que empiecen a rankear cuanto antes.

Reducen la tasa de rebote y aumentan la de permanencia

Si un usuario llega desde la SERP, puede que no encuentre lo que busca o que no cumpla con sus expectativas. Pero, al ver las breadcrumbs es posible que quiera buscar entre las categorías de la web y descubrir si hay otras alternativas.

Como resultado, no se marcha de inmediato, así que no se produce el rebote. Y, como se queda en la web, aunque sea en otra sección, esto igual cuenta para la métrica de permanencia.

Tipos de breadcrumbs o migas de pan


¿Sabías que hay varios tipos de breadcrumbs? Conocerlos te ayudará a usar este recurso de la mejor manera

Jerárquicos

Los breadcrumbs jerárquicos son aquellos que marcan el camino que ha seguido el usuario según el orden descendente de las páginas principales o de categoría.

Es el principal tipo de migas de pan por su utilidad en cuanto a la navegación del usuario.

breadcrumbs jerárquicos

Atributos

Los atributos son una especie de marcado adicional que se hace a las páginas para facilitar su identificación. Se usan sobre todo en tiendas online con muchísimas páginas de productos.

Los breadcrumbs basados en atributos ayudan al usuario a comprender mejor la categorización del contenido. Además, les es muy útil para encontrar más información similar en la web.

breadcrumbs atributos

Ruta o historial

Este tipo de breadcrumbs funciona igual que el resto al llevar un registro de las páginas que visita el usuario. En este caso, incluye un botón de “Atrás” (Back) para que el usuario pueda volver un paso a la vez por donde llegó. Es decir, que sigue el historial de navegación por la web.

Los breadcrumbs de ruta no son tan usados porque solo añaden una función que ya está disponible en el propio navegador del usuario. Sin embargo, vale la pena probarlos para determinar si a la audiencia le gusta.

Breadcrumbs basadas en ruta

¿Cómo implementar los breadcrumbs en una web?


Para que los breadcrumbs sean realmente útiles para los usuarios, y por tanto para tu SEO, hay que implementarlos siguiendo unas buenas prácticas. A continuación, te daremos algunas recomendaciones que debes tener presente al usar las migas de pan:

Utilízalos si realmente es necesario

Si tu web aún no tiene la profundidad para que tus visitantes se pierdan o no encuentren los contenidos, no hay por qué ponerles breadcrumbs. Por ejemplo, si las categorías están en un par de clics podrías usar solo el menú principal y el footer para insertar los enlaces.

No quiere decir que, si usas las migas de pan vayas a afectar negativamente a tu web, sino que no van a tener ningún valor para el usuario porque todo está “cerca”. Y lo mismo pasará con los bots de rastreo.

Los breadcrumbs solo son un apoyo adicional

Por muy prácticas que sean las migas de pan, estas no deben sustituir el menú de navegación principal. De hecho, los usuarios esperan encontrar un botón de menú de enlaces hacia las principales secciones.

Por otro lado, usar breadcrumbs en lugar de un menú ocupará más espacio de pantalla y se verá poco práctico. Por eso, algunas webs ponen las migas de pan justo al lado del menú principal para que el usuario entienda que tiene dos opciones de navegación.

Separa el breadcrumb por secciones

Utiliza un símbolo para separar las secciones de la web de la miga de pan. Esto ayuda a identificarlas y diferenciarlas para que el usuario esté más claro de dónde se encuentra en la web.

Los símbolos más usados son el mayor que (>), el diagonal (/) y las flechas (➡️). Usa el que vaya más acorde con el estilo de tu web.

Jamás pongas un enlace en la última “miga”

Cada sección del breadcrumb debe llevar un enlace para que el usuario pueda hacer clic e ir directo al contenido. No hagas eso con la última sección o página, porque es en la que ya se encuentra el usuario, así que no tiene sentido que vaya a hacer clic en ese enlace si ya está en el contenido.

Una vez más, esto no daña el SEO. El asunto es que es innecesario y puede llegar a confundir a algunos usuarios, o cuando menos, hacerles perder tiempo.

Mantén la funcionalidad y sencillez

Recuerda que los breadcrumbs son solo un pequeño complemento para mejorar la navegación de los usuarios. Por lo tanto, hazlo sencillo para que no distraiga, pero lo suficientemente visible para que el usuario sepa que está allí y que le sirve para algo.

Algunas ideas para lograr esto son usar una fuente de letra diferente, usar un tono de color más claro o más oscuro al de la marca y que esté en la parte superior de la pantalla. También es importante que el texto sea más pequeño que el del cuerpo del contenido.

Si el scroll en la página es muy largo, puede ser útil hacer que el breadcrumb sea fijo en la pantalla para que el usuario no tenga que volver a subir para regresar a alguna sección.

¿Cómo activar las Breadcrumbs en tu WordPress?


Hay dos opciones para activar las migas de pan en tu WordPress: con un plugin o editando directamente el código. Empecemos por la primera, y la más usada. Veamos cómo activar los breadcrumbs en Yoast SEO y Rank Math.

Yoast SEO

Para activar las migas de pan en Yoast SEO, debes ir a “Apariencia” en el menú principal, luego a “Editor de archivos del tema” y pega el código de las breadcrumbs en el archivo llamado headers.php. del tema. Por último, haz clic en “Actualizar archivo” para guardar el cambio.

Ahora ve a Configuración en el menú principal y haz clic en “Avanzados” > “Breadcrumbs”. Mueve el botón hacia la opción “Activar”. Llena el formulario para especificar las características que deseas en tus migas. Después, haz clic en “Guardar cambios”.

Rank Math

Por su parte, para hacerlo en Rank Math, debes ir a “Ajustes generales” y luego a “Migas de pan”. Activa esa función y edita el formulario de características para que los breadcrumbs se muestren como quieres. Luego, clic en “Guardar cambios”.

Regresa al principio de la página y copia el código largo que aparece. Ve a “Apariencia”, en el menú lateral, y presiona en “Editor de tema”. Busca el archivo header.php. y pega el código. Haz clic en “Actualizar archivo” para que se guarden los cambios.

La segunda opción es insertar directamente el código a las funciones de WordPress. Primero que nada, debes tener el código bien escrito. Luego, ve al archivo functions.php y pega texto.

Ahora solo te queda activar la función en la página en la que quieres mostrarlas insertando este shortcode: <?php the_breadcrumb(); ?>

Conclusión

Los breadcrumbs son un elemento que puede potenciar tu SEO al mejorar la experiencia del usuario y facilitar la indexación. Es cierto que no lo afecta directamente, pero su aporte llega a ser factor diferenciador para tu audiencia, sobre todo cuando se encuentra en la fase final del funnel de ventas.

Desde luego, es importante que actives bien las migas de pan y que les des las características apropiadas al estilo de tu marca y al comportamiento de tu público objetivo. Así, serán un verdadero complemento en tu estrategia de conversión.

¿Crees que las breadcrumbs son necesarias en tu web? ¿Qué tipo usarás?

¿Te ha gustado? Compártelo

ESCRITO POR Jose Facchin

Soy consultor SEO y profesor de Marketing Digital, especializado en Marketing de Contenidos y posicionamiento Web. Poseo un grado de Analista de Sistemas de la Información, un posgrado en Relaciones Públicas e Institucionales y, personalmente, me considero un apasionado de la tecnología y del mundo de los negocios Digitales, temas a los que he dedicado este blog. Además, he creado “JF-Digital” (mi propia agencia de Marketing Digital) y Co-fundado "Webescuela" en Barcelona (mi escuela de negocios Online).

No hay Comentarios

Escribe tu comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

José Facchin, como responsable de tratamiento, solicita tu consentimiento para moderar los comentarios. Los datos no se cederán a terceros salvo en los casos en que exista una obligación legal. En todo caso, los datos que nos facilitas estén ubicados en servidores cuya sede se encuentra dentro del territorio de la UE o gestionados por Encargados de Tratamiento acogidos al acuerdo "Privacy Shield". Tiene derecho a acceder, rectificar y suprimir los datos, como se explica en la política de privacidad completa. Si no facilitas los datos solicitados como obligatorios, puede dar como resultado no poder cumplir con la finalidad para los que se solicitan