Home / SEO Standards / Breadcrumbs

Breadcrumb Standards

Last Edited: 2026-06-29 01:32

Manual Breadcrumb Navigation

A trail of contextual links placed at the top of a page to help users and search crawlers navigate the site structure.

• Input: The visual HTML navigation container, CSS styling, and matching JSON-LD BreadcrumbList script.
• Standards:
  1. Manual Build: Since this is not supported natively by the platform, breadcrumbs must be coded manually for all multi-tier pages.
  2. No Self-Linking: The final item representing the active page must be plain text and must not contain a clickable href link.
  3. Label Consistency: The visual link text, JSON-LD schema names, and page H1 must match exactly.
  4. Keyword Focus: Trail labels must feature concise, primary keywords rather than long sentence titles.

Implementation Templates:

HTML Markup:

<nav aria-label="Breadcrumb" class="breadcrumb-container">
  <ol class="breadcrumb-list">
    <li class="breadcrumb-item"><a href="/">Home</a></li>
    <li class="breadcrumb-item"><a href="/services">Services</a></li>
    <li class="breadcrumb-item active" aria-current="page">AC Repair</li>
  </ol>
</nav>

JSON-LD Schema:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://www.example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Services",
      "item": "https://www.example.com/services"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "AC Repair",
      "item": "https://www.example.com/services/ac-repair"
    }
  ]
}
</script>