Breadcrumb-Generator (Navigationspfad) mit Schema
Schreibe den Pfad der Seite, vom Anfang bis zur aktuellen. Der Code bringt den sichtbaren Pfad und die strukturierten Daten zusammen.
So geht’sNavigationspfad für die Website und für Google
Breadcrumb-Generator (Navigationspfad) mit Schema: wofür es gut ist
Der Breadcrumb, oder Navigationspfad, zeigt den Pfad der aktuellen Seite innerhalb der Website, wie Start › Produkte › T-Shirts, und hilft sowohl Besuchern als auch Google.
Schreibe den Pfad, und der Generator baut den sichtbaren Pfad mit nav, geordneter Liste und aria-current auf der aktuellen Seite, mit Trennzeichen und Farbe deiner Wahl, und die strukturierten Daten BreadcrumbList mit vollständigen Adressen, die es Google erlauben, den Pfad der Website im Suchergebnis anzuzeigen.
So geht’s
- Gib die Domain der Website an.
- Schreibe den Pfad von der Startseite bis zur aktuellen.
- Kopiere HTML, CSS und JSON-LD.
Wann nutzen
- Produktseiten in einem Onlineshop.
- Blogartikel innerhalb von Kategorien.
- Websites mit mehreren Leistungsbereichen.
Häufige Fragen
Wozu dient der Breadcrumb?
Er zeigt, wo die Person auf der Website ist (Start › Produkte › T-Shirts), und lässt mit einem Tipp eine Ebene zurückgehen. Bei Google lassen die BreadcrumbList-Daten das Ergebnis den Pfad der Website statt der rohen Adresse zeigen.
Braucht das letzte Element einen Link?
Nein. Das letzte Element ist die aktuelle Seite: Es erscheint als Text mit aria-current=page. Bei den strukturierten Daten akzeptiert Google das letzte Element ohne das Feld item (Adresse).
Muss ich vollständige Adressen nutzen?
In den Links des Pfades funktionieren relative Adressen (/produkte). Im JSON-LD nutze die vollständige Adresse mit https und Domain; das Tool baut sie aus der Domain, die du angibst.
Ist das wirklich kostenlos?
Ja, 100% kostenlos. Ohne Anmeldung, ohne Abo und ohne Nutzungslimit. Alle Tools von Tools123 sind kostenlos.