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 búsqueda a entender la jerarquia de tu sitio.

Crea marcado de datos estructurados BreadcrumbList en JSON-LD válido 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 automáticamente los segmentos de la ruta. Visualiza una vista previa de Google Rich Results mostrando como apareceran tus breadcrumbs en los resultados de búsqueda. El marcado adecuado de breadcrumbs ayuda a los motores de búsqueda 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

¿Te ha sido útil está herramienta?

Valora está herramienta

Tutorial

Cómo 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 página principal.

Reordena o Importa

Usa los botones de flecha para reordenar elementos o pega una URL para generar breadcrumbs automáticamente.

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 página HTML.

Guide

Guía Completa del Generador de Schema Breadcrumb

Qué 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 búsqueda sobre la estructura jerarquica de tu sitio web definiendo una ruta de navegación desde la página principal hasta la página actual. Cuando se implementa correctamente; Google y otros motores de búsqueda pueden mostrar estas rutas breadcrumb directamente en los resultados de búsqueda; reemplazando la URL simple con una ruta de navegación mas legible.

por qué el Schema Breadcrumb Importa para el SEO

Implementar datos estructurados breadcrumb es una práctica clave de SEO técnico. Aunque no influye directamente en el posicionamiento; mejora significativamente la apariencia de tus resultados de búsqueda. Las páginas con resultados enriquecidos de breadcrumb tienden a tener tasas de clics más altas porque los usuarios pueden ver exactamente donde se encuentra una página dentro de la jerarquia de tu sitio. Esto es especialmente valioso para sitios de comercio electrónico y portales de documentación.

JSON-LD vs Microdata para Breadcrumbs

Hay dos formatos principales para el marcado breadcrumb: JSON-LD y Microdata. Google recomienda JSON-LD porque es más fácil de implementar y mantener. JSON-LD se coloca en una etiqueta script separada; manteniendo tu HTML limpio. Microdata requiere atributos en línea en tus elementos HTML; lo cual es más difícil de gestionar. Este generador usa exclusivamente el formato JSON-LD; siguiendo las mejores prácticas de Google para la implementación de datos estructurados.

Mejores Prácticas para la Implementación de Breadcrumbs

Siempre comienza tu ruta breadcrumb con la página principal como primer elemento. Cada elemento subsiguiente debe representar una página navegable real en tu sitio. Evita incluir la página 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 código 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 página de producto de tienda en línea en https://tienda.com/electrónica/teléfonos/iphone-15

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

Paso 2: Agrega 'Electrónica' con URL https://tienda.com/electrónica

Paso 3: Agrega 'Teléfonos' con URL https://tienda.com/electrónica/teléfonos

Paso 4: Agrega 'iPhone 15' con URL https://tienda.com/electrónica/teléfonos/iphone-15

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

Ejemplo: Breadcrumb de Blog vía Importacion de URL

Dado: Una URL de publicación de blog https://blog.com/tech/tutoriales/guía-react-hooks

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

Paso 2: La herramienta genera automáticamente 4 elementos: Inicio, Tech, Tutoriales, Guía React Hooks.

Paso 3: Revisa y edita cualquier nombre o URL de elemento según sea necesario.

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

Resultado: Esquema breadcrumb generado automáticamente desde los segmentos de la ruta URL con capitalización adecuada.

Casos de uso

Usos Practicos

Páginas de Productos E-commerce

“Genera rutas breadcrumb para páginas de productos mostrando la ruta desde la página principal a través de categorías y subcategorias hasta el producto. Esto ayuda a Google a mostrar rutas de navegación en los resultados de búsqueda; aumentando las tasas de clics.”

Navegación de Categorías de Blog

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

Sitios de Documentación

“Construye esquemas breadcrumb para documentación técnica con secciones y subsecciones anidadas. El marcado adecuado ayuda a los desarrolladores a identificar rápidamente que parte de la documentación están viendo directamente desde los resultados de búsqueda.”

Sitios Web Multiidioma

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

Preguntas Frecuentes

?Qué son los datos estructurados BreadcrumbList?

BreadcrumbList es un tipo de Schema.org que describe la ruta de navegación desde la página principal hasta la página actual. Los motores de búsqueda lo usan para mostrar rutas breadcrumb en los resultados.

?Es gratuito este generador de schema breadcrumb?

Si; está herramienta es completamente gratuita e ilimitada. Se ejecuta completamente en tu navegador; así que puedes generar tantos esquemas breadcrumb como necesites.

?Mis datos están seguros al usar está herramienta?

Absolutamente. Todo el procesamiento ocurre localmente en tu navegador. No se envían URLs ni datos breadcrumb a ningún servidor; garantizando completa privacidad.

?Cuántos elementos breadcrumb debo incluir?

Incluye al menos 2 elementos para un esquema válido. La mayoría de los sitios usan de 3 a 5 niveles; representando la ruta desde la página principal hasta la página actual.

?Dónde colocó el código JSON-LD generado?

Pega la etiqueta script en la sección head de tu página HTML. También puedes colocarla al final de la sección body; ambas son válidas.

?El schema breadcrumb mejorara mi posicionamiento SEO?

El schema breadcrumb no aumenta directamente el posicionamiento. Sin embargo; mejora como aparecen tus páginas en los resultados de búsqueda; lo que puede aumentar las tasas de clics significativamente.

?La función de importar desde URL funciona con cualquier sitio?

La función de importación analiza los segmentos de la ruta URL localmente. Funciona con cualquier estructura de URL válida; dividiendo la ruta en elementos breadcrumb lógicos automáticamente.

?Puedo usar esto para aplicaciones de una sola página?

Si. Incluso para SPAs; el schema breadcrumb ayuda a los motores de búsqueda a entender la jerarquia de páginas virtuales. Agrega el JSON-LD dinámicamente cuando cambien las rutas.

Ayúdanos a mejorar

¿Qué te parece está 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.

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

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

Cómo Usar el Generador de Schema Breadcrumb

Agrega Elementos Breadcrumb

Reordena o Importa

Revisa la Vista Previa

Copia e Implementa

Guía Completa del Generador de Schema Breadcrumb

Qué es el Schema Breadcrumb?

por qué el Schema Breadcrumb Importa para el SEO

JSON-LD vs Microdata para Breadcrumbs

Mejores Prácticas para la Implementación de Breadcrumbs

Ejemplos Resueltos

Ejemplo: Breadcrumb de Producto E-commerce

Ejemplo: Breadcrumb de Blog vía Importacion de URL

Usos Practicos

Páginas de Productos E-commerce

Navegación de Categorías de Blog

Sitios de Documentación

Sitios Web Multiidioma

Preguntas Frecuentes

?Qué son los datos estructurados BreadcrumbList?

?Es gratuito este generador de schema breadcrumb?

?Mis datos están seguros al usar está herramienta?

?Cuántos elementos breadcrumb debo incluir?

?Dónde colocó el código JSON-LD generado?

?El schema breadcrumb mejorara mi posicionamiento SEO?

?La función de importar desde URL funciona con cualquier sitio?

?Puedo usar esto para aplicaciones de una sola página?

¿Qué te parece está herramienta?

Herramientas relacionadas

Contador de Caracteres para Anuncios

Generador de URL Canónica

Crear Tarjeta de Visita Digital

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 Dinámico 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