Breadcrumbs
Breadcrumbs are a navigation pattern that shows the hierarchical path from the homepage to the current page, helping users understand their location within the site structure.
Breadcrumbs improve user experience by providing context and easy navigation to parent sections. Google displays them in search results when BreadcrumbList structured data is present, replacing the URL display.
Implement breadcrumbs with both visible UI elements and `BreadcrumbList` JSON-LD structured data. The structured data must match the visible breadcrumbs for consistency.
Indxel generates BreadcrumbList schema via `getBreadcrumbSchema()` — pass an array of `{ name, url }` objects and it outputs valid JSON-LD that qualifies for the breadcrumb rich result.
Example
// Using Indxel's structured data helper
import { getBreadcrumbSchema } from "@/lib/structured-data";
const breadcrumbs = getBreadcrumbSchema([
{ name: "Home", url: "https://example.com" },
{ name: "Blog", url: "https://example.com/blog" },
{ name: "SEO Guide", url: "https://example.com/blog/seo-guide" },
]);Related terms
Structured Data
Structured data is a standardized format (typically JSON-LD using schema.org vocabulary) embedded in your HTML that explicitly describes the content of a page to search engines.
Internal Linking
Internal linking is the practice of connecting pages within the same website using hyperlinks. It distributes link equity, establishes site hierarchy, and aids crawlability.
Schema Markup
Schema markup is code (usually JSON-LD) that uses the schema.org vocabulary to annotate web content, enabling search engines to display enhanced results like rich snippets.
Stop shipping broken SEO
Indxel validates your metadata, guards your CI/CD pipeline, and monitors indexation — so you never miss an SEO issue again.