Cómo mostrar enlaces de navegación de migas de pan en WordPress

Si alguna vez has navegado por un sitio web y has visto una fila de enlaces como Inicio » Blog » Esta Publicación cerca de la parte superior de la página, entonces ya has usado las migas de pan. Estas ayudas de navegación brindan a los visitantes una forma sencilla de ver dónde se encuentran en tu sitio y volver a un nivel superior.

Usamos migas de pan en nuestros propios sitios web, y facilitan que los lectores se muevan entre páginas. Las migas de pan también pueden aparecer en tus resultados de búsqueda de Google, lo que ayuda a que tu listado destaque.

En esta guía, te mostraremos cómo agregar enlaces de navegación de migas de pan en WordPress, comenzando con el método más fácil.

¿Qué es la navegación "breadcrumb" y por qué la necesitas?

La navegación de migas de pan es un término que se usa para describir un menú de navegación en forma de rastro de enlaces. A menudo se utiliza como un menú de navegación secundario que permite a los usuarios subir en la jerarquía de páginas del sitio web.

Existen tres tipos comunes de migas de pan:

• Basadas en jerarquía (la más común): Muestra dónde se encuentra la página en la estructura de tu sitio, como Inicio » Categoría » Publicación. Este es el tipo que generan la mayoría de los temas de WordPress y los plugins de SEO.
• Basadas en atributos: Muestra los atributos de la página en la que se encuentra un visitante, como Inicio » Ropa » Hombre » Azul. Verás estos con mayor frecuencia en tiendas WooCommerce.
• Basadas en historial: Muestra el camino que tomó un visitante para llegar a la página, como un rastro de retroceso del navegador. Estos son menos comunes en sitios de WordPress.

Los enlaces de navegación de migas de pan son diferentes del sistema de menú de navegación predeterminado en WordPress. Ayudan a los usuarios a moverse por tu sitio web y también ayudan a los motores de búsqueda a comprender la estructura y la jerarquía de tus páginas.

Si tus migas de pan están configuradas de la manera correcta, entonces los motores de búsqueda como Google también pueden mostrarlas junto con el título de la página en los resultados de búsqueda. Esto hace que tu listado destaque en los resultados de búsqueda y puede ayudar a mejorar tu tasa de clics.

Los métodos en esta guía te ayudarán a configurar las rutas de exploración correctamente utilizando marcado de esquema. Schema es un código de marcado inteligente que ayuda a Google a identificar tus rutas de exploración para que se muestren en los resultados de búsqueda.

En otras palabras, los enlaces en la página son para tus visitantes y el marcado de esquema es para Google. Algunos métodos agregan ambos, mientras que otros solo agregan los enlaces visibles, por eso te mostraremos cómo verificar tu configuración más tarde usando fragmentos enriquecidos.

Ahora, veamos cómo agregar enlaces de navegación de migas de pan en WordPress. Te mostraremos varios métodos, comenzando con el más fácil, para que puedas elegir el que mejor funcione para ti:

Método 1: Agregar el bloque nativo de migas de pan de WordPress (No se necesita plugin)

Si estás utilizando un tema de bloques, esta es la forma más fácil de agregar migas de pan, y no requiere ningún plugin en absoluto.

WordPress incluye un bloque nativo de migas de pan que puedes agregar directamente dentro del Editor de Sitio Completo en solo unos pocos clics.

Simplemente dirígete a la página Apariencia » Editor para abrir el Editor de Sitio.

Desde aquí, puedes editar una plantilla como ‘Entradas individuales’ o la parte de tu plantilla de encabezado.

Luego, agrega el bloque de Migas de pan donde quieras que aparezca el rastro.

El bloque construye automáticamente el rastro desde la posición de la página actual en la jerarquía de tu sitio, por lo que solo tienes que agregarlo una vez.

En la configuración del bloque, puedes personalizar exactamente cómo se ve y se comporta el rastro. Puedes mostrar u ocultar el enlace a tu página de inicio, mostrar u ocultar el título de la página actual y cambiar el carácter separador entre elementos.

También puedes elegir si el rastro sigue tu estricta jerarquía de páginas o utiliza tu estructura de categorías para organizar los enlaces.

Una cosa a tener en cuenta es que el bloque nativo está diseñado principalmente para mostrar el rastro en la página para tus visitantes.

Es posible que no agregue el marcado de esquema BreadcrumbList que Google necesita para mostrar las migas de pan en los resultados de búsqueda, por lo que recomendamos confirmarlo con la Prueba de resultados enriquecidos.

Método 2: Agregar navegación de migas de pan en WordPress usando All in One SEO (Recomendado)

Si tu tema no maneja las migas de pan, o si deseas el beneficio de los resultados de búsqueda que provienen de un marcado de esquema adecuado, entonces un plugin de SEO es el camino a seguir. Este método es fácil para principiantes y funciona en cualquier tema.

Para este método, usaremos el plugin gratuito All in One SEO para WordPress, que es el mejor plugin de SEO para WordPress del mercado.

Te ayuda a mejorar fácilmente tu SEO de WordPress sin ninguna habilidad técnica. También viene con una función de migas de pan fácil de usar.

Una vez que hayas instalado y activado el plugin, serás llevado al asistente de configuración. Puedes seguir las instrucciones en pantalla para configurarlo.

¿Necesitas ayuda con la configuración? Consulta nuestro tutorial paso a paso sobre cómo instalar y configurar All in One SEO.

A continuación, debes visitar la página Todo en Uno SEO » Configuración General y cambiar a la pestaña ‘Migas de pan’.

El marcado de esquema de migas de pan se agrega automáticamente por Todo en Uno SEO al código de tu sitio web para que los motores de búsqueda puedan encontrarlo.

Sin embargo, si también deseas mostrar enlaces de navegación de migas de pan en tu sitio web, entonces necesitas activar la opción ‘Habilitar migas de pan’.

Al cambiar el interruptor, puedes ver la configuración de visualización de migas de pan que puedes usar en tu sitio web de WordPress.

Hay cuatro formas que puedes usar para mostrar el rastro de navegación de migas de pan en tu sitio web de WordPress:

• Bloque (lo más fácil): Edita cualquier entrada o página y agrega el bloque AIOSEO – Migas de pan donde quieras el rastro. El plugin muestra una vista previa en vivo directamente en el editor.
• Shortcode: Agrega el shortcode proporcionado a cualquier entrada, página o producto donde quieras que aparezca el rastro.
• Widget (en todo el sitio): Ve a Apariencia » Widgets y agrega el widget AIOSEO – Migas de pan a tu barra lateral, pie de página o cualquier área de widget para que se muestre automáticamente en todo tu sitio.
• Código PHP (colocación exacta): Agrega el fragmento a continuación a la plantilla de tu tema donde quieras el rastro. Esto es mejor para usuarios avanzados que desean mostrar migas de pan en un lugar específico, como justo debajo del título de la entrada.

Para la opción de código, puedes agregar el siguiente código donde quieras que aparezcan los enlaces de navegación de migas de pan (generalmente justo debajo de tu encabezado o justo encima del título de tu entrada en el archivo single.php):

<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Al igual que con cualquier edición de tema, recomendamos usar un tema hijo o un plugin de fragmentos de código para que tu cambio no se pierda en la próxima actualización.

Para obtener más ayuda, consulta nuestra guía sobre cómo agregar fragmentos de código en WordPress y nuestra hoja de trucos sobre qué archivos editar en un tema de WordPress.

Así se veían las migas de pan en nuestro sitio de prueba:

Cambiar la apariencia de los enlaces de migas de pan

Por defecto, All in One SEO utiliza una plantilla para mostrar los enlaces de navegación de migas de pan. Contiene un enlace a tu página de inicio, categoría, página principal y el título de la publicación o página, separados por el símbolo '»'.

Puedes cambiar eso visitando la página All in One SEO » Configuración General y dirigiéndote a la pestaña 'Migas de pan'. Luego, desplázate hacia abajo hasta la sección Configuración de migas de pan.

Desde aquí, puedes cambiar el separador, mostrar u ocultar el enlace de inicio, agregar un prefijo y más.

Una vez que termines, no olvides guardar tu configuración.

¿Usas Yoast SEO o Rank Math en su lugar?

La idea es exactamente la misma con otros plugins de SEO populares.

Simplemente activa las migas de pan en la configuración, luego inserta el bloque o shortcode del plugin, o agrega su fragmento a tu tema:

• Yoast SEO: Activa las migas de pan en Yoast SEO » Configuración » Avanzado » Migas de pan, luego agrega el shortcode [wpseo_breadcrumb], o coloca <?php if ( function_exists( 'yoast_breadcrumb' ) ) { yoast_breadcrumb(); } ?> en tu tema. Para una mirada más cercana a este plugin, consulta nuestra guía sobre cómo configurar Yoast SEO.
• Rank Math: Activa las migas de pan en Rank Math SEO » Configuración General » Migas de pan, luego agrega el shortcode [rank_math_breadcrumb], o coloca <?php if ( function_exists( 'rank_math_the_breadcrumbs' ) ) { rank_math_the_breadcrumbs(); } ?> en tu tema.

Verifica que tus migas de pan funcionen

Una vez que tus migas de pan estén activas, necesitas confirmar que Google realmente pueda leerlas.

Simplemente abre la herramienta gratuita de Google Prueba de Resultados Enriquecidos, pega la URL de una publicación o página publicada y ejecuta la prueba.

Si todo está configurado correctamente, la herramienta mostrará 'Migas de pan' como un elemento detectado con un estado válido y en verde. Esto confirma que tu esquema BreadcrumbList está presente y es elegible para aparecer en los resultados de búsqueda.

Si ves una advertencia o un error, o si las migas de pan no se detectan en absoluto, entonces tu método probablemente agregó los enlaces visibles sin el esquema. En ese caso, cambiar al método del plugin de SEO anterior agregará el marcado que Google necesita.

Solución de problemas comunes de migas de pan

Las migas de pan suelen ser sencillas de configurar, pero algunos problemas surgen con frecuencia. Aquí te explicamos cómo solucionar los más comunes.

Las migas de pan no se muestran en Google

Incluso después de que la Prueba de Resultados Enriquecidos sea exitosa, las migas de pan no aparecerán instantáneamente en los resultados de búsqueda. Google depende de bots automatizados para rastrear miles de millones de páginas, y no sabrá que has agregado el esquema de migas de pan hasta que sus bots vuelvan a visitar tu URL específica. Este proceso de rastreo puede tardar desde unos pocos días hasta unas pocas semanas.

Para acelerar las cosas, puedes solicitar indexación a través de Google Search Console utilizando la herramienta de Inspección de URL. Esto alerta a Google de que has actualizado tu contenido y señala a su sistema que revise tu marcado de esquema antes.

Falta la categoría en el rastro

La ruta se construye a partir de la posición de la página actual en la jerarquía de tu sitio. Para las entradas, ese nivel intermedio proviene de la categoría de la entrada, y para las páginas, proviene de la página principal.

Por lo tanto, la causa habitual es un enlace que falta en esa jerarquía. La entrada no tiene ninguna categoría asignada (o solo la predeterminada 'Sin categoría'), o la página no tiene una página principal establecida.

Para una entrada, ábrela en el editor, asigna la categoría correcta en Entrada » Categorías, y luego recarga la página para comprobar la ruta.

Si el nivel sigue faltando, entonces el problema puede ser qué jerarquía sigue la ruta. El bloque nativo de Migas de pan tiene una configuración avanzada llamada 'Preferir términos de taxonomía' que cambia la ruta entre tu jerarquía de páginas y tu estructura de categorías.

Si usas un plugin de SEO en su lugar, entonces revisa su fuente de migas de pan o configuración de taxonomía. En All in One SEO, esto se encuentra en All in One SEO » Configuración General » Migas de pan.

Las migas de pan se muestran en tu página de inicio

Las migas de pan no tienen mucho propósito en tu página de inicio, ya que no hay ningún lugar 'arriba' al que ir.

Si agregaste migas de pan con el bloque nativo o un widget, entonces deberías colocarlas en una plantilla que no se aplique a la página de inicio. Alternativamente, puedes usar la configuración integrada de tu plugin de SEO para ocultar la ruta en tu página de inicio.

Obtuviste un error de PHP después de agregar el fragmento

En lugar de editar archivos directamente, recomendamos agregar el fragmento con un plugin de fragmentos de código como WPCode. Este plugin valida tu código y te permite desactivar un fragmento de forma segura si algo falla.

Agregar el código a un tema secundario es otra opción segura, ya que mantiene tus cambios separados del tema principal.

Puntos clave para llevar

• Revisa tu tema primero: A menudo no necesitas un plugin adicional para las migas de pan, especialmente si usas un tema de bloques que incluye el bloque nativo de Migas de pan.
• El marcado de esquema es lo que importa para la búsqueda: El marcado de esquema, no los enlaces visibles, es lo que hace que tu ruta de migas de pan aparezca en los resultados de búsqueda de Google. Confirma siempre que esto funciona con la Prueba de Resultados Enriquecidos.
• Usa tus herramientas existentes: Si ya usas un plugin de SEO como All in One SEO, entonces puedes usarlo para gestionar tus migas de pan. No hay necesidad de agregar una segunda herramienta a tu sitio.

Preguntas frecuentes sobre las migas de pan de WordPress

¿Necesito un plugin para las migas de pan en WordPress?

No, no siempre. Muchos temas de WordPress agregan migas de pan por sí mismos, y WordPress incluye un bloque nativo de Migas de pan, por lo que es mejor revisar tu tema antes de instalar nada. Si tu tema no admite migas de pan, entonces un plugin de SEO es la forma más fácil de agregarlas.

¿Por qué no se muestran mis migas de pan en Google?

Esto generalmente se debe a un retraso en la indexación o a la falta de esquema. Si Google aún no ha vuelto a rastrear tus páginas, solicita la indexación en Google Search Console. Si la ruta aún no aparece, ejecuta tu URL a través de la Prueba de Resultados Enriquecidos para confirmar que tu esquema BreadcrumbList es válido.

¿Son buenas las migas de pan para el SEO?

Sí. Las migas de pan mejoran la experiencia del usuario al facilitar la navegación en tu sitio y ayudan a los motores de búsqueda a entender la estructura de tu sitio. Cuando se configuran con marcado de esquema, también pueden obtener listados de búsqueda más enriquecidos que mejoran tu tasa de clics.

¿Shortcode, bloque o widget? ¿Cuál debería usar?

Usa el bloque o el widget cuando quieras que las migas de pan aparezcan automáticamente en todo tu sitio. Usa el shortcode cuando solo quieras insertar la ruta en una publicación o página específica.

Esperamos que este artículo te haya ayudado a aprender cómo mostrar enlaces de navegación de migas de pan en WordPress. También te puede interesar nuestra guía definitiva de SEO para WordPress o nuestra selección de los mejores temas de WordPress.

Si te gustó este artículo, suscríbete a nuestro Canal de YouTube para ver tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.