loader image

Radiboxes Server machen WordPress Websites bis zu 4x schneller - ohne zusätzliche Optimierung. Raidboxes migriert deine Website und du kannst selbst vergleichen. Wenn du zufrieden bist, wähle einfach das passende Paket in deren Preistabelle.

4.97

Sehr gut

trustedshops.de

Autor

duckducknews

Wie man Breadcrumb-Navigationslinks in WordPress anzeigt

Möchten Sie Breadcrumb-Navigationslinks auf Ihrer WordPress-Website anzeigen?

Die Brotkrümelnavigation zeigt den Nutzern, wo sie sich auf einer Website im Vergleich zur Startseite befinden. Dieser Breadcrumb-Pfad wird dann auch in den Suchergebnissen angezeigt, wodurch sich Ihre Website abhebt.

In diesem Artikel zeigen wir Ihnen, wie Sie Breadcrumb-Navigation-Links in WordPress anzeigen können.

Easily display breadcrumb navigation links in WordPress

Was ist eine Breadcrumb-Navigation und warum brauchen Sie sie?

Breadcrumb-Navigation 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 Seitenhierarchie der Website aufzusteigen.

Breadcrumbs displayed on WPBeginner website

Brotkrümelnavigation-Links unterscheiden sich vom Standard-Navigationsmenüsystem in WordPress.

Der Zweck der Breadcrumb-Navigation ist es, den Nutzern zu helfen, auf Ihrer Website zu navigieren. Außerdem hilft sie 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 die Klickrate steigt.

Breadcrumb navigation in search results

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 nun an, wie Sie Breadcrumb-Navigationslinks in WordPress hinzufügen können. Wir zeigen Ihnen zwei Methoden, und Sie können diejenige wählen, die für Sie am besten funktioniert.

Methode 1. Hinzufügen einer 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 außerdem über eine einfach zu bedienende Breadcrumbs-Funktion.

Hinweis: Es gibt auch eine kostenlose Version von All in One SEO mit eingeschränkten Funktionen, die Breadcrumbs enthält.

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

All in One SEO wizard

Benötigen Sie Hilfe bei der Einrichtung? Sehen Sie sich unsere Schritt-für-Schritt-Anleitung für die Installation und Einrichtung von All in One SEO an.

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

Enable breadcrumbs display in All in One SEO

Jetzt wird das Breadcrumbs Schema Markup automatisch von All in One SEO zum Code Ihrer Website hinzugefü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“ einschalten. Wenn Sie den Schalter umlegen, können Sie die verschiedenen Einstellungen für die Anzeige von Breadcrumbs auf Ihrer Website sehen.

Breadcrumb display options

Es gibt vier Möglichkeiten, wie Sie die Breadcrumb-Navigation auf Ihrer WordPress-Website anzeigen können.

1. Hinzufügen der 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 in Produktseiten in Ihrem Online-Shop 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 die Breadcrumb-Navigation anzeigen möchten.

[aioseo_breadcrumbs]

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

AIOSEO breadcrumb navigation shortcode

Sie können nun Ihren Beitrag oder Ihre Seite speichern und eine Vorschau anzeigen, um das Breadcrumb-Navigationsmenü in Aktion zu sehen. Hier sehen Sie, wie es auf unserer Testseite aussah.

AIOSEO breadcrumb navigation menu

2. Hinzufügen einer Brotkrumen-Navigation 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.

Adding AIOSEO breadcrumbs block

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

Preview breadcrumb block

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

3. Hinzufügen einer Brotkrumen-Navigation mit Widget

Bei den beiden oben genannten Methoden müssen Sie einen Shortcode oder Block in jeden Beitrag oder jede Seite einfügen, auf der Sie Breadcrumb-Navigation-Links anzeigen möchten.

Was wäre, wenn Sie die Breadcrumbs automatisch für jeden Beitrag oder jede Seite 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 das ‚AIOSEO – Breadcrumbs‘ Widget in die Seitenleiste ein.

AIOSEO breadcrumbs widget

Sie können einen Titel für das Widget angeben oder ihn leer lassen, wenn Sie dies wünschen. Vergessen Sie nicht, auf die Schaltfläche Speichern zu klicken, um Ihre Einstellungen zu speichern.

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

Breadcrumbs navigation in sidebar widget

4. Hinzufügen der Brotkrümelnavigation mit Code

Mit dieser Methode können Sie die Breadcrumb-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 Sie die Breadcrumb-Links anzeigen möchten. Am häufigsten werden die Breadcrumb-Links unter dem Titel des jeweiligen Beitrags, der Seite oder des Produkts angezeigt.

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 auf WordPress per FTP. Fügen Sie dann den folgenden Code an der Stelle ein, an der Sie die Breadcrumb-Navigationslinks anzeigen möchten.


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.

Breadcrumbs navigation links preview

Ändern der Anzeige der Breadcrumb-Links in AIOSEO

All in One SEO verwendet jetzt standardmäßig eine Vorlage für die Anzeige Ihrer Breadcrumb-Links. Sie enthält einen Link zur Startseite, zur Kategorie oder zur übergeordneten Seite sowie den Titel des Beitrags oder der Seite, getrennt durch ein „.

Sie können dies ändern, indem Sie die Seite All in One SEO “ Allgemeine Einstellungen besuchen und nach unten zum Abschnitt Brotkrümel-Einstellungen scrollen.

Breadcrumb settings

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, auf die Schaltfläche Änderungen speichern zu klicken, um Ihre Einstellungen zu speichern.

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

Diese Methode kann mit jedem anderen WordPress SEO-Plugin verwendet werden. Sie ist einfach zu verwenden, wenn Sie ein kompatibles Theme haben, aber wenn nicht, 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 aufrufen, um die Einstellungen des Plugins zu konfigurieren.

Settings page for Breadcrumb NavXT plugin

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

Die Einstellungsseite ist in verschiedene Abschnitte 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 unter den Plugin-Einstellungen können Sie Breadcrumb-Links für Beiträge, Seiten und benutzerdefinierte Beitragstypen einrichten.

Sie können wählen, wie Sie Ihre Beitragshierarchie anzeigen möchten. Standardmäßig verwendet das Plugin Site Title > Category > Post Title. Sie können Kategorien durch Tags, Daten oder übergeordnete Beiträge ersetzen und das Trennzeichen ändern.

Die Registerkarten “ Taxonomien“ und „Autoren“ verfügen über ähnliche Vorlagen für Ihre Breadcrumb-Navigationslinks.

Vergessen Sie nicht, auf die Schaltfläche Änderungen speichern zu klicken, um Ihre Änderungen zu speichern.

Breadcrumb NavXT auf Ihrer Website anzeigen

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

1. Breadcrumb-Navigation mit Theme-Unterstü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 z. B. Astra verwenden, können Sie auf die Seite Darstellung “ Anpassen gehen und auf das Menü Breadcrumbs klicken.

Dort wählen Sie im Dropdown-Menü Position aus, wo die Breadcrumbs angezeigt werden sollen.

In der Brotkrumenquelle müssen Sie „Breadcrumb NavXT“ wählen.

Adding breadcrumbs using theme customizer

Wenn Sie einen einzelnen Beitrag oder eine Seite betrachten, 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. Hinzufügen von Breadcrumbs-Navigation mit einem Widget

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

Gehen Sie zunächst auf die Seite Erscheinungsbild “ Widgets und fügen Sie das Breadcrumb NavXT-Widget zu Ihrer Seitenleiste hinzu.

Breadcrumb NavXT widget settings

Die Standardeinstellungen des Widgets 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 „Speichern“ zu klicken, um Ihre Widget-Einstellungen zu speichern.

Sie können nun Ihre Website besuchen, um das Widget in Aktion zu sehen.

Breadcrumb links in sidebar

3. Hinzufügen einer Brotkrümelnavigation mit Code

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

Zuerst 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 Bereiche Ihrer Website darzustellen. 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 den folgenden Code dort ein, wo Sie den Breadcrumbs-Pfad anzeigen möchten:


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.

Breadcrumb navigation preview

Wir hoffen, dass dieser Artikel Ihnen geholfen hat, zu lernen, wie man Breadcrumb-Navigationslinks in WordPress anzeigt. Vielleicht interessieren Sie sich auch für unseren Leitfaden, wie Sie mehr Besucher auf Ihre WordPress-Website bringen, oder für unsere Übersicht über die besten Domain-Registrierungsstellen.

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.

Die beliebtesten Beiträge

Wie man den ungültigen JSON-Fehler in WordPress behebt (Anleitung für Anfänger)

Versuchen Sie, den ungültigen JSON-Fehler in WordPress zu beheben? Dieser Fehler tritt auf, wenn Sie WordPress-Beiträge oder -Seiten auf Ihrer Website bearbeiten. Sie erhalten die Meldung "Die Antwort ist keine gültige JSON-Antwort" und die Aktualisierung der Seite schlägt fehl. In diesem Artikel zeigen wir Ihnen, wie Sie den ungültigen JSON-Fehler ...

So beheben Sie den Fehler „Verbindung ist nicht privat“ (Anleitung für Website-Besitzer)

Sehen Sie die Fehlermeldung "Ihre Verbindung ist nicht privat" auf Ihrer WordPress-Website? Dies ist die Fehlermeldung, die Sie in Google Chrome sehen. Der gleiche Fehler wird auf allen modernen Browsern mit leicht unterschiedlichen Meldungen angezeigt und kann für Anfänger bei der Fehlerbehebung etwas verwirrend sein. In dieser Anleitung für Website-Besitzer ...

Wie man eine Seite in voller Breite in WordPress erstellt (Anleitung für Anfänger)

Möchten Sie eine Seite in voller Breite in WordPress erstellen, so dass Sie Ihren Inhalt über den Bildschirm strecken können? Die meisten WordPress-Themes verfügen bereits über eine integrierte Vorlage für eine Seite in voller Breite, die Sie verwenden können. Wenn Ihr Theme jedoch keine hat, dann ist es einfach, sie ...
DSGVO Cookie-Einwilligung mit Real Cookie Banner