Site Architecture & UX

Esquema BreadcrumbList

Esquema BreadcrumbList

El Esquema BreadcrumbList es un marcado de datos estructurados de schema.org que define una ruta de navegación jerárquica en un sitio web, ayudando a los motores de búsqueda y sistemas de IA a entender la estructura del sitio y mostrar rutas de migas de pan en los resultados de búsqueda. Utiliza formatos JSON-LD, RDFa o Microdata para etiquetar explícitamente cada paso en la ruta de navegación del usuario desde la página de inicio hasta la página actual.

Definición del Esquema BreadcrumbList

El Esquema BreadcrumbList es un marcado de datos estructurados estandarizado de schema.org que define explícitamente una ruta de navegación jerárquica en un sitio web. Ayuda a los motores de búsqueda y sistemas de IA a entender la relación entre las páginas y la estructura organizativa del sitio. Implementado utilizando formatos JSON-LD, RDFa o Microdata, el Esquema BreadcrumbList transforma la navegación visual de migas de pan en datos legibles por máquina que los motores de búsqueda pueden interpretar y mostrar directamente en los resultados de búsqueda. El esquema consiste en un elemento contenedor (BreadcrumbList) que contiene múltiples elementos ListItem, cada uno representando un paso en la jerarquía de navegación desde la página de inicio hasta la página actual. Al agregar estos datos estructurados, los propietarios de sitios web permiten que los motores de búsqueda muestren rutas de migas de pan en las páginas de resultados de los motores de búsqueda (SERPs), lo que puede mejorar significativamente las tasas de clics y la experiencia del usuario. El Esquema BreadcrumbList es particularmente valioso en la era de la búsqueda por IA y los modelos de lenguaje de gran escala, donde los datos estructurados ayudan a los sistemas de IA a comprender mejor el contexto y las relaciones del contenido.

Contexto Histórico y Evolución de la Navegación con Migas de Pan

La navegación con migas de pan debe su nombre al cuento de hadas Hansel y Gretel, donde los personajes dejaban migas de pan para retroceder por el bosque. Esta metáfora captura perfectamente el propósito de las migas de pan digitales: ayudar a los usuarios a navegar de vuelta a través de la jerarquía de un sitio web. El concepto de navegación con migas de pan surgió a principios de la década de 2000, cuando los sitios web se volvieron cada vez más complejos con estructuras jerárquicas más profundas. Inicialmente, las migas de pan eran elementos puramente visuales creados con HTML y CSS, que servían únicamente para fines de experiencia del usuario. Sin embargo, a medida que los motores de búsqueda evolucionaron y comenzaron a priorizar los datos estructurados, surgió la necesidad de información de migas de pan legible por máquina. En 2011, schema.org fue lanzado como una iniciativa colaborativa de Google, Bing, Yahoo! y Yandex para crear un vocabulario estandarizado para datos estructurados. Esto llevó a la formalización de BreadcrumbList como un tipo de esquema, permitiendo a los webmasters comunicar explícitamente la estructura del sitio a los motores de búsqueda. La adopción del Esquema BreadcrumbList ha crecido significativamente, con investigaciones que muestran que aproximadamente el 66% de los sitios web utilizan alguna forma de datos estructurados, y las migas de pan representan uno de los tipos de esquema más comúnmente implementados. Hoy en día, el Esquema BreadcrumbList es esencial no solo para los motores de búsqueda tradicionales, sino también para las plataformas de búsqueda por IA como Perplexity, ChatGPT y Google AI Overviews, que dependen de datos estructurados para comprender las relaciones del contenido y proporcionar respuestas precisas y contextuales.

Logo

Ready to Monitor Your AI Visibility?

Track how AI chatbots mention your brand across ChatGPT, Perplexity, and other platforms.

Estructura Técnica e Implementación del Esquema BreadcrumbList

El Esquema BreadcrumbList sigue una estructura técnica específica definida por schema.org. En su núcleo, consiste en un contenedor BreadcrumbList que contiene un arreglo de elementos ListItem. Cada ListItem debe incluir tres propiedades clave: position (un número entero que indica el orden del elemento en la ruta), name (la etiqueta de texto mostrada a los usuarios) e item (la URL de la página). La propiedad position es crítica para mantener la secuencia correcta, comenzando típicamente desde 1 para la página de inicio o la categoría de nivel superior. El formato de implementación más común es JSON-LD (Notación de Objetos JavaScript para Datos Enlazados), que Google recomienda explícitamente. JSON-LD permite a los desarrolladores insertar datos estructurados dentro de una etiqueta <script> en la sección <head> de la página sin afectar el diseño visual o la apariencia de la página. Una implementación típica de BreadcrumbList en JSON-LD incluye la propiedad @context establecida en “https://schema.org ” y la propiedad @type establecida en “BreadcrumbList”. La propiedad itemListElement contiene un arreglo de objetos ListItem, cada uno con sus propias propiedades @type, position, name e item. Los formatos alternativos incluyen RDFa (Marco de Descripción de Recursos en Atributos), que integra datos estructurados directamente en los atributos HTML, y Microdata, que utiliza atributos HTML5 como itemscope e itemprop. Si bien los tres formatos son válidos, JSON-LD ha logrado la tasa de adopción más alta, alcanzando el 41% en toda la web, convirtiéndolo en el estándar de la industria. La flexibilidad del Esquema BreadcrumbList permite rutas de navegación únicas o múltiples en la misma página, adaptándose a estructuras de sitio complejas donde los productos o el contenido pueden ser accedidos a través de diferentes jerarquías de categorías.

Tabla Comparativa: Esquema BreadcrumbList vs. Marcado de Navegación Relacionado

AspectoEsquema BreadcrumbListMigas de Pan HTMLSitemapsMeta Etiquetas de Navegación
PropósitoJerarquía del sitio legible por máquina para motores de búsqueda e IAAyuda visual de navegación para usuariosArchivo XML que lista todas las URLs del sitioMeta etiquetas que indican relaciones entre páginas
FormatoDatos estructurados JSON-LD, RDFa o MicrodataElementos HTML <ol>, <ul> o <nav>Archivo XML (sitemap.xml)Etiquetas HTML <link> en el head de la página
Visibilidad en Motores de BúsquedaSe muestra en SERPs como rutas de migas de panNo visible directamente en resultados de búsquedaSe utiliza para rastreo e indexaciónVisibilidad directa mínima
Impacto en la Experiencia del UsuarioIndirecto (mejora el CTR cuando se muestra)Directo (ayuda a los usuarios a navegar)Sin impacto directo en el usuarioSin impacto directo en el usuario
Interpretación por Sistemas de IAExcelente (los datos estructurados facilitan la comprensión del LLM)Limitada (requiere análisis)Buena (ayuda a entender la estructura del sitio)Limitada (contexto mínimo)
Complejidad de ImplementaciónModerada (requiere agregar código)Simple (HTML básico)Simple (creación de archivo XML)Simple (meta etiquetas HTML)
Impacto SEOIndirecto (mejora el CTR y la capacidad de rastreo)Indirecto (mejora UX y enlaces internos)Indirecto (facilita la eficiencia del rastreo)Impacto directo mínimo
Tasa de Adopción~35-40% de los sitios web~60% de los sitios web~70% de los sitios web~45% de los sitios web
Ideal ParaSitios jerárquicos complejos, comercio electrónico, visibilidad en IATodos los sitios web con múltiples nivelesSitios grandes con muchas páginasIndicar relaciones entre páginas

Preguntas frecuentes

¿Listo para monitorear tu visibilidad en IA?

Comienza a rastrear cómo los chatbots de IA mencionan tu marca en ChatGPT, Perplexity y otras plataformas. Obtén información procesable para mejorar tu presencia en IA.

Saber más

Estructura de Navegación
Estructura de Navegación: Definición e Impacto en la Organización Web

Estructura de Navegación

La estructura de navegación es el sistema que organiza las páginas y enlaces de un sitio web para guiar a los usuarios y rastreadores de IA. Descubre cómo afect...

11 min de lectura
Esquema de Producto
Esquema de Producto: Marcado de Datos Estructurados para Información de Productos

Esquema de Producto

El Esquema de Producto es un marcado de datos estructurados que ayuda a los motores de búsqueda y sistemas de IA a comprender los detalles del producto. Aprenda...

31 min de lectura
Datos Estructurados
Datos Estructurados: Información Organizada para Motores de Búsqueda e IA

Datos Estructurados

Los datos estructurados son un marcado estandarizado que ayuda a los motores de búsqueda a comprender el contenido de una página web. Aprende cómo JSON-LD, sche...

12 min de lectura