Easy SEO kann eine einfache Breadcrumb-Navigation ausgeben. Das hilft Besucherinnen und Besuchern bei der Orientierung und kann zusätzlich strukturierte Breadcrumb-Daten ausgeben.
Standard-Shortcode
[easy_seo_breadcrumbs]Du kannst den Shortcode in Beiträgen, Seiten, Templates oder Builder-Bereichen verwenden, wenn dort Shortcodes unterstützt werden.
Beispiel mit Text davor
[easy_seo_breadcrumbs pre_text="Du bist hier:"]Beispiel für dunklen Hintergrund
[easy_seo_breadcrumbs color="#ffffff" link_color="#ffffff" separator_color="#ffffff"]Wichtige Parameter
| Parameter | Beispiel | Bedeutung |
|---|---|---|
show_home | yes oder no | Startseite als ersten Breadcrumb anzeigen. |
home_label | Startseite | Text für die Startseite. |
pre_text | Du bist hier: | Optionaler Text vor der Navigation. |
separator | › | Trennzeichen zwischen Ebenen. |
schema | yes oder no | BreadcrumbList-JSON-LD ausgeben. |
class | meine-klasse | Zusätzliche CSS-Klasse. |
aria_label | Breadcrumb | Barrierefreier Name der Navigation. |
color | #ffffff | Allgemeine Textfarbe. |
link_color | #ffffff | Linkfarbe. |
current_color | #ffffff | Farbe des aktuellen Elements. |
separator_color | #ffffff | Farbe des Trennzeichens. |
hover_color | #eeeeee | Hover-Farbe für Links. |
font_size | 0.95rem | Schriftgröße. |
link_decoration | underline oder none | Link-Unterstreichung. |
Elementor-Widget
Wenn Elementor verfügbar ist und das Breadcrumb-Modul aktiv ist, kann Easy SEO zusätzlich ein Breadcrumb-Widget bereitstellen.
Nutze das Widget, wenn du die Breadcrumbs direkt in einem Elementor-Layout platzieren möchtest. Nutze den Shortcode, wenn du unabhängig vom Builder bleiben möchtest.
Gute Praxis
Breadcrumbs gehören meistens in den oberen Bereich einer Unterseite, aber nicht zwingend auf die Startseite.
Achte darauf, dass Breadcrumbs optisch ruhig bleiben und auf Mobilgeräten nicht zu viel Platz einnehmen.