BreadcrumbList Schema Markup für Breadcrumb Rich Snippets in Google
Tech-SEO

BreadcrumbList Schema Markup: Breadcrumb Rich Snippets für SEO

16. April 2026 • Shift07 Redaktion • 12 Min. Lesezeit

Wenn du in Google nach etwas suchst und unterhalb des Seitentitels kleine Navigationspfade wie „Startseite → Kategorie → Artikel" siehst, dann sind das Breadcrumb Rich Snippets — und sie entstehen durch BreadcrumbList Schema Markup. In diesem Leitfaden lernst du, wie du dieses strukturierte Datenelement korrekt implementierst, welche Fehler häufig gemacht werden und warum Breadcrumbs weit mehr als nur eine UX-Spielerei sind.

Was ist BreadcrumbList Schema Markup?

BreadcrumbList ist ein Schema.org-Datentyp, der die hierarchische Navigationsstruktur einer Seite beschreibt. Du gibst Google damit maschinenlesbar an, wo sich eine Seite in der Seitenstruktur befindet — von der Startseite bis zur aktuellen Seite.

Google kann diese Informationen dann direkt in den Suchergebnissen anzeigen. Statt der normalen URL erscheint ein Navigationspfad:

shift07.ai › Blog › Tech-SEO › BreadcrumbList Schema

Das hat mehrere Vorteile: Die URL wird lesbarer, Nutzer sehen sofort wo sie landen werden, und die CTR (Click-Through-Rate) steigt nachweislich — weil Nutzer dem Ergebnis besser vertrauen.

Warum Breadcrumb Schema für SEO wichtig ist

Breadcrumb Schema ist aus drei Gründen SEO-relevant:

1. Verbesserte CTR durch Rich Snippets

Breadcrumbs in den SERPs (Search Engine Result Pages) machen ein Snippet visuell attraktiver. Studien zeigen, dass Rich Snippets die CTR um 10–20 % steigern können. Nutzer wissen auf einen Blick, auf welcher Ebene deiner Website sie landen werden — das schafft Vertrauen.

2. Bessere Seitenstruktur-Kommunikation

Googlebot nutzt Breadcrumb-Informationen, um deine Seitenarchitektur zu verstehen. Wenn du konsistente BreadcrumbList-Markierungen auf allen Seiten hast, kann Google die Zusammenhänge zwischen Seiten schneller erfassen — das hilft beim Crawl-Budget und bei der korrekten Einordnung deiner Inhalte.

3. Unterstützung der internen Verlinkungsstrategie

Breadcrumbs stärken deine interne Verlinkung. Jeder Breadcrumb-Pfad ist ein interner Link, der Linkjuice von der Hauptkategorie zur Unterseite weitergibt. Korrekte Schema-Markup macht diese Beziehungen für Google explizit.

BreadcrumbList JSON-LD: Das vollständige Beispiel

Die empfohlene Implementierung ist JSON-LD im <head>-Bereich. Hier ein vollständiges Beispiel für einen Blog-Artikel:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Startseite",
      "item": "https://shift07.ai/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Blog",
      "item": "https://shift07.ai/blog/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Tech-SEO",
      "item": "https://shift07.ai/blog/?kategorie=tech-seo"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "BreadcrumbList Schema Markup"
    }
  ]
}
</script>

Wichtige Details zu beachten:

  • position: Nummerierung beginnt bei 1 (nicht 0)
  • item: Die URL des jeweiligen Navigationspunkts — beim letzten Eintrag optional (aktuelle Seite)
  • name: Der sichtbare Name des Navigationspunkts
  • Die letzte Ebene (aktuelle Seite) benötigt kein item-Attribut, da kein Link notwendig ist

BreadcrumbList für verschiedene Website-Typen

E-Commerce-Shop

Online-Shops profitieren besonders stark von Breadcrumbs, da sie tiefe Kategoriestrukturen haben:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Shop",
      "item": "https://meinshop.de/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Elektronik",
      "item": "https://meinshop.de/elektronik/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Smartphones",
      "item": "https://meinshop.de/elektronik/smartphones/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Samsung Galaxy S25",
      "item": "https://meinshop.de/elektronik/smartphones/samsung-galaxy-s25/"
    }
  ]
}

Blog / Content-Website

Für Blogs ist die Struktur typischerweise flacher:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Startseite",
      "item": "https://meinblog.de/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "SEO-Tipps",
      "item": "https://meinblog.de/seo-tipps/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "On-Page SEO Grundlagen"
    }
  ]
}

Lokales Unternehmen

Zusammen mit LocalBusiness Schema Markup lassen sich auch Service-Seiten mit Breadcrumbs ausstatten:

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Zahnarztpraxis Müller Berlin",
      "item": "https://zahnarzt-mueller-berlin.de/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Leistungen",
      "item": "https://zahnarzt-mueller-berlin.de/leistungen/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Implantate"
    }
  ]
}

BreadcrumbList mit anderen Schema-Typen kombinieren

BreadcrumbList lässt sich und sollte mit anderen Schema-Typen kombiniert werden. Auf einer Produktseite kannst du sowohl BreadcrumbList als auch Product-Schema gleichzeitig einsetzen. Google verarbeitet mehrere Schema-Blöcke auf einer Seite problemlos.

Auf einem Blog-Artikel kombinierst du BreadcrumbList typischerweise mit Article Schema:

<!-- Article Schema -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BlogPosting",
  "headline": "Mein Artikel-Titel",
  ...
}
</script>

<!-- BreadcrumbList Schema (separat) -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [ ... ]
}
</script>

Alternativ kannst du BreadcrumbList als verschachteltes breadcrumb-Property im Article-Schema einbinden — beide Varianten werden von Google akzeptiert.

Häufige Fehler bei BreadcrumbList Schema

Fehler 1: Positions nicht fortlaufend

Die Position muss immer bei 1 beginnen und fortlaufend sein (1, 2, 3, …). Sprünge wie 1, 3, 5 sind ungültig und führen zu Fehlern in der Google Search Console.

Fehler 2: URL und Breadcrumb stimmen nicht überein

Der Breadcrumb-Pfad sollte der tatsächlichen URL-Struktur entsprechen. Wenn deine URL /blog/seo/artikel.html lautet, aber der Breadcrumb „Startseite → Artikel" zeigt, wird Google das als inkonsistent bewerten.

Fehler 3: Item-URLs nicht absolut

Alle URLs im item-Feld müssen absolut sein (mit https://), keine relativen Pfade wie /blog/.

Fehler 4: Schema nur auf manchen Seiten

Breadcrumb Schema sollte konsequent auf allen Seiten deiner Website implementiert sein, nicht nur auf einigen. Inkonsistente Implementierungen verwirren Google und liefern geringere Vorteile.

Fehler 5: Breadcrumb-Schema und sichtbarer Breadcrumb abweichend

Google prüft, ob dein Schema mit dem sichtbaren Breadcrumb auf der Seite übereinstimmt. Wenn im Schema „Kategorie A" steht, aber auf der Seite „Kategorie B" angezeigt wird, wertet Google das als Spam-Signal.

Breadcrumb Schema in WordPress implementieren

In WordPress gibt es zwei einfache Wege:

Über Yoast SEO oder Rank Math

Beide Plugins generieren automatisch BreadcrumbList-Schema, sobald du die Breadcrumb-Funktion aktivierst. Yoast SEO → Erweitert → Breadcrumbs → Breadcrumbs aktivieren. Rank Math macht das automatisch.

Manuell im Theme (functions.php)

Für Entwickler, die das volle Steuern wollen, kannst du die Schema-Ausgabe direkt in der wp_head-Action einbinden:

add_action('wp_head', 'add_breadcrumb_schema');
function add_breadcrumb_schema() {
    if (is_single()) {
        $categories = get_the_category();
        $cat = $categories[0] ?? null;
        // JSON-LD dynamisch generieren
        echo '<script type="application/ld+json">' . json_encode([
            '@context' => 'https://schema.org',
            '@type' => 'BreadcrumbList',
            'itemListElement' => [
                ['@type' => 'ListItem', 'position' => 1, 'name' => 'Startseite', 'item' => home_url('/')],
                ['@type' => 'ListItem', 'position' => 2, 'name' => $cat?->name ?? 'Blog', 'item' => $cat ? get_category_link($cat->term_id) : get_bloginfo('url') . '/blog/'],
                ['@type' => 'ListItem', 'position' => 3, 'name' => get_the_title()]
            ]
        ]) . '</script>';
    }
}

BreadcrumbList in Next.js und React implementieren

Für moderne JavaScript-Frameworks nutzt du den <Head>-Bereich (Next.js) oder react-helmet:

// Next.js Beispiel
import Head from 'next/head';

const breadcrumbSchema = {
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    { "@type": "ListItem", "position": 1, "name": "Startseite", "item": "https://example.de/" },
    { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://example.de/blog/" },
    { "@type": "ListItem", "position": 3, "name": currentPost.title }
  ]
};

export default function BlogPost({ post }) {
  return (
    <>
      <Head>
        <script
          type="application/ld+json"
          dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbSchema) }}
        />
      </Head>
      {/* ... */}
    </>
  );
}

Breadcrumb Schema testen

Google stellt zwei Tools zur Verfügung:

  • Google Rich Results Test — prüft, ob das Schema korrekt implementiert ist und ob eine Rich-Snippet-Darstellung berechtigt ist
  • Google Search Console → Verbesserungen → Breadcrumbs — zeigt alle indizierten Seiten mit Breadcrumb-Schema und eventuelle Fehler

Alternativ kannst du unseren JSON-LD Structured Data Validator nutzen, um dein Schema direkt zu prüfen.

Wann erscheinen Breadcrumbs in den SERPs?

Google garantiert keine Anzeige von Breadcrumbs — auch mit korrektem Schema. Folgende Faktoren erhöhen die Wahrscheinlichkeit:

  • Das Schema ist fehlerfrei (kein Warnung in der Search Console)
  • Die Seite ist auf Google indexiert und wird gecrawlt
  • Die URL-Struktur ist logisch und stimmt mit dem Schema überein
  • Die Website hat ausreichend Autorität
  • Es gibt keinen Konflikt zwischen Schema und sichtbarem Breadcrumb

Typischerweise dauert es 1–4 Wochen nach der Implementierung, bis Breadcrumbs in den SERPs erscheinen.

BreadcrumbList und Seitenstruktur-SEO

BreadcrumbList-Schema ist einer von mehreren Bausteinen einer guten Seitenstruktur für SEO. Zusammen mit klaren URL-Strukturen, funktionierenden Kategorieseiten und einer durchdachten internen Verlinkungsstrategie signalisierst du Google, dass deine Website gut organisiert und nutzerfreundlich ist.

Besonders für größere Websites mit vielen Kategorieebenen — wie Online-Shops oder große Content-Portale — ist BreadcrumbList unverzichtbar. Es reduziert die Ambiguität für Googlebot und erhöht die Chance, dass alle Seiten korrekt gecrawlt und eingeordnet werden.

Checkliste: BreadcrumbList Schema korrekt implementieren

  • ✅ JSON-LD im <head>-Bereich der Seite
  • ✅ @type: "BreadcrumbList" auf der obersten Ebene
  • ✅ Jedes Element als ListItem mit position, name und item
  • ✅ Positionen beginnen bei 1 und sind fortlaufend
  • ✅ Alle URLs absolut (mit https://)
  • ✅ Letztes Element braucht kein item
  • ✅ Schema stimmt mit sichtbarem Breadcrumb überein
  • ✅ Auf allen Seiten konsistent implementiert
  • ✅ Im Rich Results Test geprüft
  • ✅ Google Search Console auf Breadcrumb-Fehler geprüft

Fazit

BreadcrumbList Schema Markup ist eine der einfachsten Maßnahmen im Bereich strukturierte Daten, die du sofort umsetzen kannst. Die Implementierung dauert bei statischen Websites weniger als 30 Minuten — und der Nutzen ist klar: bessere CTR, klarere Seitenstruktur für Google und ein professionelleres Erscheinungsbild in den Suchergebnissen.

Kombiniere BreadcrumbList mit LocalBusiness Schema, Article Schema und weiteren Structured-Data-Typen, um dein gesamtes Rich-Snippet-Potenzial auszuschöpfen. Mit unserer kostenlosen SEO-Analyse auf shift07.ai kannst du prüfen, welche strukturierten Daten auf deiner Website noch fehlen.

BreadcrumbList Schema Rich Snippets Structured Data Tech-SEO Schema.org

Fehlt BreadcrumbList Schema auf deiner Website?

Unsere kostenlose SEO-Analyse prüft strukturierte Daten, Meta-Tags, Performance und mehr — in unter 30 Sekunden.

Kostenlose SEO-Analyse starten →

Weitere Artikel zu Structured Data

Tech-SEO

Strukturierte Daten für SEO: Schema Markup einfach erklärt

Tech-SEO

LocalBusiness Schema Markup: Vollständige Anleitung 2026

Tech-SEO

Article Schema Markup: Blog-Artikel für Rich Snippets optimieren