So zeigen Sie Breadcrumb-Navigationslinks in WordPress an

Wenn Sie jemals eine Website durchsucht und am oberen Rand der Seite eine Reihe von Links wie Startseite » Blog » Dieser Beitrag gesehen haben, dann haben Sie bereits Breadcrumbs verwendet. Diese Navigationshilfen bieten Besuchern eine einfache Möglichkeit zu sehen, wo sie sich auf Ihrer Website befinden, und eine Ebene höher zu springen.

Wir verwenden Breadcrumbs auf unseren eigenen Websites, und sie erleichtern es den Lesern, sich zwischen den Seiten zu bewegen. Breadcrumbs können auch in Ihren Google-Suchergebnissen angezeigt werden, wodurch sich Ihr Eintrag abhebt.

In diesem Leitfaden führen wir Sie durch die einfache Methode, um Breadcrumb-Navigationslinks in WordPress hinzuzufügen.

Was ist Breadcrumb-Navigation und warum brauchen Sie sie?

Breadcrumb-Navigation ist ein Begriff, der ein Navigationsmenü in Form einer Link-Spur beschreibt. Es wird oft als sekundäres Navigationsmenü verwendet, das es Benutzern ermöglicht, in der Hierarchie der Seiten einer Website nach oben zu gehen.

Es gibt drei gängige Arten von Breadcrumbs:

• Hierarchie-basiert (am häufigsten): Zeigt an, wo sich die Seite in Ihrer Website-Struktur befindet, z. B. Startseite » Kategorie » Beitrag. Dies ist die Art, die die meisten WordPress-Themes und SEO-Plugins generieren.
• Attribut-basiert: Zeigt die Attribute der Seite an, auf der sich ein Besucher befindet, z. B. Startseite » Kleidung » Herren » Blau. Diese sehen Sie am häufigsten in WooCommerce-Shops.
• Verlaufs-basiert: Zeigt den Pfad an, den ein Besucher genommen hat, um die Seite zu erreichen, ähnlich wie der Zurück-Pfeil im Browser. Diese sind auf WordPress-Websites seltener.

Breadcrumb-Navigationslinks unterscheiden sich vom standardmäßigen Navigationsmenü-System in WordPress. Sie helfen Benutzern, sich auf Ihrer Website zu bewegen, und sie helfen Suchmaschinen auch, die Struktur und Hierarchie Ihrer Seiten zu verstehen.

Wenn Ihre Breadcrumbs richtig eingerichtet sind, können Suchmaschinen wie Google sie zusammen mit dem Seitentitel in den Suchergebnissen anzeigen. Dies hebt Ihren Eintrag in den Suchergebnissen hervor und kann Ihre Klickrate verbessern.

Die Methoden in diesem Leitfaden helfen Ihnen, Brotkrümel richtig einzurichten, indem Sie Schema-Markup verwenden. Schema ist ein intelligenter Markup-Code, der Google hilft, Ihre Brotkrümel zu identifizieren, damit sie in den Suchergebnissen angezeigt werden.

Mit anderen Worten, die On-Page-Links sind für Ihre Besucher und das Schema-Markup ist für Google. Einige Methoden fügen beides hinzu, während andere nur die sichtbaren Links hinzufügen. Deshalb zeigen wir Ihnen später, wie Sie Ihr Setup mit Rich Snippets überprüfen können.

Nun sehen wir uns an, wie Sie Breadcrumb-Navigationslinks in WordPress hinzufügen. Wir zeigen Ihnen mehrere Methoden, beginnend mit der einfachsten, damit Sie diejenige auswählen können, die für Sie am besten geeignet ist:

Methode 1: Den nativen WordPress-Breadcrumbs-Block hinzufügen (kein Plugin erforderlich)

Wenn Sie ein Block-Theme verwenden, ist dies der einfachste Weg, Breadcrumbs hinzuzufügen, und es ist überhaupt kein Plugin erforderlich.

WordPress enthält einen nativen Breadcrumbs-Block, den Sie mit wenigen Klicks direkt im Full Site Editor hinzufügen können.

Gehen Sie einfach zur Seite Darstellung » Editor, um den Website-Editor zu öffnen.

Von hier aus können Sie eine Vorlage wie „Einzelbeiträge“ oder Ihr Header-Vorlagen-Teil bearbeiten.

Fügen Sie dann den Breadcrumbs-Block hinzu, wo der Pfad erscheinen soll.

Der Block erstellt den Pfad automatisch anhand der Position der aktuellen Seite in Ihrer Website-Hierarchie, sodass Sie ihn nur einmal hinzufügen müssen.

In den Blockeinstellungen können Sie genau anpassen, wie der Pfad aussieht und sich verhält. Sie können den Link zur Homepage ein- oder ausblenden, den Titel der aktuellen Seite ein- oder ausblenden und das Trennzeichen zwischen den Elementen ändern.

Sie können auch wählen, ob der Pfad Ihrer strikten Seitenhierarchie folgt oder Ihre Kategorie-Struktur zur Organisation der Links verwendet.

Eine Sache, die Sie beachten sollten, ist, dass der native Block hauptsächlich dazu dient, den Pfad auf der Seite für Ihre Besucher anzuzeigen.

Er fügt möglicherweise nicht die BreadcrumbList-Schema-Markup hinzu, die Google benötigt, um Breadcrumbs in Suchergebnissen anzuzeigen. Daher empfehlen wir, dies mit dem Rich Results Test zu überprüfen.

Methode 2: Breadcrumb-Navigation in WordPress mit All in One SEO hinzufügen (empfohlen)

Wenn Ihr Theme keine Breadcrumbs verarbeitet oder Sie den Vorteil von Suchergebnissen durch ordnungsgemäße Schema-Markup wünschen, dann ist ein SEO-Plugin der richtige Weg. Diese Methode ist anfängerfreundlich und funktioniert mit jedem Theme.

Für diese Methode verwenden wir das kostenlose All in One SEO for WordPress Plugin, das das beste WordPress SEO-Plugin auf dem Markt ist.

Es hilft Ihnen, Ihr WordPress-SEO einfach und ohne technische Kenntnisse zu verbessern. Es verfügt auch über eine einfach zu bedienende Breadcrumbs-Funktion.

Sobald Sie das Plugin installiert und aktiviert haben, werden Sie zum Einrichtungsassistenten weitergeleitet. Sie können den Anweisungen auf dem Bildschirm folgen, um es einzurichten.

Benötigen Sie Hilfe bei der Einrichtung? Sehen Sie sich unser Schritt-für-Schritt-Tutorial an, wie Sie All in One SEO installieren und einrichten.

Als Nächstes müssen Sie die Seite All in One SEO » Allgemeine Einstellungen aufrufen und zum Tab „Breadcrumbs“ wechseln.

Die Breadcrumb-Schema-Markup wird automatisch von All in One SEO zum Code Ihrer Website hinzugefügt, damit Suchmaschinen sie finden können.

Wenn Sie jedoch auch Breadcrumb-Navigationslinks auf Ihrer Website anzeigen möchten, müssen Sie die Option „Breadcrumbs aktivieren“ einschalten.

Durch Umschalten des Schalters können Sie die verschiedenen Breadcrumb-Anzeigeeinstellungen sehen, die Sie auf Ihrer WordPress-Website verwenden können.

Es gibt vier Möglichkeiten, den Breadcrumb-Navigationspfad auf Ihrer WordPress-Website anzuzeigen:

• Block (am einfachsten): Bearbeiten Sie einen beliebigen Beitrag oder eine Seite und fügen Sie den AIOSEO – Breadcrumbs-Block hinzu, wo Sie den Pfad wünschen. Das Plugin zeigt eine Live-Vorschau direkt im Editor an.
• Shortcode: Fügen Sie den bereitgestellten Shortcode zu jedem Beitrag, jeder Seite oder jedem Produkt hinzu, wo der Pfad erscheinen soll.
• Widget (website-weit): Gehen Sie zu Darstellung » Widgets und fügen Sie das AIOSEO – Breadcrumbs-Widget zu Ihrer Seitenleiste, Ihrem Footer oder einem beliebigen Widget-Bereich hinzu, damit es automatisch auf Ihrer gesamten Website angezeigt wird.
• PHP-Code (exakte Platzierung): Fügen Sie den folgenden Ausschnitt in Ihre Theme-Vorlage ein, wo Sie den Pfad wünschen. Dies ist am besten für fortgeschrittene Benutzer geeignet, die Breadcrumbs an einer bestimmten Stelle anzeigen möchten, z. B. direkt unter dem Beitragstitel.

Wie bei jeder Theme-Bearbeitung empfehlen wir die Verwendung eines Child-Themes oder eines Code-Snippets-Plugins, damit Ihre Änderung bei der nächsten Aktualisierung nicht verloren geht.

<?php if( function_exists( 'aioseo_breadcrumbs' ) ) aioseo_breadcrumbs(); ?>

Für weitere Hilfe lesen Sie unseren Leitfaden zum Hinzufügen von Code-Snippets in WordPress und unser Cheat Sheet dazu, welche Dateien in einem WordPress-Theme bearbeitet werden müssen.

Für weitere Hilfe lesen Sie unseren Leitfaden zum Hinzufügen von Code-Snippets in WordPress und unser Cheat Sheet dazu, welche Dateien in einem WordPress-Theme bearbeitet werden müssen.

So sehen die Breadcrumbs auf unserer Testseite aus:

Ändern, wie Ihre Breadcrumb-Links aussehen

Standardmäßig verwendet All in One SEO eine Vorlage, um Ihre Breadcrumb-Navigationslinks anzuzeigen. Sie enthält einen Link zu Ihrem Startseite, Kategorie, übergeordneten Seite und Beitrag oder Seitentitel, getrennt durch das Symbol „»“.

Sie können dies ändern, indem Sie die Seite All in One SEO » Allgemeine Einstellungen besuchen und zum Tab „Breadcrumbs“ wechseln. Scrollen Sie dann zum Abschnitt Breadcrumb-Einstellungen.

Von hier aus können Sie den Trenner ändern, den Home-Link anzeigen oder ausblenden, ein Präfix hinzufügen und mehr.

Vergessen Sie nicht, Ihre Einstellungen zu speichern, sobald Sie fertig sind.

Verwenden Sie stattdessen Yoast SEO oder Rank Math?

Mit anderen beliebten SEO-Plugins ist die Idee genau dieselbe.

Sie aktivieren einfach Breadcrumbs in den Einstellungen, fügen dann den Block oder Shortcode des Plugins ein oder fügen dessen Snippet zu Ihrem Theme hinzu:

• Yoast SEO: Aktivieren Sie Breadcrumbs unter Yoast SEO » Einstellungen » Erweitert » Breadcrumbs, fügen Sie dann den Shortcode [wpseo_breadcrumb] ein oder platzieren Sie <?php if ( function_exists( 'yoast_breadcrumb' ) ) { yoast_breadcrumb(); } ?> in Ihrem Theme. Für einen genaueren Blick auf dieses Plugin sehen Sie sich unseren Leitfaden an, wie Sie Yoast SEO einrichten.
• Rank Math: Aktivieren Sie Breadcrumbs unter Rank Math SEO » Allgemeine Einstellungen » Breadcrumbs, fügen Sie dann den Shortcode [rank_math_breadcrumb] ein oder platzieren Sie <?php if ( function_exists( 'rank_math_the_breadcrumbs' ) ) { rank_math_the_breadcrumbs(); } ?> in Ihrem Theme.

Überprüfen Sie, ob Ihre Breadcrumbs funktionieren

Sobald Ihre Breadcrumbs live sind, müssen Sie bestätigen, dass Google sie tatsächlich lesen kann.

Öffnen Sie einfach das kostenlose Rich Results Test-Tool von Google, fügen Sie die URL eines veröffentlichten Beitrags oder einer Seite ein und führen Sie den Test durch.

Wenn alles korrekt eingerichtet ist, zeigt das Tool „Breadcrumbs“ als erkanntes Element mit einem grünen, gültigen Status an. Dies bestätigt, dass Ihr BreadcrumbList-Schema vorhanden ist und in den Suchergebnissen erscheinen kann.

Wenn Sie eine Warnung oder einen Fehler sehen oder wenn Breadcrumbs überhaupt nicht erkannt werden, hat Ihre Methode wahrscheinlich die sichtbaren Links ohne das Schema hinzugefügt. In diesem Fall fügt der Wechsel zur oben genannten SEO-Plugin-Methode die von Google benötigte Markup hinzu.

Fehlerbehebung bei häufigen Breadcrumb-Problemen

Breadcrumbs sind normalerweise einfach einzurichten, aber einige Probleme treten häufig auf. Hier erfahren Sie, wie Sie die häufigsten Probleme beheben.

Breadcrumbs werden in Google nicht angezeigt

Auch nachdem der Rich Results Test bestanden wurde, erscheinen Breadcrumbs nicht sofort in den Suchergebnissen. Google verlässt sich auf automatisierte Bots, um Milliarden von Seiten zu crawlen, und es wird nicht wissen, dass Sie Breadcrumb-Schema hinzugefügt haben, bis seine Bots Ihre spezifische URL erneut besuchen. Dieser erneute Crawling-Prozess kann einige Tage bis einige Wochen dauern.

Um die Dinge zu beschleunigen, können Sie die Indexierung über die Google Search Console beantragen, indem Sie das URL-Inspektionstool verwenden. Dies benachrichtigt Google, dass Sie Ihre Inhalte aktualisiert haben, und signalisiert seinem System, Ihre Schema-Markup früher zu überprüfen.

Die Kategorie fehlt in der Spur

Der Pfad wird aus der Position der aktuellen Seite in Ihrer Website-Hierarchie erstellt. Bei Beiträgen stammt diese mittlere Ebene von der Kategorie des Beitrags und bei Seiten von der übergeordneten Seite.

Die übliche Ursache ist also ein fehlender Link in dieser Hierarchie. Der Beitrag hat keine Kategorie zugewiesen (oder nur die Standardkategorie „Ohne Kategorie“), oder die Seite hat keine übergeordnete Seite festgelegt.

Öffnen Sie für einen Beitrag diesen im Editor, weisen Sie ihm die richtige Kategorie zu unter Beitrag » Kategorien, und laden Sie dann die Seite neu, um den Pfad zu überprüfen.

Wenn die Ebene immer noch fehlt, dann liegt das Problem möglicherweise darin, welche Hierarchie der Pfad verfolgt. Der native Breadcrumbs-Block hat eine erweiterte Einstellung namens „Taxonomiebegriffe bevorzugen“, die den Pfad zwischen Ihrer Seitenhierarchie und Ihrer Kategorienstruktur umschaltet.

Wenn Sie stattdessen ein SEO-Plugin verwenden, überprüfen Sie dessen Breadcrumb-Quelle oder Taxonomie-Einstellung. In All in One SEO finden Sie dies unter All in One SEO » Allgemeine Einstellungen » Breadcrumbs.

Breadcrumbs werden auf Ihrer Homepage angezeigt

Breadcrumbs sind auf Ihrer Startseite nicht sehr nützlich, da es nirgendwo „nach oben“ geht.

Wenn Sie Breadcrumbs mit dem nativen Block oder einem Widget hinzugefügt haben, sollten Sie diese in einer Vorlage platzieren, die nicht für die Homepage gilt. Alternativ können Sie die integrierten Einstellungen Ihres SEO-Plugins verwenden, um den Pfad auf Ihrer Startseite auszublenden.

Sie haben einen PHP-Fehler erhalten, nachdem Sie den Snippet hinzugefügt haben

Anstatt Dateien direkt zu bearbeiten, empfehlen wir, den Snippet mit einem Code-Snippet-Plugin wie WPCode hinzuzufügen. Dieses Plugin validiert Ihren Code und ermöglicht es Ihnen, ein Snippet sicher zu deaktivieren, wenn etwas fehlschlägt.

Das Hinzufügen des Codes zu einem Child-Theme ist eine weitere sichere Option, da Ihre Änderungen so vom übergeordneten Theme getrennt bleiben.

Wichtige Erkenntnisse

• Überprüfen Sie zuerst Ihr Theme: Sie benötigen oft kein zusätzliches Plugin für Breadcrumbs, insbesondere wenn Sie ein Block-Theme verwenden, das den nativen Breadcrumbs-Block enthält.
• Schema-Markup ist entscheidend für die Suche: Das Schema-Markup, nicht die sichtbaren Links, sorgt dafür, dass Ihr Breadcrumb-Pfad in den Google-Suchergebnissen erscheint. Bestätigen Sie dies immer mit dem Rich Results Test.
• Nutzen Sie Ihre vorhandenen Tools: Wenn Sie bereits ein SEO-Plugin wie All in One SEO verwenden, können Sie dieses für Ihre Breadcrumbs nutzen. Es ist nicht notwendig, ein zweites Tool auf Ihrer Website hinzuzufügen.

Häufig gestellte Fragen zu WordPress Breadcrumbs

Benötige ich ein Plugin für Breadcrumbs in WordPress?

Nein, nicht immer. Viele WordPress-Themes fügen eigene Breadcrumbs hinzu, und WordPress enthält einen nativen Breadcrumbs-Block. Prüfen Sie daher am besten Ihr Theme, bevor Sie etwas installieren. Wenn Ihr Theme Breadcrumbs nicht unterstützt, ist ein SEO-Plugin der einfachste Weg, sie hinzuzufügen.

Warum werden meine Breadcrumbs nicht in Google angezeigt?

Dies liegt normalerweise an Indexierungsverzögerungen oder fehlendem Schema. Wenn Google Ihre Seiten noch nicht neu gecrawlt hat, fordern Sie die Indexierung in der Google Search Console an. Wenn der Pfad immer noch nicht erscheint, testen Sie Ihre URL mit dem Rich Results Test, um zu bestätigen, dass Ihr BreadcrumbList-Schema gültig ist.

Sind Breadcrumbs gut für SEO?

Ja. Breadcrumbs verbessern die Benutzererfahrung, indem sie die Navigation auf Ihrer Website erleichtern, und sie helfen Suchmaschinen, Ihre Website-Struktur zu verstehen. Wenn sie mit Schema-Markup eingerichtet sind, können sie auch reichhaltigere Suchergebnisse erzielen, die Ihre Klickrate verbessern.

Shortcode, Block oder Widget – welches soll ich verwenden?

Verwenden Sie den Block oder das Widget, wenn Breadcrumbs automatisch auf Ihrer gesamten Website angezeigt werden sollen. Verwenden Sie den Shortcode, wenn Sie den Pfad nur in einen bestimmten Beitrag oder eine bestimmte Seite einfügen möchten.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Breadcrumb-Navigationslinks in WordPress anzeigen. Möglicherweise möchten Sie auch unseren ultimativen WordPress SEO-Leitfaden oder unsere Auswahl der besten WordPress-Themes sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.