WordPress Breadcrumbs: Einfache Anleitung zur Aktivierung und Nutzung

Breadcrumbs sind eine hilfreiche Navigation, die den Pfad einer Seite innerhalb einer Website anzeigt. Breadcrumbs können als Inhaltsverzeichnis dienen, um die Navigation auf der Website zu verbessern. Sie verbessern die Benutzerfreundlichkeit und erleichtern es Nutzern, sich auf einer WordPress-Website oder in einem WooCommerce Shop zurechtzufinden. Wie erklären die wichtigsten Breadcrumb Einstellungen für WordPress.

Die Brotkrumen Navigation wird oft mit der Geschichte von Hänsel und Gretel verglichen. Wie die berühmten Brotkrumen, die den Weg markieren, helfen Breadcrumbs den Benutzern, zur Startseite oder einer höheren Ebene zurückzukehren.

Was ist ein Breadcrumb?

• Ein Breadcrumb, auch Brotkrumennavigation genannt, ist ein Navigationselement auf Websites, das den Pfad anzeigen, den ein Benutzer genommen hat, um zu der aktuellen Seite zu gelangen.
• Der Begriff “Breadcrumbs” leitet sich von dem Märchen “Hänsel und Gretel” ab, in dem die Kinder Brotkrumen verwenden, um den Weg im Wald zurückzufinden.
• Breadcrumbs sind besonders nützlich auf Websites mit komplexen Strukturen, vielen Unterseiten oder E-Commerce-Plattformen mit verschiedenen Produktkategorien. Sie sind auch für Custom Post Types nützlich, um eine nahtlose Integration in komplexe Seitenstrukturen zu ermöglichen.

Vorteile der Breadcrumb-Navigation

Eine Brotkrumen-Navigation kann die Benutzerfreundlichkeit einer Website verbessern und die Navigation erleichtern. Breadcrumbs stellen die Hierarchie einer Webseite dar, die vom Startpunkt über verschiedene Kategorien bis hin zu einem spezifischen Produkt führt. Eine Brotkrumen-Navigation kann auch die Suchmaschinenoptimierung (SEO) verbessern, indem sie Strukturierte Daten auszeichnet.

Eine Brotkrumen-Navigation kann auch die Navigation auf umfangreichen und hierarchisch verschachtelten Websites erleichtern. Eine Breadcrumb Navigation kann auch die Orientierungshilfe für den Benutzer verbessern.

Einbindung von WordPress Breadcrumbs

In der Regel können Breadcrumbs in Content-Management-Systemen wie WordPress oder E-Commerce-Plattformen wie WooCommerce einfach implementiert werden. Sie sind ein wichtiger Bestandteil der User Experience und tragen zur Verbesserung der Navigation und der SEO bei. In WordPress gibt es verschiedene Möglichkeiten, Breadcrumbs hinzuzufügen, um die Navigation auf Ihrer Website zu verbessern.

Breadcrumb-Plugins für WordPress

Wenn Sie die vorherigen Methoden nicht mögen, können Sie auch ein WordPress-Breadcrumb-Plugin einsetzen. Es gibt eine große Auswahl an kostenlosen Tools, die die Brotkrumennavigation ermöglichen.

Die anderen Tools funktionieren nach dem gleichen Prinzip. Einige beliebte Breadcrumb-Plugins für WordPress sind Yoast SEO, Rank Math und Breadcrumbs NavXT.

WooCommerce Breadcrumb

Für Online-Händler ist WooCommerce Breadcrumbs eine einfache Möglichkeit, Navigationslinks zu deinen Produktseiten hinzuzufügen.

Es ermöglicht, Breadcrumbs für die Produktseiten zu aktivieren, um die Kundennavigation auf der Seite zu verbessern. Breadcrumbs sind besonders für Online-Shops mit vielen Produkten nützlich, da sie den Besuchern helfen, sich im Shop zu orientieren.

Nach der Installation und Aktivierung kann man zu Einstellungen > WC Breadcrumbs navigieren, um die Breadcrumbs individuell anzupassen.

Um Breadcrumbs (Brotkrumen-Navigation) in WooCommerce für Produkte und Kategorien zu aktivieren, gibt es mehrere Möglichkeiten:

1. Über das Theme

Viele WooCommerce-kompatible Themes haben eine integrierte Option für Breadcrumbs.

• Gehen Sie zu Design > Customizer > WooCommerce > Produktseiten
• Suchen Sie nach der Option Breadcrumbs anzeigen oder ähnlichem und aktiviere sie es.
  Falls das Theme keine Option hat, kann man eine andere Methode verwenden.

2. Über WooCommerce-Funktionen

WooCommerce hat eine eingebaute Breadcrumb-Funktion, die man mit folgendem Code in die functions.php oder ein benutzerdefiniertes Plugin einfügen kann:

add_action( ‘woocommerce_before_main_content’, ‘woocommerce_breadcrumb’, 20 );

Falls die Breadcrumbs nicht angezeigt werden, könnte Ihr Theme sie deaktiviert haben.

3. Mit einem Plugin (z. B. Yoast SEO)

Falls Sie das Plugin Yoast SEO nutzen, kann man so WooCommerce-Breadcrumbs aktivieren:

• Gehen Sie zu SEO > Darstellung in der Suche > Breadcrumbs
• Aktivieren Sie die Breadcrumbs und fügen Sie folgenden Code in die header.php oder eine andere geeignete Datei Ihres Themes ein:

if ( function_exists(‘yoast_breadcrumb’) ) { yoast_breadcrumb(‘<p id=”breadcrumbs”>’,'</p>’); }

4. Manuelle Integration über Shortcode

WooCommerce bietet keinen Shortcode für Breadcrumbs, aber du kannst sie direkt in Templates anzeigen lassen. Fügen Sie dies z. B. in die header.php oder single-product.php ein:

if ( function_exists( ‘woocommerce_breadcrumb’ ) ) { woocommerce_breadcrumb(); }

Falls dein Theme eigene Breadcrumbs verwendet (z. B. Astra oder GeneratePress), prüfe deren Einstellungen im Customizer oder deren Dokumentation.

Falls du ein spezifisches Theme nutzt, lass es mich wissen! Ich kann dir dann eine genauere Anleitung geben.

Manuelle Einbindung von Breadcrumbs

Die manuelle Einbindung von Breadcrumbs in WordPress bietet eine hohe Flexibilität und Anpassungsmöglichkeiten, erfordert jedoch ein gewisses Maß an Programmierkenntnissen. Diese Methode ist besonders nützlich, wenn Sie spezifische Anforderungen haben, die durch Plugins nicht abgedeckt werden.

Um Breadcrumbs manuell einzubinden, fügen Sie den folgenden Code in die functions.php-Datei Ihres WordPress-Themes ein: function breadcrumb() { // Array für die Breadcrumb-Navigation $breadcrumb = array(); // Startseite hinzufügen $breadcrumb[] = ‘<a href=”‘ . home_url() . ‘”>Startseite</a>’;

// Kategorie-Seite if (is_category()) { $breadcrumb[] = ‘<a href=”‘ . get_category_link(get_query_var(‘cat’)) . ‘”>’ . get_cat_name(get_query_var(‘cat’)) . ‘</a>’; } // Einzelner Beitrag elseif (is_single()) { $breadcrumb[] = ‘<a href=”‘ . get_permalink(get_the_ID()) . ‘”>’ . get_the_title() . ‘</a>’; } // Statische Seite elseif (is_page()) { $breadcrumb[] = ‘<a href=”‘ . get_permalink(get_the_ID()) . ‘”>’ . get_the_title() . ‘</a>’; }

// Breadcrumb-Navigation ausgeben echo ‘<div class=”breadcrumb”>’ . implode(‘ » ‘, $breadcrumb) . ‘</div>’; } Dieser Code erstellt eine einfache Breadcrumb-Navigation, die die Startseite, die aktuelle Kategorie oder den aktuellen Beitrag/Seite anzeigt. Sie können den Code an Ihre Bedürfnisse anpassen, indem Sie weitere Bedingungen und Anweisungen hinzufügen.

Um die Breadcrumb-Navigation an der gewünschten Stelle in Ihrem Theme anzuzeigen, fügen Sie den folgenden Code in die entsprechende Template-Datei (z.B. header.php oder single.php) ein: <?php breadcrumb(); ?> Mit dieser Methode haben Sie die volle Kontrolle über das Aussehen und Verhalten Ihrer Breadcrumb-Navigation. Sie können den Code weiter anpassen, um zusätzliche Elemente wie benutzerdefinierte Post-Typen oder Taxonomien einzubeziehen.

Tipp zur Einbindung

Unabhängig davon, wie Sie Breadcrumbs in WordPress einbinden, sollten Sie den Navigationspfad mit Strukturierten Daten auszeichnen. Das hilft den Suchmaschinen, die Inhalte besser einlesen und verstehen zu können. Viele Themes und SEO-Plugins fügen das nötige Markup bereits automatisch ein. Überprüfen Sie das dann ganz einfach mit dem Test für Rich-Suchergebnisse. Die Strukturierung von Seiten durch Breadcrumbs kann die Indizierung und das Ranking in Suchmaschinen optimieren.

SEO-Optimierung mit Breadcrumbs

Breadcrumbs sind nicht nur für die Benutzerfreundlichkeit Ihrer Website wichtig, sondern sie können auch positive Auswirkungen auf SEO (Suchmaschinenoptimierung) haben.

• Einige Gründe für die SEO Relevanz von Breadcrumbs sind folgende:
  • Verbesserte Crawlability
  • Reduzierung der Absprungrate
  • Keyword-Optimierung

Benutzerfreundlichkeit und Breadcrumb-Navigation

Breadcrumbs erleichtern es Besuchern, sich auf Ihrer Website zu orientieren, indem sie den Pfad zur aktuellen Seite anzeigen. Dies verbessert die Benutzererfahrung und führt dazu, dass Besucher länger auf Ihrer Website bleiben. Breadcrumbs helfen Besuchern, sich durch komplexe Webseiten mit vielen verschiedenen Seiten und Inhalten zu navigieren.

Zusammenfassung

Die Implementierung von Breadcrumbs hängt von der Plattform Ihrer Website ab, aber in den meisten Content-Management-Systemen gibt es einfache Möglichkeiten, Breadcrumbs hinzuzufügen. Achten Sie immer darauf, dass sie klar, konsistent und benutzerfreundlich gestaltet sind.

Unsere Empfehlung

Was WordPress betrifft, ist die Methode mit dem Yoast Plugin unser persönlicher Favorit, da es in den meisten Fällen funktioniert und eine userfreundliche Methode ist, um Breadcrumbs auf eine unkomplizierte Art und Weise auf der Website zu integrieren.

Ob für WooCommerce Shops, Blogs oder Unternehmenswebsites – Breadcrumbs sind eine essenzielle Funktion, um die Navigation zu verbessern und die SEO-Performance zu steigern.

Unsere Agentur LikeMeASAP unterstützt Sie bei der Integration, der Anpassung und der Optimierung der WordPress Breadcrumbs. Wir helfen Ihnen, Ihre Website benutzerfreundlicher und SEO-optimierter zu gestalten. Kontaktieren Sie uns gerne per E-Mail-Adresse oder über unsere Website.