So zeigen Sie Breadcrumb-Navigationslinks in WordPress an

Wenn Sie eine Website besuchen und etwas wie „ Home->Shop->Mein Konto“ sehen, werden diese als Breadcrumbs bezeichnet.

Sie dienen als „Spur“, um Benutzern zu helfen, ihren aktuellen Standort auf der Website zu verstehen und zu erfahren, wie sie dorthin gelangt sind. Benannt nach der Geschichte von Hänsel und Gretel, helfen Breadcrumbs dem Benutzer bei der Navigation auf der Website.

Im heutigen Text behandeln wir Folgendes:

• Vorteile der Zugabe von Semmelbröseln
• Beste Methoden zum Implementieren von Breadcrumbs auf Ihrer WordPress-Site.
• Bestes WordPress-Plugin zum Hinzufügen von Breadcrumbs zu Ihrer Website.

Ohne Zeit zu verschwenden, fangen wir an –

Die Vorteile des Hinzufügens von Breadcrumbs zu Ihrer Website

Bevor wir zum Tutorial-Teil kommen, müssen Sie die Vorteile von Breadcrumbs kennen.

1. Breadcrumbs bieten Benutzern eine klare Karte ihrer Reise, was auf großen Websites wie E-Commerce-Sites oder Blogs hilfreich ist.
2. Breadcrumbs tragen zu einem reibungsloseren Surferlebnis bei.
3. Besucher können schnell zu Seiten springen, ohne auf das Hauptmenü oder die Zurück-Schaltfläche angewiesen zu sein.
4. Suchmaschinen nutzen Breadcrumbs, um die Struktur Ihrer Website zu verstehen.
5. Breadcrumbs können in Suchmaschinenergebnissen erscheinen, die Klickraten erhöhen und Suchmaschinen dabei helfen, Ihre Website besser zu indizieren.
6. Breadcrumb reduziert die Absprungraten und erhöht das Engagement.
7. Sie sind leicht und einfach anpassbar

Breadcrumbs sind nicht nur eine Navigationshilfe, sie sind ein entscheidender Bestandteil jeder benutzerfreundlichen und suchoptimierten Website.

Sehen wir uns nun an, wie Sie eine Breadcrumb-Navigation auf WordPress-Sites hinzufügen können.

So fügen Sie einer WordPress-Site eine Breadcrumb-Navigation hinzu

Deshalb zeigen wir Ihnen, wie Sie mit drei Methoden eine Breadcrumb-Navigation zu Ihrer WordPress-Site hinzufügen.

• Verwendung eines WordPress-Plugins
• Benutzerdefinierten Code verwenden
• Die Unterstützung eines Themes nutzen.

Fangen wir an-

1. Verwenden eines WordPress-Plugins zum Hinzufügen einer Breadcrumb-Navigation

Wie üblich gibt es immer ein WordPress-Plugin, mit dem Sie Ihrer WordPress-Site beliebige Funktionen hinzufügen können. Es gibt ein Plugin namens Breadcrumb NavXT , das Breadcrumb-Navigation hinzufügt.

Dies ist eines der beliebtesten WordPress-Breadcrumb-Plugins mit mehr als 900.000 aktiven Installationen. Das Plugin verfügt in der kostenlosen Version über alle notwendigen Funktionen, die Ihnen beim Hinzufügen und Anpassen der Breadcrumb-Navigation auf Ihrer Website helfen.

Hier sind die Schritte, um die Breadcrumb-Navigation auf Ihrer Website anzuzeigen:

Schritt 1: Installieren und aktivieren Sie das Plugin

Installieren Sie zunächst das Plugin über Ihr WordPress-Dashboard. Gehen Sie zu Plugins -> Neu hinzufügen und geben Sie Breadcrumb NavXT in das Suchfeld ein. Anschließend installieren und aktivieren Sie das Plugin.

Schritt 2: Konfigurieren Sie die Breadcrumb NavXT-Einstellungen

Die Anpassungsmöglichkeiten des Plugins finden Sie unter Einstellungen–>Breadcrumb NavXT . Sie finden verschiedene Möglichkeiten, den Breadcrumb anzupassen. Wenn Sie jedoch wenig Zeit haben oder über geringe technische Kenntnisse verfügen, behalten Sie die Standardeinstellungen bei.

Hinweis: Bei der Installation des Plugins habe ich keine Einstellungen vorgenommen. Die Standardeinstellungen wurden beibehalten. Hat bei mir gut funktioniert.

Schritt 3: Fügen Sie den Gutenberg-Block hinzu

Nachdem Sie die Einstellungen konfiguriert haben, müssen Sie den Breadcrumb Trail-Block auf der Seite oder dem Beitrag hinzufügen, für den Sie Breadcrumbs anzeigen möchten. Wählen Sie eine beliebige Seite oder einen beliebigen Beitrag aus, wählen Sie den Breadcrumb-Trail-Block aus und fügen Sie ihn hinzu.

Dadurch wird die Breadcrumb-Navigation zur Seite oder zum Beitrag hinzugefügt.

Sie können das Widget auch verwenden, um den Breadcrumb hinzuzufügen. Gehen Sie einfach zu Aussehen –> Widgets . Suchen Sie dort das Breadcrumb Trail-Widget und fügen Sie hinzu, wo Sie den Breadcrumb auf Ihrer Website anzeigen möchten.

So einfach können Sie eine Breadcrumb-Navigation zu Ihrer Website durchführen.

Aber es gibt einen Haken. Sie können dies nur Seite für Seite oder Beitrag für Beitrag tun. Das wird viel Zeit in Anspruch nehmen.

Wenn Sie dies auf der gesamten Website tun möchten, müssen Sie benutzerdefinierte Codierung verwenden.

2. Verwenden von benutzerdefiniertem Code zum Hinzufügen einer Breadcrumb-Navigation

Wenn Sie das Breadcrumb NavXT-Plugin installiert haben, können Sie ein wenig Code verwenden, um Breadcrumbs auf der gesamten Website anzuzeigen.

Sie können die Option „Theme File Editor“ von Appearance verwenden oder Ihren Dateimanager über CPanel öffnen und die Datei header.php suchen.

Fügen Sie dort diesen Code hinzu:

 if (function_exists('bcn_display')) { bcn_display(); } ?>

Hinweis: Ich hatte anfangs Probleme beim Hinzufügen dieses Codes, da er „<!–?php“ verwendet. Aber der Code hatte von Anfang an schon ein „<!–?php“. Aus diesem Grund wurde mir eine Fehlermeldung angezeigt. Ich habe den einzigen Teil des Codes bereitgestellt, den Sie verwenden müssen. Kopieren Sie es und platzieren Sie es am Ende des Codes.

Dadurch wird eine siteweite Breadcrumb-Navigation hinzugefügt.

So einfach ist das.

3. Verwenden der Theme-Unterstützung zum Hinzufügen von Breadcrumb

Sie können die Theme-Unterstützung auch nutzen, um Breadcrumbs zu Ihrer Site hinzuzufügen. Gehen Sie beispielsweise im Storefront-Theme zur Option zum Anpassen des Themes. Dort im Widgets-Bereich finden Sie den Breadcrumb NavXt-Block-

Hier können Sie die Einstellungen konfigurieren. Dann können Sie einen Breadcrumb Trail-Block hinzufügen, um Breadcrumbs anzuzeigen.

So können Sie die Breadcrumb-Navigation zu Ihrer WordPress-Site anzeigen.

Beliebte Plugins zum Hinzufügen von Breadcrumbs zu Ihrer WordPress-Site

Wenn Sie mit der Verwendung des Breadcrumb NavXT-Plugins nicht vertraut sind, können Sie auch andere Plugins verwenden:

1. Yoast-SEO

Yoast SEO ist ein beliebtes Plugin zur Verbesserung der SEO-Leistung Ihrer Website. Es enthält eine integrierte Breadcrumb-Funktion .

Dies macht es zu einer ausgezeichneten Wahl für diejenigen, die Navigation mit SEO-Optimierung kombinieren möchten.

Die Breadcrumbs sind anpassbar und helfen Ihnen, die Struktur und das Design Ihrer Website anzupassen.

Merkmale:

• Integriert sich nahtlos in die SEO-Einstellungen Ihrer Website.
• Bietet Flexibilität zur Anpassung der Struktur und des Aussehens der Brotkrümel.
• Hilft Suchmaschinen dabei, Ihre Website besser zu indizieren, indem Breadcrumbs in das HTML-Markup eingefügt werden.
• Unterstützt Beiträge, Seiten und benutzerdefinierte Beitragstypen.

2. Rang Mathe

Rank Math ist ein weiteres sehr beliebtes SEO-Plugin, das erweiterte Funktionen, einschließlich Breadcrumbs, bietet. Es ist wegen seiner benutzerfreundlichen Oberfläche und den Anpassungsoptionen beliebt. Die Breadcrumbs lassen sich ganz einfach einrichten und so gestalten, dass sie zum Thema Ihrer Website passen.

Merkmale:

• Bietet detaillierte Optionen für die Breadcrumb-Anpassung.
• Fügt Beiträgen, Seiten und anderen Inhaltstypen automatisch Breadcrumbs hinzu.
• Vollständige Integration in die SEO-Tools von Rank Math für zusätzliche Funktionalität.
• Leicht und mobilfreundlich für die Navigation.

3. WooCommerce-Breadcrumbs

WooCommerce Breadcrumbs ist ein Plugin, das speziell für WooCommerce-Shops entwickelt wurde. Es verbessert die Navigation, indem es Breadcrumbs zu Produktseiten, Kategorien und anderen geschäftsspezifischen Abschnitten hinzufügt.

Merkmale:

• Fügt automatisch Breadcrumbs zu WooCommerce-Produkt- und Kategorieseiten hinzu.
• Verbessert das Benutzererlebnis, indem der Standort des Produkts in der Shop-Hierarchie angezeigt wird.
• Anpassbare Brotkrümeletiketten und -trenner für eine bessere Ästhetik.
• Trägt zur Verbesserung der Suchmaschinenoptimierung bei, indem es eine strukturierte Navigation für Suchmaschinen bereitstellt.

4. Flexy Breadcrumb

Flexy Breadcrumb ist ein Plugin, mit dem Sie anpassbare Breadcrumbs zu Ihrer WordPress-Site hinzufügen können.

Es funktioniert mit den meisten Themes und ermöglicht es Ihnen, das Breadcrumb-Design und die Struktur an den Stil Ihrer Website anzupassen. Dank seiner benutzerfreundlichen Oberfläche ist es sowohl für Anfänger als auch für Fortgeschrittene geeignet.

Merkmale:

• Bietet mehrere Gestaltungsmöglichkeiten für Semmelbrösel.
• Ermöglicht die Anpassung der Breadcrumb-Hierarchie und der Trennzeichen.
• Unterstützt die Integration mit beliebten Seitenerstellern wie Elementor.
• Leicht und optimiert für schnelle Leistung

Verbessern Sie die Navigation Ihrer Website mit Breadcrumbs

Sie werden nicht viele Websites ohne Breadcrumb-Navigation finden. Dies ist eine großartige Möglichkeit, Kunden und Besucher zu binden und ihnen mitzuteilen, wo sie sich auf Ihrer Website befinden. Und wie gesagt, es eignet sich auch hervorragend für die SEO-Optimierung.

Ob es Ihnen gefällt oder nicht, die Breadcrumb-Navigation ist für eine Website wichtig. Sogar Google sagt, dass die Breadcrumb-Navigation die Struktur und SEO der Website verbessern kann.

Wir haben Ihnen drei Möglichkeiten gezeigt, wie Sie Ihrer Website Breadcrumbs hinzufügen können. Sie können jedem von ihnen folgen.

Fügen Sie also Breadcrumb zu Ihrer Website hinzu und lassen Sie es uns im Kommentarbereich wissen, wenn Sie irgendwann einmal nicht weiterkommen.