Rutas de navegación

Descripción general

Rutas de navegación muestra la ruta jerárquica de la página actual y ayuda a reforzar la estructura del sitio.

La ruta habitual es Airygen SEO -> Configuración -> Rutas de navegación.

Métodos de salida

Rutas de navegación admite salida manual y Automatic injection.

Salida manual

Usa la salida manual cuando quieras decidir exactamente dónde aparece la ruta.

<?php if ( function_exists( 'airygen_the_breadcrumbs' ) ) { airygen_the_breadcrumbs(); } ?>

[airygen_breadcrumbs]

<!-- wp:airygen/breadcrumb /-->

Inserción automática

Usa Automatic injection cuando quieras que la ruta se añada de forma consistente antes o después del contenido sin editar plantillas.

Configuración

• La pestaña Configuración controla la forma de salida, la posición y los elementos de la ruta.
• La pestaña Diseño te permite ajustar estilos visuales como separación, colores y contenedor.
• La pestaña Vista previa muestra una representación simplificada para revisar el diseño antes de guardar.

Cómo usar

1. Abre Airygen SEO -> Configuración -> Rutas de navegación.
2. Decide si vas a usar salida manual, inserción automática o solo uno de los dos métodos.
3. Si prefieres control total en el tema o en el contenido, copia el bloque de template function, shortcode o bloque.
4. Si prefieres automatizar la salida, activa Automatic injection y elige la posición adecuada.
5. Revisa qué elementos deben aparecer en la ruta, como la página actual o los niveles superiores.
6. Ajusta el diseño en Diseño.
7. Revisa el ejemplo en Vista previa.
8. Guarda los cambios y abre varias páginas reales del sitio.

Después de guardar, comprueba lo siguiente:

• La ruta solo aparece una vez.
• La jerarquía visible tiene sentido para el usuario.
• El estilo final sigue viéndose bien con el tema activo.

Vista previa y salida real

La Vista previa es una representación simplificada. La salida real todavía puede cambiar según la jerarquía real, el CSS activo y la estructura de la página.

Beneficios SEO

Las breadcrumbs ayudan a los buscadores a entender mejor la relación entre páginas y también facilitan la navegación de los usuarios.

Casos de uso

Sitio con muchas categorías o niveles

Antes: El usuario llegaba a una página profunda sin contexto claro.

Después: Rutas de navegación muestra la ruta de regreso dentro de la estructura del sitio.

Agencia que necesita una salida consistente

Antes: Cada tema resolvía las rutas de forma distinta.

Después: El equipo puede usar un método común y revisable.

Preguntas frecuentes

¿Cuándo conviene usar salida manual?

Cuando necesitas controlar con precisión la ubicación dentro del tema o del contenido.

¿Por qué la vista previa puede diferir de la salida final?

Porque es una muestra simplificada y la página real también depende del tema, del CSS y de la jerarquía real.

¿Qué debo revisar en el front end?

Debes comprobar la posición, la jerarquía visible y que no aparezca duplicada.