Suchmaschinenoptimierung (SEO)

Breadcrumb-Markup & Strukturierte Navigation

1. Was sind Breadcrumbs?
2. Breadcrumbs und SEO
3. HTML-Breadcrumb implementieren
4. BreadcrumbList Schema-Markup
5. Breadcrumbs in der Google Search Console überprüfen
6. Best Practices

Was sind Breadcrumbs?

Breadcrumbs (auf Deutsch: Brotkrumen) sind eine sekundäre Navigationshilfe, die dem Nutzer zeigt, wo er sich innerhalb der Webseitenstruktur befindet. Ein typischer Breadcrumb-Pfad sieht so aus:

Startseite > Kategorie > Unterkategorie > Aktueller Artikel

Breadcrumbs bieten mehrere Vorteile:

• Nutzer sehen sofort, wo sie sich auf der Website befinden
• Einfache Navigation zu übergeordneten Kategorien
• Verdeutlichung der Website-Hierarchie für Suchmaschinen
• Verbesserung der internen Verlinkungsstruktur

Breadcrumbs und SEO

• Rich Results in der Suche – Google kann den Breadcrumb-Pfad direkt unterhalb des Seitentitels anzeigen, wenn korrektes Schema-Markup vorhanden ist.
• Verbesserte interne Verlinkung – Breadcrumbs sind interne Links, die Link Equity stärken.
• Besseres Crawling – Suchmaschinen können die Seitenstruktur besser verstehen.
• Keyword-Optimierung – Kategorienamen in Breadcrumbs können relevante Keywords enthalten.

HTML-Breadcrumb implementieren

Ein semantisch korrekter HTML-Breadcrumb verwendet das <nav>-Element:

<nav aria-label="Breadcrumb">
  <ol>
    <li><a href="/">Startseite</a></li>
    <li><a href="/technische-seo.html">Technische SEO</a></li>
    <li><a href="/schema-markup.html">Schema Markup</a></li>
    <li aria-current="page">Breadcrumb-Markup</li>
  </ol>
</nav>

Verwenden Sie eine geordnete Liste (<ol>), da die Reihenfolge semantisch wichtig ist. Das aktuelle Element erhält aria-current="page".

BreadcrumbList Schema-Markup

Für Rich Results fügen Sie zusätzlich das BreadcrumbList JSON-LD ein:

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Suchmaschinenoptimierung",
      "item": "https://suchmaschinenoptimierung.andreasreisch.ch/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Technische SEO",
      "item": "https://suchmaschinenoptimierung.andreasreisch.ch/technische-seo.html"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "Schema Markup",
      "item": "https://suchmaschinenoptimierung.andreasreisch.ch/schema-markup.html"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "Breadcrumb-Markup"
    }
  ]
}
</script>

Das letzte Element hat keinen item-Wert, da es die aktuelle Seite repräsentiert.

Breadcrumbs in der Google Search Console überprüfen

Die Google Search Console hat einen dedizierten Bericht für Breadcrumbs. Dort sehen Sie, ob Ihre Breadcrumbs korrekt erkannt werden, welche Fehler vorhanden sind und für wie viele URLs Breadcrumbs erkannt wurden.

Häufige Fehler: fehlende Pflichtfelder, ungültige URLs oder Inkonsistenz zwischen HTML-Breadcrumb und Schema-Markup.

Best Practices

• Startseite immer einbeziehen – Der Breadcrumb-Pfad sollte immer mit der Startseite beginnen
• Nicht zu tief – Mehr als 4–5 Ebenen werden selten benötigt
• Trennzeichen konsistent – «>» oder «/» – per CSS stylen, nicht im HTML
• Mobile berücksichtigen – Langer Breadcrumb kann auf kleinen Bildschirmen umbrechen
• HTML und Schema konsistent – Sichtbarer Breadcrumb und Schema-Markup müssen übereinstimmen

Weitere Informationen finden Sie auf den Seiten Schema Markup und URL-Struktur.