¿Qué son las breadcrumbs?

Las breadcrumbs son también conocidas como «migas de pan» y representan un elemento de navegación, con el que se muestra la ubicación actual del usuario en un sitio web y otros enlaces internos, que pueden estar representados de diferentes formas.

De esta manera, las breadcrumbs se ofrecen como un recurso de navegación para el usuario, al menos en primera instancia. Normalmente están basadas en la jerarquía o estructura de la web y siguen una navegación coherente del usuario.

Basándonos en esta topología, una estructura de breadcrumb clásica mostraría los siguientes enlaces:

Página de inicio > Página de categoría > Página de subcategoría > Página actual

Esta estructura se coloca normalmente en la parte superior de la página, sin ser demasiado relevante a nivel de diseño, aunque manteniendo criterios de la identidad corporativa correspondiente y mantiene activos los enlaces en todas las páginas, menos en la actual.

Las breadcrumbs pueden ser dinámicas, llamadas también «de exploración» porque se adaptan a la navegación que el usuario ha hecho en la página web, si existe la posibilidad de llegar a la página actual desde diversos flujos de recorrido.

También existen las breadcrumbs descriptivas o de atributo, que básicamente identifican la prioridad o generalidad de secciones o categorías que pueden ser interesantes para el usuario. Es un recurso muy habitual en tiendas online.

¿Cómo influyen las breadcrumbs en la web?

El uso de breadcrumbs en una página web es muy recomendable por las diferentes ventajas que puede ofrecer este recurso.

En primer lugar, representa una ayuda al usuario, dado que le permite conocer la ubicación exacta dentro de la página web en la que se encuentra.

Si se ha equivocado o no ha obtenido la información que buscaba, no necesita volver a la página de inicio para repetir su navegación, sino que puede aprovechar los enlaces de las breadcrumbs para volver hacia atrás e identificar mejor el contenido que está buscando.

A nivel general, esto supone una mejora notable de la experiencia del usuario, algo que va a evitar rebotes de visitas o incluso reseñas negativas. Cuando más ayudemos a que la navegación sea amigable, intuitiva y útil, mejores conversiones obtendremos en cualquier ámbito.

Además, la existencia de breadcrumbs fomenta el descubrimiento de nuevas páginas y secciones enteras. Por este motivo las tiendas online lo aprovechan tanto y es que así pueden aumentar la visibilidad de todos sus productos para usuarios que buscan cosas relacionadas.

Si nos basamos en criterios de posicionamiento SEO, este comportamiento del usuario implica un mayor número de páginas visitadas y también mayor tiempo de navegación en el site, criterios que siempre son favorables para mejorar nuestra posición orgánica en los resultados de búsqueda.

¿Qué son los breadcrumbs en WordPress?

WordPress es uno de los CMS más utilizados en la construcción de sitios web, pero tiene como desventaja no ofrecer una visualización de los breadcrumbs por defecto.

Ante esta situación, los desarrolladores han buscado soluciones alternativas y compatibles con WordPress, para poder añadir breadcrumbs en sus páginas web.

Actualmente hay plugins específicos que podemos instalar en nuestra pantalla, con los que configurar con una alta personalización los breadcrumbs que queremos mostrar a nuestros usuarios.

Muchos desarrolladores de plugins han implementado esta opción entre otras diferentes que ofrecen en la descarga.

Uno de los más famosos en este sentido es Yoast SEO con breadcrumb y es que el famoso plugin de optimización SEO en WordPress ya incluye la posibilidad de personalizar este elemento desde su configuración.

Otra forma de aprovechar breadcrumbs en WordPress es a través de plantillas que incluyen en su propio CMS su configuración y personalización.

Por último, siempre existe la posibilidad de añadir los breadcrumbs por codificación directa, ya sea actuando en el lenguaje html o mediante la inclusión de elementos de PHP y JavaScript en el código fuente.