Breadcrumb-Schema Generieren

Name: Breadcrumb-Schema Generieren
Author: Kitmul

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

Erstellen Sie gueltiges JSON-LD BreadcrumbList strukturiertes Daten-Markup für Ihre Website mit diesem kostenlosen Breadcrumb-Schema-Generator. Fügen 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

War dieses Tool hilfreich?

Dieses Tool bewerten

Anleitung

So Verwenden Sie den Breadcrumb-Schema-Generator

Breadcrumb-Elemente Hinzufuegen

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

Neuordnen oder Importieren

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

Vorschau Prüfen

Überprüfen 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 fügen Sie es in den Head- oder Body-Bereich Ihrer HTML-Seite ein.

Guide

Vollständiger 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 über die hierarchische Struktur Ihrer Website, indem es einen Navigationspfad von der Startseite zur aktuellen Seite definiert. Bei korrekter Implementierung können Google und andere Suchmaschinen diese Breadcrumb-Pfade direkt in den Suchergebnissen anzeigen; die einfache URL durch einen lesbareren Navigationspfad ersetzen.

Warum Breadcrumb-Schema für 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 höhere Klickraten, da Benutzer genau sehen können, wo sich eine Seite in der Website-Hierarchie befindet. Dies ist besonders wertvoll für E-Commerce-Seiten und Dokumentationsportale.

JSON-LD vs Microdata für Breadcrumbs

Es gibt zwei Hauptformate für 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 ausschließlich das JSON-LD-Format; entsprechend den Best Practices von Google für die Implementierung strukturierter Daten.

Best Practices für 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 zurückgibt. 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: Fügen Sie 'Startseite' mit URL https://shop.de/ hinzu

Schritt 2: Fügen Sie 'Elektronik' mit URL https://shop.de/elektronik hinzu

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

Schritt 4: Fügen 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: Fügen 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: Überprüfen 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 für Produktseiten, die den Weg von der Startseite über Kategorien und Unterkategorien bis zum Produkt zeigen. Dies hilft Google, Navigationspfade in Suchergebnissen anzuzeigen; was die Klickraten für Kaeufer erhöht.”

Blog-Kategorie-Navigation

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

Dokumentationsseiten

“Erstellen Sie Breadcrumb-Schemas für 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 für jede Sprachversion Ihrer Website. Dies stellt sicher, dass Suchmaschinen die Hierarchie lokalisierter Inhalte korrekt verstehen; den richtigen Breadcrumb-Pfad für Benutzer in verschiedenen Sprachen anzeigend.”

Häufig Gestellte Fragen

?Was sind BreadcrumbList strukturierte Daten?

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

?Ist dieser Breadcrumb-Schema-Generator kostenlos?

Ja; dieses Tool ist völlig kostenlos und unbegrenzt. Es laeuft vollständig in Ihrem Browser; Sie können 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 vollständige Privatsphaere gewährleistet.

?Wie viele Breadcrumb-Elemente sollte ich einfuegen?

Fügen Sie mindestens 2 Elemente für 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?

Fügen Sie das Script-Tag im Head-Bereich Ihrer HTML-Seite ein. Sie können 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 für Single-Page-Anwendungen verwenden?

Ja. Auch für SPAs hilft Breadcrumb-Schema den Suchmaschinen, die virtuelle Seitenhierarchie zu verstehen. Fügen Sie das JSON-LD dynamisch bei Routenänderungen hinzu.

Hilf uns besser zu werden

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 Bücher über Strukturierte Daten und SEO

Erweitern Sie Ihre Fähigkeiten

Professionelle Produkte für Webentwicklung und SEO

Key Light - Professionelles 2800 Lumen Studiolicht mit Schreibtischklemme für Streaming und Aufnahme