Generar Schema de Breadcrumb

Name: Generar Schema de Breadcrumb
Author: Kitmul

Genera datos estructurados BreadcrumbList en JSON-LD para SEO y ayuda a los motores de busqueda a entender la jerarquia de tu sitio.

Crea marcado de datos estructurados BreadcrumbList en JSON-LD valido para tu sitio web con este generador gratuito de esquemas breadcrumb. Agrega, elimina y reordena elementos con vista previa en vivo. Importa breadcrumbs desde cualquier URL dividiendo automaticamente los segmentos de la ruta. Visualiza una vista previa de Google Rich Results mostrando como apareceran tus breadcrumbs en los resultados de busqueda. El marcado adecuado de breadcrumbs ayuda a los motores de busqueda a entender la estructura de tu sitio.

Importar desde URL

Elementos Breadcrumb

Nombre

URL

Nombre

URL

Vista Previa JSON-LD

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Products",
      "item": "https://example.com/products"
    }
  ]
}
</script>

Vista Previa de Google Rich Results

Home›Products

https://example.com /products

Tus datos no salen de tu navegador

Tutorial

Como Usar el Generador de Schema Breadcrumb

Agrega Elementos Breadcrumb

Ingresa un nombre y URL para cada nivel en la jerarquia de tu sitio, comenzando desde la pagina principal.

Reordena o Importa

Usa los botones de flecha para reordenar elementos o pega una URL para generar breadcrumbs automaticamente.

Revisa la Vista Previa

Verifica la salida JSON-LD y la vista previa de Google Rich Results para confirmar que todo se ve correcto.

Copia e Implementa

Copia la etiqueta script generada y pegala en el head o body de tu pagina HTML.

Guide

Guia Completa del Generador de Schema Breadcrumb

Que es el Schema Breadcrumb?

El schema breadcrumb es un tipo de marcado de datos estructurados que utiliza el vocabulario BreadcrumbList de Schema.org. Indica a los motores de busqueda sobre la estructura jerarquica de tu sitio web definiendo una ruta de navegacion desde la pagina principal hasta la pagina actual. Cuando se implementa correctamente; Google y otros motores de busqueda pueden mostrar estas rutas breadcrumb directamente en los resultados de busqueda; reemplazando la URL simple con una ruta de navegacion mas legible.

Por Que el Schema Breadcrumb Importa para el SEO

Implementar datos estructurados breadcrumb es una practica clave de SEO tecnico. Aunque no influye directamente en el posicionamiento; mejora significativamente la apariencia de tus resultados de busqueda. Las paginas con resultados enriquecidos de breadcrumb tienden a tener tasas de clics mas altas porque los usuarios pueden ver exactamente donde se encuentra una pagina dentro de la jerarquia de tu sitio. Esto es especialmente valioso para sitios de comercio electronico y portales de documentacion.

JSON-LD vs Microdata para Breadcrumbs

Hay dos formatos principales para el marcado breadcrumb: JSON-LD y Microdata. Google recomienda JSON-LD porque es mas facil de implementar y mantener. JSON-LD se coloca en una etiqueta script separada; manteniendo tu HTML limpio. Microdata requiere atributos en linea en tus elementos HTML; lo cual es mas dificil de gestionar. Este generador usa exclusivamente el formato JSON-LD; siguiendo las mejores practicas de Google para la implementacion de datos estructurados.

Mejores Practicas para la Implementacion de Breadcrumbs

Siempre comienza tu ruta breadcrumb con la pagina principal como primer elemento. Cada elemento subsiguiente debe representar una pagina navegable real en tu sitio. Evita incluir la pagina actual como un enlace clicable; usala como el elemento final en texto plano. Manten los nombres de breadcrumb concisos y descriptivos. Asegurate de que cada URL en tus breadcrumbs devuelva un codigo de estado 200. Prueba tu marcado con la herramienta de prueba de Rich Results de Google.

Sources

Examples

Ejemplos Resueltos

Ejemplo: Breadcrumb de Producto E-commerce

Dado: Una pagina de producto de tienda en linea en https://tienda.com/electronica/telefonos/iphone-15

Paso 1: Agrega 'Inicio' con URL https://tienda.com/

Paso 2: Agrega 'Electronica' con URL https://tienda.com/electronica

Paso 3: Agrega 'Telefonos' con URL https://tienda.com/electronica/telefonos

Paso 4: Agrega 'iPhone 15' con URL https://tienda.com/electronica/telefonos/iphone-15

Resultado: Un esquema JSON-LD BreadcrumbList de 4 niveles listo para pegar en tu pagina de producto.

Ejemplo: Breadcrumb de Blog via Importacion de URL

Dado: Una URL de publicacion de blog https://blog.com/tech/tutoriales/guia-react-hooks

Paso 1: Pega la URL en el campo Importar desde URL y haz clic en Importar.

Paso 2: La herramienta genera automaticamente 4 elementos: Inicio, Tech, Tutoriales, Guia React Hooks.

Paso 3: Revisa y edita cualquier nombre o URL de elemento segun sea necesario.

Paso 4: Copia la etiqueta script JSON-LD generada.

Resultado: Esquema breadcrumb generado automaticamente desde los segmentos de la ruta URL con capitalizacion adecuada.

Casos de uso

Usos Practicos

Paginas de Productos E-commerce

“Genera rutas breadcrumb para paginas de productos mostrando la ruta desde la pagina principal a traves de categorias y subcategorias hasta el producto. Esto ayuda a Google a mostrar rutas de navegacion en los resultados de busqueda; aumentando las tasas de clics.”

Navegacion de Categorias de Blog

“Crea breadcrumbs estructurados para publicaciones de blog organizadas por categoria y fecha. Cuando los motores de busqueda muestran estas rutas; los lectores pueden ver la jerarquia del contenido de un vistazo; mejorando la experiencia del usuario.”

Sitios de Documentacion

“Construye esquemas breadcrumb para documentacion tecnica con secciones y subsecciones anidadas. El marcado adecuado ayuda a los desarrolladores a identificar rapidamente que parte de la documentacion estan viendo directamente desde los resultados de busqueda.”

Sitios Web Multiidioma

“Genera esquemas breadcrumb separados para cada version de idioma de tu sitio. Esto asegura que los motores de busqueda entiendan correctamente la jerarquia del contenido localizado; mostrando la ruta breadcrumb correcta para usuarios en diferentes idiomas.”

Preguntas Frecuentes

?Que son los datos estructurados BreadcrumbList?

BreadcrumbList es un tipo de Schema.org que describe la ruta de navegacion desde la pagina principal hasta la pagina actual. Los motores de busqueda lo usan para mostrar rutas breadcrumb en los resultados.

?Es gratuito este generador de schema breadcrumb?

Si; esta herramienta es completamente gratuita e ilimitada. Se ejecuta completamente en tu navegador; asi que puedes generar tantos esquemas breadcrumb como necesites.

?Mis datos estan seguros al usar esta herramienta?

Absolutamente. Todo el procesamiento ocurre localmente en tu navegador. No se envian URLs ni datos breadcrumb a ningun servidor; garantizando completa privacidad.

?Cuantos elementos breadcrumb debo incluir?

Incluye al menos 2 elementos para un esquema valido. La mayoria de los sitios usan de 3 a 5 niveles; representando la ruta desde la pagina principal hasta la pagina actual.

?Donde coloco el codigo JSON-LD generado?

Pega la etiqueta script en la seccion head de tu pagina HTML. Tambien puedes colocarla al final de la seccion body; ambas son validas.

?El schema breadcrumb mejorara mi posicionamiento SEO?

El schema breadcrumb no aumenta directamente el posicionamiento. Sin embargo; mejora como aparecen tus paginas en los resultados de busqueda; lo que puede aumentar las tasas de clics significativamente.

?La funcion de importar desde URL funciona con cualquier sitio?

La funcion de importacion analiza los segmentos de la ruta URL localmente. Funciona con cualquier estructura de URL valida; dividiendo la ruta en elementos breadcrumb logicos automaticamente.

?Puedo usar esto para aplicaciones de una sola pagina?

Si. Incluso para SPAs; el schema breadcrumb ayuda a los motores de busqueda a entender la jerarquia de paginas virtuales. Agrega el JSON-LD dinamicamente cuando cambien las rutas.

Herramientas relacionadas

Contador de Caracteres para Anuncios

Cuenta caracteres para anuncios de Google/FB.

Probar herramienta

Generador de URL Canónica

Genera etiquetas de URL canónica para evitar contenido duplicado.

Probar herramienta

Crear Tarjeta de Visita Digital

Crea y descarga una tarjeta de visita digital con vCard y código QR.

Probar herramienta

Ayúdanos a mejorar

¿Qué te parece esta herramienta?

Cada herramienta de Kitmul se construye a partir de peticiones reales de usuarios. Tu valoración y tus sugerencias nos ayudan a arreglar bugs, añadir funciones que faltan y construir las herramientas que realmente necesitas.

Lectura Recomendada

Libros Recomendados sobre Datos Estructurados y SEO

Potencia tus Capacidades

Productos Profesionales para Desarrollo Web y SEO

Key Light - Luz de Estudio Profesional de 2800 lumenes con Pinza de Escritorio para Streaming y Grabacion

Generar Schema de Breadcrumb

Elementos Breadcrumb

Vista Previa JSON-LD

Vista Previa de Google Rich Results

Como Usar el Generador de Schema Breadcrumb

Agrega Elementos Breadcrumb

Reordena o Importa

Revisa la Vista Previa

Copia e Implementa

Guia Completa del Generador de Schema Breadcrumb

Que es el Schema Breadcrumb?

Por Que el Schema Breadcrumb Importa para el SEO

JSON-LD vs Microdata para Breadcrumbs

Mejores Practicas para la Implementacion de Breadcrumbs

Ejemplos Resueltos

Ejemplo: Breadcrumb de Producto E-commerce

Ejemplo: Breadcrumb de Blog via Importacion de URL

Usos Practicos

Paginas de Productos E-commerce

Navegacion de Categorias de Blog

Sitios de Documentacion

Sitios Web Multiidioma

Preguntas Frecuentes

?Que son los datos estructurados BreadcrumbList?

?Es gratuito este generador de schema breadcrumb?

?Mis datos estan seguros al usar esta herramienta?

?Cuantos elementos breadcrumb debo incluir?

?Donde coloco el codigo JSON-LD generado?

?El schema breadcrumb mejorara mi posicionamiento SEO?

?La funcion de importar desde URL funciona con cualquier sitio?

?Puedo usar esto para aplicaciones de una sola pagina?

Herramientas relacionadas

Contador de Caracteres para Anuncios

Generador de URL Canónica

Crear Tarjeta de Visita Digital

¿Qué te parece esta herramienta?

Libros Recomendados sobre Datos Estructurados y SEO

The Art of SEO

SEO for Dummies

3 Months to No.1

Productos Profesionales para Desarrollo Web y SEO

Key Light - Luz de Estudio Profesional de 2800 lumenes con Pinza de Escritorio para Streaming y Grabacion

MV7+ Microfono Dinamico para Podcast con Soporte - Certificado OBS, Audio Mejorado, Panel LED, Salidas USB-C y XLR

MX Brio Webcam Ultra HD 4K para Colaboracion y Streaming, 1080p 60 FPS, Funciona con Teams y Zoom

Recibe Consejos de Productividad y Nuevas Herramientas Primero