Un visitante llega a su sitio, lee un artículo y quiere volver a la categoría principal. Sin navegación, pulsa el botón «Atrás» del navegador y abandona el sitio. Para el propietario, eso es una página vista perdida; para el SEO, es una señal de que el contenido no retuvo al usuario.

Las migas de pan resuelven este problema con una sola línea de navegación. Muestran la ruta desde la página de inicio hasta la página actual, ayudan a Google a entender la estructura de su sitio y contribuyen directamente a reducir la tasa de rebote. Añadirlas a WordPress lleva unos 10 minutos, incluso si nunca ha editado el código de un tema.

A continuación encontrará una guía paso a paso que cubre desde la comprensión de los tipos de migas de pan hasta la inserción de código listo para usar en su plantilla. Sin relleno, con capturas de pantalla reales y plugins probados.

💡 Resumen rápido:

• Conozca los cuatro tipos de migas de pan y elija el que se adapte a la estructura de su sitio
• Añada migas de pan mediante Yoast SEO (el método más popular) o Breadcrumb NavXT (máxima flexibilidad)
• Configure los datos estructurados de Schema.org; sin ellos, Google no mostrará las migas de pan en los resultados de búsqueda

Qué son las migas de pan

Las migas de pan son un rastro de navegación que muestra a los usuarios su posición actual dentro de la jerarquía de un sitio. El nombre hace referencia al cuento de Hansel y Gretel, donde los niños dejaban caer migas de pan para encontrar el camino a casa. En la web, este mecanismo funciona igual: una cadena de enlaces conduce desde la página actual de vuelta a la página de inicio.

El formato estándar de migas de pan utiliza el separador > entre niveles. Por ejemplo, si un lector está viendo un artículo sobre la estructura de URL dentro de la sección «Tutorial de WordPress», verá: Inicio > Tutorial de WordPress > Estructura de URL en WordPress. El rastro suele colocarse en la parte superior del contenido, y con menos frecuencia en la inferior.

Técnicamente, cada miga es un enlace al nivel correspondiente en la jerarquía. El último elemento (la página actual) normalmente no es cliqueable, ya que el usuario ya se encuentra allí. Para los motores de búsqueda, este rastro se convierte en datos estructurados utilizando el estándar BreadcrumbList de Schema.org.

Tipos de migas de pan

Los sitios web utilizan cuatro tipos de rastros de navegación. La elección depende de la arquitectura de su sitio y de los escenarios de usuario.

Basadas en la ubicación

El tipo más común. Muestra la posición actual del usuario dentro de la estructura de árbol del sitio. El ejemplo anterior es una miga de pan basada en la ubicación. Este tipo es especialmente útil para sitios con jerarquías profundas: tiendas de comercio electrónico, portales de documentación y centros de noticias. Los usuarios siempre entienden en qué sección se encuentran y pueden subir un nivel con un solo clic.

Basadas en atributos

Se utilizan principalmente en sitios de comercio electrónico. En lugar de una ruta fija, muestran los filtros de producto activos. La estructura tiene este aspecto: Inicio > Teléfonos móviles > Apple > iPhone 15 > 128 GB > Negro. Cada atributo es un filtro cliqueable que permite a los usuarios deshacer rápidamente su selección. Resulta conveniente para catálogos con decenas de parámetros de filtrado.

Basadas en el historial

Muestran la ruta que el usuario ha seguido desde que entró en el sitio. Básicamente duplican el botón «Atrás» del navegador, razón por la cual este tipo se usa poco. Los diseñadores de UX prefieren la navegación estándar del navegador: es más familiar y no satura la interfaz.

Basadas en la ruta

Un tipo híbrido que combina el historial de visitas con un enfoque basado en atributos. Estructura: Volver a anterior > Categoría > Color > Talla. Este tipo es poco común y se encuentra principalmente en interfaces de nicho donde es importante combinar el contexto y la ruta.

Por qué su sitio necesita migas de pan

Google utiliza las migas de pan para dos propósitos: entender la estructura del sitio y mostrar el rastro de navegación directamente en los resultados de búsqueda. En lugar de una URL simple, los usuarios ven una ruta legible: techblog.sdstudio.top > WordPress > Plugins. Esto aumenta la tasa de clics del fragmento enriquecido, ya que los visitantes entienden dónde se encuentra la página antes de hacer clic.

Desde la perspectiva de la UX, las migas de pan resuelven dos problemas. Primero, la orientación: los usuarios ven al instante su ubicación en el sitio y no se sienten perdidos. Segundo, la navegación: moverse a una sección superior requiere solo un clic, sin usar el botón atrás del navegador. El resultado son menores tasas de rebote y una mayor profundidad de página.

Una nota importante: las migas de pan no sustituyen al menú principal. Lo complementan como una herramienta de navegación secundaria para páginas de segundo y tercer nivel. Normalmente no se muestran en la página de inicio.

Cómo añadir migas de pan en WordPress

Existen varios métodos principales: mediante un plugin SEO, mediante un plugin de navegación especializado o manualmente con código. El primer método es el más sencillo y cubre la mayoría de los casos de uso. El segundo es para quienes necesitan un control más preciso. El tercero es para desarrolladores.

Método 1. Yoast SEO

El plugin SEO más popular para WordPress incluye un módulo de migas de pan integrado. Viene desactivado por defecto; necesita añadir una línea a la plantilla de su tema.

Copie el código siguiente y péguelo en single.php, page.php o header.php de su tema. No lo añada a functions.php, ya que esto puede causar conflictos al actualizar el tema.

1
<?php
2
if (function_exists('yoast_breadcrumb')) {
3
    yoast_breadcrumb('<p id="breadcrumbs">', '</p>');
4
}
5
?>

Después de insertar el código, vaya al panel de administración: Yoast SEO** → Ajustes → Avanzado → Migas de pan**. Active la opción «Habilitar las migas de pan para su tema».

En esta misma sección puede configurar el separador, el prefijo para la página de inicio y las vinculaciones de taxonomías para tipos de contenido personalizados. Yoast genera automáticamente los datos estructurados BreadcrumbList, por lo que no se requieren pasos adicionales.

Método 2. Breadcrumb NavXT

Si Yoast no está instalado o necesita una configuración más flexible, Breadcrumb NavXT le da control total sobre la apariencia y el comportamiento de la ruta de navegación. El plugin recibe mantenimiento activo: la versión 7.5.1 (diciembre de 2025) corrigió la vulnerabilidad CVE-2025-13842, así que asegúrese de instalar la versión más reciente.

Instale el plugin desde el repositorio Breadcrumb NavXT, actívelo y vaya a Ajustes → Breadcrumb NavXT.

Configure las plantillas de breadcrumb para que coincidan con su estructura. Luego añada la llamada a la función en la plantilla de su tema:

1
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/">
2
    <?php if (function_exists('bcn_display')) {
3
        bcn_display();
4
    } ?>
5
</div>

El plugin es compatible con datos estructurados Schema.org de serie y funciona con WPML, Polylang, bbPress y BuddyPress. Para mostrarlo mediante widget: Apariencia → Widgets, arrastre «Breadcrumb Trail» al área deseada.

Método 3. Rank Math SEO

Una alternativa a Yoast con breadcrumbs integrados. Tras instalar Rank Math, vaya a Rank Math SEO → Ajustes generales → Breadcrumbs. Active la opción y añada el shortcode [rank_math_breadcrumb] en la ubicación deseada de su plantilla. Funciona de manera similar a Yoast: datos estructurados automáticos y ajustes flexibles de apariencia.

Método 4. Funcionalidad integrada del tema

Algunos temas (GeneratePress, Astra Pro, Kadence) incluyen breadcrumbs en los ajustes del personalizador. Revise Apariencia → Personalizar → Diseño → Breadcrumbs; quizá ni siquiera necesite un plugin.

Pruebas y depuración

Tras añadir el código, verifique los resultados en dos lugares. Primero, abra cualquier página interna de su sitio: la ruta de navegación debería aparecer sobre el encabezado o bajo la cabecera. Segundo, ejecute la Prueba de resultados enriquecidos de Google, introduzca la URL de la página y confirme que el elemento «BreadcrumbList» se detecta sin errores.

Si los breadcrumbs no aparecen, compruebe que el archivo de plantilla donde insertó el código se está usando realmente para esa página. En algunos temas, single.php es reemplazado por singular.php o por bloques en el Editor del sitio (FSE). Para temas de bloques, use el widget de Breadcrumb NavXT o el shortcode de Rank Math.

⁉️🤔 Preguntas frecuentes

¿Las migas de pan afectan el posicionamiento en Google?

No directamente. Las migas de pan no son un factor de posicionamiento oficial. Sin embargo, tienen un efecto indirecto: Google las muestra en el fragmento en lugar de la URL, lo que aumenta la visibilidad y mejora el CTR. Además, los datos estructurados BreadcrumbList ayudan a los motores de búsqueda a comprender la arquitectura de su sitio con mayor precisión, lo que incide en la indexación de las páginas profundas. Los sitios con migas de pan suelen tener tasas de rebote entre un 5 y un 10% más bajas en comparación con sitios similares que no las tienen.

¿Puedo añadir migas de pan sin un plugin?

Sí. Añada una función a functions.php que construya la ruta basándose en wp_get_nav_menu_items() o en la jerarquía de categorías. Luego llámela en su plantilla. La desventaja del enfoque manual: usted necesita generar los datos estructurados Schema.org por su cuenta, manejar casos límite (página de inicio, error 404, archivos adjuntos) y actualizar el código cuando cambie la estructura del sitio. Para la mayoría de los proyectos, un plugin es más rápido y fiable.

¿Qué separador es mejor: >, /, o →?

El separador > es el estándar de facto. Se lee intuitivamente como «ir un nivel más profundo» y es el que utiliza Google en los resultados de búsqueda. El símbolo / es visualmente más ligero, pero puede confundirse con las URLs. La flecha → resulta más atractiva para los diseñadores, pero es posible que Google no la reconozca en los datos estructurados. Recomendación: use > para una compatibilidad máxima.

¿Es necesario mostrar las migas de pan en el móvil?

El espacio en pantalla es limitado en los dispositivos móviles, pero las migas de pan son en realidad aún más útiles allí. Los usuarios de teléfonos inteligentes no ven un menú lateral, por lo que las migas de pan se convierten en la única forma rápida de navegar hacia arriba en la jerarquía. La mayoría de los temas adaptan automáticamente la ruta para móviles: reducen el tamaño de la fuente y truncan los niveles intermedios a un formato como «... > Actual».

¿Qué ocurre si mi sitio utiliza una estructura de URL personalizada?

Breadcrumb NavXT le permite establecer manualmente la jerarquía para tipos de contenido personalizados y taxonomías. En los ajustes del plugin, vaya a la pestaña Tipos de contenido y seleccione la taxonomía superior para cada CPT. Para casos muy atípicos, utilice el filtro bcn_breadcrumb_trail, que le da control total sobre cada elemento de la ruta.

¿Debería añadir migas de pan en 2026?

Absolutamente sí. Esto no es una moda ni un experimento: es un patrón de navegación probado durante años que mejora la UX y ayuda indirectamente al SEO. El coste de implementación es de 10 minutos para instalar un plugin e insertar una línea de código. El beneficio es una navegación clara para los visitantes y fragmentos limpios en los resultados de búsqueda de Google.

Si ya tiene instalado Yoast SEO o Rank Math, está literalmente a dos clics de un resultado final. Si no, Breadcrumb NavXT cubrirá sus necesidades con flexibilidad de sobra. Elija el método que se adapte a su stack y añada migas de pan hoy: sus visitantes se lo agradecerán en silencio con tasas de rebote más bajas y más tiempo en el sitio.