Breadcrumb-Navigation

Füge sichtbare Navigationspfade hinzu, damit Nutzer und Suchmaschinen die Hierarchie deiner Website besser verstehen.

Überblick

Breadcrumb-Navigation zeigt den hierarchischen Pfad der aktuellen Seite und stärkt das Strukturverständnis innerhalb der Website.

Der übliche Pfad ist Airygen SEO -> Einstellungen -> Breadcrumb-Navigation.

Ausgabemethoden

Breadcrumb-Navigation unterstützt manuelle Ausgabe und Automatic injection.

Manuelle Ausgabe

Nutze die manuelle Ausgabe, wenn du genau bestimmen willst, wo der Pfad erscheinen soll.

<?php if ( function_exists( 'airygen_the_breadcrumbs' ) ) { airygen_the_breadcrumbs(); } ?>

[airygen_breadcrumbs]

<!-- wp:airygen/breadcrumb /-->

Automatische Einfügung

Nutze Automatic injection, wenn der Pfad automatisch vor oder nach dem Inhalt eingefügt werden soll, ohne Templates manuell zu bearbeiten.

Einstellungen

  • Die Registerkarte Einstellungen steuert Ausgabemodus, Position und Pfadbestandteile.
  • Die Registerkarte Layout hilft dir beim visuellen Feinschliff.
  • Die Registerkarte Vorschau zeigt eine vereinfachte Vorschau vor dem Speichern.

So verwenden Sie es

  1. Öffne Airygen SEO -> Einstellungen -> Breadcrumb-Navigation.
  2. Entscheide, ob du manuelle Ausgabe, automatische Einfügung oder nur eine der beiden Methoden nutzen willst.
  3. Wenn du volle Kontrolle brauchst, kopiere die passende template function, den shortcode oder den Block.
  4. Wenn du automatische Einfügung bevorzugst, aktiviere Automatic injection und wähle die Position.
  5. Lege fest, welche Elemente im Pfad erscheinen sollen.
  6. Passe das Design unter Layout an.
  7. Prüfe die Vorschau unter Vorschau.
  8. Speichere die Änderungen und teste mehrere echte Seiten im Frontend.

Prüfe nach dem Speichern Folgendes:

  • Der Pfad erscheint nur einmal.
  • Die sichtbare Hierarchie ist für Nutzer nachvollziehbar.
  • Das finale Design passt auch mit aktivem Theme weiterhin gut.

Vorschau und Live-Ausgabe

Vorschau ist nur eine vereinfachte Darstellung. Die echte Ausgabe kann zusätzlich von Seitenhierarchie, Theme-CSS und Seitenaufbau beeinflusst werden.

SEO-Vorteile

Breadcrumb-Navigation helfen Suchmaschinen, Beziehungen zwischen Seiten besser zu verstehen, und erleichtern Nutzern die Navigation.

Anwendungsfälle

Website mit vielen Ebenen und Kategorien

Vorher: Besucher landeten tief in der Struktur und hatten wenig Orientierung.

Nachher: Breadcrumb-Navigation zeigt den Rückweg durch die Seitenhierarchie.

Agentur mit mehreren Projekten

Vorher: Jedes Theme löste Navigationspfade anders.

Nachher: Das Team kann eine einheitlichere Ausgabe verwenden.

Häufige Fragen

Wann ist die manuelle Ausgabe besser?

Wenn du die Position exakt in Template oder Inhalt steuern willst.

Warum kann die Vorschau von der echten Ausgabe abweichen?

Weil die Vorschau vereinfacht ist und die Live-Ausgabe zusätzlich vom Theme, CSS und der echten Hierarchie abhängt.

Was sollte ich im Frontend prüfen?

Prüfe Position, Hierarchie und ob die Ausgabe versehentlich doppelt erscheint.