Generador de breadcrumb (ruta de navegación) con schema
Escribe el camino de la página, desde el inicio hasta la actual. El código incluye la ruta visible y los datos estructurados juntos.
Cómo usarRuta de navegación para el sitio y para Google
Disponible en: 
Generador de breadcrumb (ruta de navegación) con schema: para qué sirve
El breadcrumb, o ruta de navegación, muestra el camino de la página actual dentro del sitio, como Inicio › Productos › Camisetas, y ayuda tanto a quien visita como a Google.
Escribe el camino y el generador arma la ruta visible con nav, lista ordenada y aria-current en la página actual, con el separador y el color que elijas, y los datos estructurados BreadcrumbList con las direcciones completas, que permiten a Google mostrar el camino del sitio en el resultado de búsqueda.
Cómo usar
- Indica el dominio del sitio.
- Escribe el camino desde la página de inicio hasta la actual.
- Copia el HTML, el CSS y el JSON-LD.
Cuándo usar
- Páginas de producto en una tienda en línea.
- Artículos de blog dentro de categorías.
- Sitios con varias secciones de servicios.
Preguntas frecuentes
¿Para qué sirve el breadcrumb?
Muestra dónde está la persona en el sitio (Inicio › Productos › Camisetas) y permite volver un nivel con un toque. En Google, los datos BreadcrumbList hacen que el resultado muestre el camino del sitio en lugar de la dirección cruda.
¿El último elemento necesita enlace?
No. El último elemento es la página actual: aparece como texto con aria-current=page. En los datos estructurados, Google acepta el último elemento sin el campo item (dirección).
¿Necesito usar direcciones completas?
En los enlaces de la ruta, las direcciones relativas (/productos) funcionan. En el JSON-LD usa la dirección completa con https y dominio; la herramienta la arma a partir del dominio que indiques.
¿Es gratis de verdad?
Sí, 100% gratis. Sin registro, sin suscripción y sin límite de uso. Todas las herramientas de Tools123 son gratuitas.