Wie man Breadcrumb-Navigationslinks in WordPress anzeigt

Wenn Sie nach einer Möglichkeit suchen, Ihre WordPress-Website übersichtlicher zu gestalten, empfehlen wir Ihnen, Breadcrumb-Links hinzuzufügen.

Die Breadcrumb-Navigation zeigt den Nutzern, wo sie sich auf einer Website im Vergleich zur Startseite befinden. Dieser Brotkrumenpfad wird dann auch in den Suchergebnissen angezeigt, wodurch sich Ihre Website von anderen abhebt.

Wir verwenden Breadcrumbs auf unseren eigenen Websites und haben festgestellt, dass diese Funktion es den Lesern erleichtert, sich auf verschiedenen Seiten zu bewegen. Und in diesem Artikel zeigen wir Ihnen, wie Sie Breadcrumb-Navigationslinks in WordPress anzeigen können.

Was ist eine Brotkrümelnavigation und warum brauchen Sie sie?

Brotkrümelnavigation ist ein Begriff, der verwendet wird, um ein hierarchisches Navigationsmenü zu beschreiben, das als eine Spur von Links dargestellt wird. Sie wird oft als sekundäre Navigation verwendet, die es den Nutzern ermöglicht, in der Hierarchie der Website nach oben zu gehen.

Breadcrumb-Navigationslinks unterscheiden sich vom Standard-Navigationsmenüsystem in WordPress.

Die Brotkrümelnavigation hilft den Nutzern, sich auf Ihrer Website zurechtzufinden, und hilft den Suchmaschinen, die Struktur und Hierarchie der Links auf einer Webseite zu verstehen.

Wenn Ihre Breadcrumbs richtig eingerichtet sind, werden sie von Suchmaschinen wie Google zusammen mit dem Seitentitel in den Suchergebnissen angezeigt. Dadurch wird Ihre Website in den Suchergebnissen besser sichtbar und Ihre Klickrate steigt.

Die Methoden in diesem Leitfaden helfen Ihnen, Breadcrumbs mithilfe von Schema-Markup richtig einzurichten. Schema ist ein intelligenter Markup-Code, der Google hilft, Ihre Breadcrumbs zu identifizieren, damit sie in den Suchergebnissen angezeigt werden.

Schauen wir uns also an, wie man in WordPress Breadcrumb-Navigationslinks hinzufügt. Wir zeigen Ihnen zwei Methoden, und Sie können diejenige wählen, die für Sie am besten funktioniert:

Methode 1: Hinzufügen von Breadcrumb-Navigation in WordPress mit All in One SEO (empfohlen)

Diese Methode ist einfacher und wird für alle WordPress-Benutzer empfohlen.

Für diese Methode werden wir All in One SEO für WordPress verwenden, das beste WordPress SEO Plugin auf dem Markt. Es hilft Ihnen, Ihre WordPress-SEO ganz einfach und ohne technische Kenntnisse zu verbessern. Es verfügt auch über eine einfach zu bedienende Breadcrumbs-Funktion.

Nach der Aktivierung werden Sie zum Einrichtungsassistenten des Plugins weitergeleitet. Sie können den Anweisungen auf dem Bildschirm folgen, um das Plugin einzurichten.

Benötigen Sie Hilfe bei der Einrichtung? In unserer Schritt-für-Schritt-Anleitung erfahren Sie , wie Sie All in One SEO installieren und einrichten.

Als nächstes müssen Sie die Seite All in One SEO “ Allgemeine Einstellungen besuchen und auf die Registerkarte „Brotkrümel“ wechseln.

Das Breadcrumbs Schema Markup wird von All in One SEO automatisch in den Code Ihrer Website eingefügt, damit Suchmaschinen es finden können.

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

Wenn Sie den Schalter umlegen, können Sie die verschiedenen Einstellungen für die Breadcrumb-Anzeige sehen, die Sie auf Ihrer WordPress-Website verwenden können.

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

1. Hinzufügen einer Brotkrümelnavigation mit dem Shortcode

Die Shortcode-Methode ist einfach und ermöglicht es Ihnen, Breadcrumb-Navigationslinks in Ihren WordPress-Beiträgen und -Seiten oder auf den Produktseiten Ihres Online-Shops anzuzeigen.

Bearbeiten Sie einfach den Beitrag, die Seite oder das Produkt und fügen Sie den folgenden Shortcode an der Stelle ein, an der Sie den Breadcrumb-Navigationspfad anzeigen möchten:

[aioseo_breadcrumbs]

Wenn Sie den Standard-Block-Editor verwenden, wird der Shortcode automatisch in den Shortcode-Block umgewandelt.

Sie können nun Ihren Beitrag oder Ihre Seite speichern und eine Vorschau anzeigen, um das Breadcrumb-Menü in Aktion zu sehen.

So sah es auf unserer Testseite aus.

2. Hinzufügen einer Brotkrümelnavigation mit dem Gutenberg-Block

Wenn Sie die Shortcode-Option nicht verwenden möchten oder sich nicht mehr an den Shortcode erinnern, können Sie die Breadcrumb-Navigation mit dem AIOSEO – Breadcrumbs-Block anzeigen.

Bearbeiten Sie einfach den Beitrag oder die Seite, auf der Sie die Breadcrumb-Navigation anzeigen möchten, und fügen Sie den AIOSEO – Breadcrumbs-Block hinzu.

Das Plugin lädt dann eine Live-Vorschau Ihrer Breadcrumb-Navigationslinks und zeigt sie im Inhaltsbereich an.

Vergessen Sie nicht, Ihre Änderungen zu aktualisieren oder zu veröffentlichen.

3. Hinzufügen einer Brotkrumen-Navigation mit einem Widget

Bei den beiden oben genannten Methoden müssen Sie in jedem Beitrag oder jeder Seite, auf der Sie Breadcrumb-Navigationslinks anzeigen möchten, einen Shortcode oder Block hinzufügen.

Was wäre, wenn Sie für jeden Beitrag oder jede Seite automatisch Breadcrumbs anzeigen wollten?

Mit dem AIOSEO Breadcrumbs Widget können Sie das ganz einfach tun.

Gehen Sie einfach auf die Seite Erscheinungsbild “ Widgets und fügen Sie den AIOSEO – Breadcrumbs Widget-Block hinzu. Sie können ihn in der Seitenleiste, in der Fußzeile oder in einem beliebigen Widget-Bereich Ihrer Website einfügen.

Sie können dem Widget einen Titel geben oder ihn leer lassen, wenn Sie dies wünschen.

Vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ zu klicken, um Ihre Einstellungen zu speichern.

Sie können nun Ihre Website besuchen und das Breadcrumb-Navigationsmenü auf allen Beiträgen und Seiten sehen.

4. Hinzufügen einer Brotkrümelnavigation mit Code

Mit dieser Methode können Sie die Breadcrumbs-Navigationslinks genau dort anzeigen, wo Sie sie haben möchten. Allerdings müssen Sie dafür Code zu Ihren WordPress-Theme-Dateien hinzufügen.

Wenn Sie dies noch nicht getan haben, sollten Sie sich unseren Artikel über das Hinzufügen von Code-Snippets in WordPress ansehen.

Zunächst müssen Sie entscheiden, wo die Breadcrumb-Links angezeigt werden sollen. Der häufigste Platz ist unter dem Titel des jeweiligen Beitrags, der Seite oder des Produkts.

WordPress-Themes verwenden Vorlagendateien, um verschiedene Abschnitte Ihrer Website anzuzeigen. Viele Themes verwenden zum Beispiel eine Datei namens content-single.php, die sich im Ordner template-parts Ihres Themes befindet.

In unserem Spickzettel erfahren Sie, welche Dateien Sie in einem WordPress-Theme bearbeiten müssen.

Danach müssen Sie Ihre Theme-Datei mit einem FTP-Client bearbeiten. Eine Anleitung dazu finden Sie in unserer Anleitung zum Hochladen von Dateien in WordPress per FTP.

Fügen Sie dann den folgenden Code an der Stelle ein, an der Sie die Breadcrumb-Navigationslinks anzeigen möchten:

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

Vergessen Sie nicht, Ihre Änderungen zu speichern und die Datei wieder auf Ihre Website hochzuladen.

Sie können nun Ihre Website besuchen, um die Breadcrumb-Links in Aktion zu sehen.

Ändern der Anzeige von Breadcrumb-Links in AIOSEO

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

Sie können dies ändern, indem Sie die Seite All in One SEO “ Allgemeine Einstellungen besuchen und zur Registerkarte „Brotkrümel“ wechseln. Scrollen Sie dann einfach nach unten zum Abschnitt Brotkrumen-Einstellungen.

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

Wenn Sie fertig sind, vergessen Sie nicht, Ihre Einstellungen zu speichern.

Methode 2: Breadcrumb-Navigation mit Breadcrumb NavXT hinzufügen

Diese Methode kann mit jedem anderen WordPress-SEO-Plugin verwendet werden. Es ist einfach zu verwenden, wenn Sie ein kompatibles Theme haben, aber wenn nicht, dann müssen Sie Ihre Theme-Dateien bearbeiten, um Ihre Breadcrumb-Navigationslinks anzuzeigen.

Als Erstes müssen Sie das Breadcrumb NavXT-Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie die Seite Einstellungen “ Breadcrumb NavXT besuchen, um die Einstellungen des Plugins zu konfigurieren.

Die Standardeinstellungen sollten für die meisten Websites ausreichen. Sie können die Einstellungen jedoch nach Bedarf anpassen.

Die Einstellungsseite ist in verschiedene Bereiche unterteilt. Auf der Registerkarte „Allgemeine Einstellungen“ können Sie den Stil und die Einstellungen Ihrer Brotkrümel ändern.

Sie werden auch feststellen, dass diese Linkvorlagen Schema.org-Markup im Link-Tag verwenden.

Auf der Registerkarte Beitragstypen in den Plugin-Einstellungen können Sie Breadcrumb-Links für Beiträge, Seiten und beliebige benutzerdefinierte Beitragstypen einrichten.

Sie können wählen, wie Sie Ihre Beitragshierarchie anzeigen möchten. Standardmäßig verwendet das Plugin die Hierarchie „Website-Titel > Kategorie > Beitragstitel“.

Sie können Kategorien durch Tags, Daten oder übergeordnete Beiträge ersetzen und das Trennzeichen ändern.

Die Registerkarten Taxonomien und Verschiedenes enthalten ähnliche Vorlagen für Ihre Breadcrumb-Navigationslinks.

Vergessen Sie nicht, Ihre Änderungen zu speichern, wenn Sie fertig sind.

Breadcrumb NavXT bietet mehrere Möglichkeiten, Breadcrumb-Navigationslinks auf Ihrer Website anzuzeigen.

1. Brotkrümelnavigation mit Themenunterstützung anzeigen

Einige der beliebtesten WordPress-Themes verfügen über eine integrierte Option zur Anzeige der Breadcrumb-Navigation, indem Sie Breadcrumb NavXT oder Ihr WordPress-SEO-Plugin als Quelle auswählen.

Wenn Sie zum Beispiel Astra verwenden, können Sie auf der Seite Erscheinungsbild “ Anpassen auf das Menü Brotkrümel“ klicken.

Dort wählen Sie in der Dropdown-Liste „Kopfzeilenposition“ aus, wo die Breadcrumbs angezeigt werden sollen.

Unter ‚Breadcrumb Source‘ müssen Sie ‚Breadcrumb NavXT‘ auswählen.

Wenn Sie einen einzelnen Beitrag oder eine Seite anzeigen, sehen Sie eine Live-Vorschau Ihrer Breadcrumb-Navigationslinks.

Vergessen Sie nicht, auf die Schaltfläche „Veröffentlichen“ zu klicken, um Ihre Änderungen zu speichern.

2. Navigationslinks mit Brotkrümelpfad-Block anzeigen

Sie können auch die Breadcrumb-Navigationslinks anzeigen, indem Sie den Block Breadcrumb Trail verwenden.

Gehen Sie einfach zu Ihrem WordPress-Inhaltseditor und fügen Sie den Breadcrumb Trail-Block an der Stelle ein, an der Sie die Navigationslinks anzeigen möchten.

Anschließend können Sie Ihre Inhalte aktualisieren oder veröffentlichen.

Besuchen Sie anschließend Ihre Website, um die Navigationslinks in Aktion zu sehen.

3. Hinzufügen einer Brotkrumen-Navigation mit einem Widget

Das Plugin stellt auch ein Widget zur Verfügung, mit dem Sie die Brotkrümelnavigation in der Seitenleiste oder in einem beliebigen widgetfähigen Bereich anzeigen können.

Gehen Sie zunächst auf die Seite Darstellung “ Widgets und fügen Sie den Widget-Block „Breadcrumb Trail“ in den Widget-Bereich Ihrer Website ein, z. B. in die Seitenleiste oder die Fußzeile.

Die Standard-Widget-Einstellungen sind für die meisten Websites geeignet, aber Sie können sie bei Bedarf ändern. Zum Beispiel können Sie den Pfad auf der Startseite ausblenden.

Vergessen Sie nicht, auf die Schaltfläche „Aktualisieren“ zu klicken, um Ihre Widget-Einstellungen zu speichern.

4. Hinzufügen einer Brotkrümelnavigation mit Code

Das Plugin bietet auch eine Code-Methode zur Anzeige von Breadcrumb-Navigationslinks für fortgeschrittene Benutzer.

Zunächst müssen Sie sich mit einem FTP-Client mit Ihrer WordPress-Website verbinden. Danach navigieren Sie zu Ihrem aktuellen WordPress-Theme-Ordner, der sich im Verzeichnis /wp-content/themes/ befindet.

WordPress-Themes verwenden Vorlagendateien, um verschiedene Abschnitte Ihrer Website anzuzeigen. Viele Themes verwenden zum Beispiel eine Datei namens content-single.php, die sich im Ordner template-parts Ihres Themes befindet.

In unserem Spickzettel erfahren Sie, welche Dateien Sie in einem WordPress-Theme bearbeiten müssen.

Öffnen Sie die Vorlagendatei, um sie zu bearbeiten, und fügen Sie dann den folgenden Code an der Stelle ein, an der Sie die Breadcrumbs anzeigen möchten:

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

Vergessen Sie nicht, Ihre Änderungen zu speichern und die Datei wieder auf Ihre Website hochzuladen.

Sie können nun Ihre Website besuchen, um den Pfad der Brotkrumenlinks in Aktion zu sehen.

Video-Anleitung

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu lernen, wie man Breadcrumb-Navigationslinks in WordPress anzeigt. Vielleicht interessiert Sie auch unsere Anleitung, wie Sie verschiedene Menüs für eingeloggte Benutzer in WordPress anzeigen oder wie Sie ein Mega-Menü auf Ihrer WordPress-Website hinzufügen.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.