Breadcrumb-Schema Generieren

Name: Breadcrumb-Schema Generieren
Author: Kitmul

Generieren Sie JSON-LD BreadcrumbList strukturierte Daten fuer SEO, um Suchmaschinen die Hierarchie Ihrer Website zu vermitteln.

Erstellen Sie gueltiges JSON-LD BreadcrumbList strukturiertes Daten-Markup fuer Ihre Website mit diesem kostenlosen Breadcrumb-Schema-Generator. Fuegen Sie Elemente hinzu, entfernen und ordnen Sie sie mit Live-Vorschau. Importieren Sie Breadcrumbs von jeder URL durch automatisches Aufteilen der Pfadsegmente. Sehen Sie eine Google Rich Results Vorschau, die zeigt, wie Ihre Breadcrumbs in den Suchergebnissen erscheinen. Korrektes Breadcrumb-Markup hilft Suchmaschinen, die Struktur Ihrer Website zu verstehen.

Von URL Importieren

Breadcrumb-Elemente

Name

URL

Name

URL

JSON-LD Vorschau

<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "Products",
      "item": "https://example.com/products"
    }
  ]
}
</script>

Google Rich Results Vorschau

Home›Products

https://example.com /products

Deine Daten bleiben in deinem Browser

Anleitung

So Verwenden Sie den Breadcrumb-Schema-Generator

Breadcrumb-Elemente Hinzufuegen

Geben Sie einen Namen und eine URL fuer jede Ebene Ihrer Website-Hierarchie ein, beginnend mit der Startseite.

Neuordnen oder Importieren

Verwenden Sie die Pfeilschaltflaechen zum Neuordnen oder fuegen Sie eine URL ein, um Breadcrumbs automatisch zu generieren.

Vorschau Pruefen

Ueberpruefen Sie die JSON-LD Ausgabe und die Google Rich Results Vorschau, um zu bestaetigen, dass alles korrekt aussieht.

Kopieren und Implementieren

Kopieren Sie das generierte Script-Tag und fuegen Sie es in den Head- oder Body-Bereich Ihrer HTML-Seite ein.

Guide

Vollstaendiger Leitfaden zum Breadcrumb-Schema-Generator

Was ist Breadcrumb-Schema?

Breadcrumb-Schema ist eine Art strukturiertes Daten-Markup, das das BreadcrumbList-Vokabular von Schema.org verwendet. Es informiert Suchmaschinen ueber die hierarchische Struktur Ihrer Website, indem es einen Navigationspfad von der Startseite zur aktuellen Seite definiert. Bei korrekter Implementierung koennen Google und andere Suchmaschinen diese Breadcrumb-Pfade direkt in den Suchergebnissen anzeigen; die einfache URL durch einen lesbareren Navigationspfad ersetzen.

Warum Breadcrumb-Schema fuer SEO Wichtig Ist

Die Implementierung von Breadcrumb strukturierten Daten ist eine wichtige technische SEO-Praxis. Obwohl sie das Ranking nicht direkt beeinflusst; verbessert sie die Darstellung Ihrer Suchergebnisse erheblich. Seiten mit Breadcrumb Rich Results haben tendenziell hoehere Klickraten, da Benutzer genau sehen koennen, wo sich eine Seite in der Website-Hierarchie befindet. Dies ist besonders wertvoll fuer E-Commerce-Seiten und Dokumentationsportale.

JSON-LD vs Microdata fuer Breadcrumbs

Es gibt zwei Hauptformate fuer Breadcrumb-Markup: JSON-LD und Microdata. Google empfiehlt JSON-LD, da es einfacher zu implementieren und zu warten ist. JSON-LD befindet sich in einem separaten Script-Tag; haelt Ihr HTML sauber. Microdata erfordert Inline-Attribute an Ihren HTML-Elementen; was schwieriger zu verwalten ist. Dieser Generator verwendet ausschliesslich das JSON-LD-Format; entsprechend den Best Practices von Google fuer die Implementierung strukturierter Daten.

Best Practices fuer die Breadcrumb-Implementierung

Beginnen Sie Ihren Breadcrumb-Pfad immer mit der Startseite als erstem Element. Jedes folgende Element sollte eine echte navigierbare Seite auf Ihrer Website darstellen. Vermeiden Sie es, die aktuelle Seite als klickbaren Link einzufuegen; verwenden Sie sie als letztes Klartext-Element. Halten Sie Breadcrumb-Namen praegnant und beschreibend. Stellen Sie sicher, dass jede URL in Ihren Breadcrumbs einen 200-Statuscode zurueckgibt. Testen Sie Ihr Markup nach der Implementierung mit dem Google Rich Results Test Tool.

Sources

Examples

Durchgearbeitete Beispiele

Beispiel: E-Commerce-Produkt-Breadcrumb

Gegeben: Eine Online-Shop-Produktseite unter https://shop.de/elektronik/telefone/iphone-15

Schritt 1: Fuegen Sie 'Startseite' mit URL https://shop.de/ hinzu

Schritt 2: Fuegen Sie 'Elektronik' mit URL https://shop.de/elektronik hinzu

Schritt 3: Fuegen Sie 'Telefone' mit URL https://shop.de/elektronik/telefone hinzu

Schritt 4: Fuegen Sie 'iPhone 15' mit URL https://shop.de/elektronik/telefone/iphone-15 hinzu

Ergebnis: Ein 4-Ebenen BreadcrumbList JSON-LD-Schema bereit zum Einfuegen in Ihre Produktseite.

Beispiel: Blog-Beitrag-Breadcrumb via URL-Import

Gegeben: Eine Blog-Beitrag-URL https://blog.de/tech/tutorials/react-hooks-anleitung

Schritt 1: Fuegen Sie die URL in das Feld Von URL Importieren ein und klicken Sie auf Importieren.

Schritt 2: Das Tool generiert automatisch 4 Elemente: Startseite, Tech, Tutorials, React Hooks Anleitung.

Schritt 3: Ueberpruefen und bearbeiten Sie Elementnamen oder URLs nach Bedarf.

Schritt 4: Kopieren Sie das generierte JSON-LD Script-Tag.

Ergebnis: Breadcrumb-Schema automatisch aus URL-Pfadsegmenten mit korrekter Grossschreibung generiert.

Anwendungsfälle

Praktische Anwendungen

E-Commerce-Produktseiten

“Generieren Sie Breadcrumb-Pfade fuer Produktseiten, die den Weg von der Startseite ueber Kategorien und Unterkategorien bis zum Produkt zeigen. Dies hilft Google, Navigationspfade in Suchergebnissen anzuzeigen; was die Klickraten fuer Kaeufer erhoeht.”

Blog-Kategorie-Navigation

“Erstellen Sie strukturierte Breadcrumbs fuer Blog-Beitraege, die nach Kategorie und Datum organisiert sind. Wenn Suchmaschinen diese Pfade anzeigen; koennen Leser die Inhaltshierarchie auf einen Blick sehen; was die Benutzererfahrung verbessert.”

Dokumentationsseiten

“Erstellen Sie Breadcrumb-Schemas fuer technische Dokumentation mit verschachtelten Abschnitten und Unterabschnitten. Korrektes Breadcrumb-Markup hilft Entwicklern, schnell zu erkennen, welchen Teil der Dokumentation sie direkt aus den Suchergebnissen betrachten.”

Mehrsprachige Websites

“Generieren Sie separate Breadcrumb-Schemas fuer jede Sprachversion Ihrer Website. Dies stellt sicher, dass Suchmaschinen die Hierarchie lokalisierter Inhalte korrekt verstehen; den richtigen Breadcrumb-Pfad fuer Benutzer in verschiedenen Sprachen anzeigend.”

Haeufig Gestellte Fragen

?Was sind BreadcrumbList strukturierte Daten?

BreadcrumbList ist ein Schema.org-Typ, der den Navigationspfad von der Startseite zur aktuellen Seite beschreibt. Suchmaschinen nutzen ihn, um Breadcrumb-Pfade in den Ergebnissen anzuzeigen.

?Ist dieser Breadcrumb-Schema-Generator kostenlos?

Ja; dieses Tool ist voellig kostenlos und unbegrenzt. Es laeuft vollstaendig in Ihrem Browser; Sie koennen also so viele Breadcrumb-Schemas generieren, wie Sie benoetigen.

?Sind meine Daten bei der Nutzung dieses Tools privat?

Absolut. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser. Keine URLs oder Breadcrumb-Daten werden an einen Server gesendet; was vollstaendige Privatsphaere gewaehrleistet.

?Wie viele Breadcrumb-Elemente sollte ich einfuegen?

Fuegen Sie mindestens 2 Elemente fuer ein gueltiges Schema ein. Die meisten Websites verwenden 3 bis 5 Ebenen; die den Pfad von der Startseite zur aktuellen Seite darstellen.

?Wo platziere ich den generierten JSON-LD-Code?

Fuegen Sie das Script-Tag im Head-Bereich Ihrer HTML-Seite ein. Sie koennen es auch am Ende des Body-Bereichs platzieren; beides ist gueltig.

?Verbessert Breadcrumb-Schema mein SEO-Ranking?

Breadcrumb-Schema verbessert nicht direkt das Ranking. Es verbessert jedoch die Darstellung Ihrer Seiten in den Suchergebnissen; was die Klickraten erheblich steigern kann.

?Funktioniert die URL-Import-Funktion mit jeder Website?

Die Import-Funktion analysiert die URL-Pfadsegmente lokal. Sie funktioniert mit jeder gueltigen URL-Struktur; teilt den Pfad automatisch in logische Breadcrumb-Elemente auf.

?Kann ich dies fuer Single-Page-Anwendungen verwenden?

Ja. Auch fuer SPAs hilft Breadcrumb-Schema den Suchmaschinen, die virtuelle Seitenhierarchie zu verstehen. Fuegen Sie das JSON-LD dynamisch bei Routenaenderungen hinzu.

Wie gefällt Ihnen dieses Tool?

Jedes Tool bei Kitmul wird auf Basis echter Nutzeranfragen gebaut. Ihre Bewertung und Ihre Vorschläge helfen uns, Bugs zu beheben, fehlende Funktionen hinzuzufügen und die Tools zu bauen, die Sie wirklich brauchen.

Empfohlene Lektüre

Empfohlene Buecher ueber Strukturierte Daten und SEO

Erweitern Sie Ihre Fähigkeiten

Professionelle Produkte fuer Webentwicklung und SEO

Key Light - Professionelles 2800 Lumen Studiolicht mit Schreibtischklemme fuer Streaming und Aufnahme