Breadcrumb JSON-LD for SEO: AI-Generated Schema Example

This prompt generates a complete breadcrumb navigation component that combines visible UI elements with JSON-LD structured data markup — exactly what search engines like Google need to display rich breadcrumb trails in search results. It is particularly useful for developers and content managers building multi-level websites such as e-commerce stores, blogs, or documentation portals, where clear page hierarchy improves both user experience and organic visibility.

To get the best results, pair this prompt with a model strong in semantic HTML and schema.org conventions, such as GPT-4 or Claude. You can extend the prompt by specifying your site's actual URL structure, the number of hierarchy levels, or a preferred CSS framework like Tailwind or Bootstrap. Variations worth trying include generating dynamic breadcrumbs for a CMS like WordPress or Next.js, or adding BreadcrumbList validation steps to ensure the output passes Google's Rich Results Test without errors.