So fügen Sie Breadcrumbs zu WordPress hinzu, um Benutzern zu helfen, besser auf Ihrer Website zu navigieren
Veröffentlicht: 2019-11-20Wenn du eine inhaltsreiche Website betreibst oder dich fragst, wie, dann hilft dir dieser Artikel dabei, zu lernen, wie man Breadcrumbs zu WordPress hinzufügt.
Im deutschen Märchen „ Hänsel und Gretel “ nahmen die kleinen Geschwister – die den Plan ihrer bösen Stiefmutter belauschten, sie in den Wald zu werfen, um für sich selbst zu sorgen – eine Scheibe Brot und hinterließen eine Spur aus Brotkrümeln, die sie wollten nach Hause folgen, nachdem ihre Eltern sie verlassen haben.
Im modernen Verlagswesen; im Internet oder in Software oder Dokumenten werden Breadcrumbs ebenfalls verwendet, um einem Leser zu helfen, den Weg nach Hause zu finden. Oder zumindest in der Lage sein, ihre Schritte basierend darauf, wo sie sich befinden, zurückzuverfolgen.
Breadcrumbs sind sekundäre Navigationselemente auf einer Website, die den Standort eines Besuchers anzeigen.
Sie lesen diesen Artikel, weil Sie wissen, was es ist, aber falls Sie sich fragen, wie es aussieht, können Sie zu eBay gehen und sich eBay ansehen.
Ein Käufer, der sich ein Qi Wireless Fast Charger Charging Pad Stand Dock For Galaxy S9+ iPhone X XS Max ansieht, weiß leicht, wo er sich befindet und wie er die verschiedenen Kategorien erhält, in denen sein Produkt aufgeführt ist.
In diesem Fall gibt es einen Link zurück zur Startseite, dann einen Link zur Hauptkategorie, in der ein Produkt aufgeführt ist – Mobiltelefone und Zubehör, gefolgt von einer Unterkategorie – Mobiltelefonzubehör und einer weiteren Unterkategorie – Ladegeräte und Cradles .
Warum Breadcrumbs zu einer WordPress-Website hinzufügen?
Wenn Sie sich die obige eBay-Struktur ansehen, können Sie sehen, wie hervorragend Breadcrumbs für die Benutzererfahrung auf mehrschichtigen oder hierarchischen Websites sind. Ein Besucher weiß, wo er sich zu einem bestimmten Zeitpunkt befindet, während er eine Website durchsucht. Wenn sie zu einer übergeordneten Kategorie wechseln müssen, in der das angezeigte Produkt oder der angezeigte Artikel aufgeführt ist, müssen sie nur auf den Link in den Breadcrumbs klicken.
Was uns zu einem weiteren Vorteil des Hinzufügens von Breadcrumbs zu einer WordPress-Website führt, ein Benutzer muss nicht auf die Zurück-Schaltfläche eines Browsers klicken, sondern nur auf den Breadcrumb.
Breadcrumbs ermöglichen das Auffinden von Inhalten auf einer Website. Stellen Sie sich einen Besucher vor, der von einer Suchmaschine zu einem Artikel oder einem Link auf einer anderen Website weitergeleitet wird. Wenn ein Benutzer den Artikel gelesen hat, bietet der Breadcrumb einem Benutzer mehr Optionen, um zu einer höheren Kategorie zu wechseln, um ähnliche Inhalte anzuzeigen. Wie Sie sich vorstellen können, führt dies dazu, dass ein Benutzer mehr Zeit auf einer Website verbringt, was zu niedrigeren Absprungraten führt.
Breadcrumbs helfen nicht nur Benutzern bei der Navigation auf einer Website, sie helfen auch Suchmaschinen bei der Navigation auf einer Website.
Alles, was die Benutzererfahrung verbessert, alles, was die Absprungraten reduziert, alles, was es Suchmaschinen-Bots ermöglicht, eine Website einfach zu crawlen und zu indizieren, hilft einer Website, von Suchmaschinen empfohlen zu werden.
So wie es ist, hilft das Hinzufügen von Breadcrumbs einer Website bei ihren Bemühungen zur Suchmaschinenoptimierung.
Wie füge ich Breadcrumbs zu einer WordPress-Website hinzu?
Die meisten modernen WordPress-Themen und fast alle E-Commerce-Themen haben Breadcrumbs-Funktionen von Natur aus.
Um Ihrer Website mit einem solchen Thema Breadcrumbs hinzuzufügen, aktivieren Sie einfach die Option, die häufig in den Themenoptionen zu finden ist. Konsultieren Sie im Zweifelsfall Ihre Theme-Dokumentation oder Theme-Entwickler.
Wenn Ihr Design Breadcrumbs nicht nativ unterstützt, können Sie sie einfach mit Breadcrumbs-Plugins hinzufügen. Sie können auch die meisten SEO-WordPress-Plugins wie Yoast verwenden, um Ihrer Website Breadcrumbs hinzuzufügen.
Für diesen Artikel werden wir Breadcrumbs mit einem kostenlosen WordPress-Plugin – Breadcrumb NavXT – zu WordPress hinzufügen
Schritt 1: Installieren Sie das Breadcrumb NavXT WordPress-Plugin.
Breadcrumb NavXT generiert Breadcrumbs basierend auf dem Standort eines Benutzers. Die Trails können dann nach Ihren Wünschen angepasst werden.
Fahren Sie fort und installieren Sie Breadcrumb NavXT.
Wenn Sie nicht wissen, wie man Plugins in WordPress installiert, ist es einfach. Melden Sie sich bei Ihrem Dashboard an, scrollen Sie dann im linken Menü unter Plugins nach unten und klicken Sie auf Neu hinzufügen.

Geben Sie das Plugin, das Sie installieren möchten – Breadcrumb NavXT – in das Suchfeld ein.
In ein oder zwei Sekunden werden die Ergebnisse zurückgegeben. Klicken Sie jetzt auf Jetzt installieren , warten Sie danach noch ein oder zwei Sekunden und klicken Sie dann auf Aktivieren .
Schritt 2: Anzeigen von Breadcrumb NavXT Breadcrumbs auf einer WordPress-Site.
Sie können die Breadcrumbs auf zwei Arten anzeigen.
1. Verwenden des von Breadcrumb NavXT bereitgestellten Widgets
Gehen Sie zum Hauptmenü; Aussehen > Widgets.
Suchen Sie Breadcrumb NavXT und ziehen Sie es dann in die Seitenleiste, in der Sie Ihre Breadcrumbs haben möchten.
Gehen Sie jetzt zu einem beliebigen Beitrag oder einer Seite, auf der die Seitenleiste angezeigt wird, und Sie sollten Ihre Breadcrumbs sehen.
Wenn Sie Ihre Breadcrumbs irgendwo anders als in der Seitenleiste haben möchten, wie im eBay-Beispiel, müssen Sie sich die Hände schmutzig machen und Ihr Design ändern.
2. Ändern Sie Ihr Design
Die Dateien, die Sie möglicherweise ändern müssen, sind die; home.php, single.php, page.php. Sie können auch Taxonomien und jede andere Datei ändern, solange Sie dort Breadcrumbs benötigen.
Aber bevor Sie irgendetwas tun, sichern Sie Ihre Website. Unser eigenes WPVivid-Backup-Plugin spart Ihnen Zeit und Kopfschmerzen, wenn die Dinge nach hinten losgehen.
Als nächstes empfehle ich, Änderungen an einem untergeordneten Thema vorzunehmen. Wir haben einen Artikel, der Ihnen genau zeigt, wie Sie ein untergeordnetes Thema für Ihre WordPress-Website erstellen.
Wenn Sie das oben Gesagte getan haben, fahren Sie fort und fügen Sie den folgenden Code zu den Seiten hinzu, die in Ihren Breadcrumbs angezeigt werden sollen.
<div class="breadcrumbs" typeof="BreadcrumbList" vocab="https://schema.org/"> <?php if(function_exists('bcn_display')) { bcn_display(); }?> </div>
Wenn Sie es in einem Artikel anzeigen möchten, ändern Sie die Datei single.php. Fügen Sie den Code in das Artikel-Tag ein.
Speichern Sie Ihre Änderungen und gehen Sie dann zu Ihren Artikeln.
Ihre Breadcrumbs sollten sich in dem Bereich befinden, in dem Sie Ihren Code platziert haben.
Sie können in meinem Fall sehen, dass ich die Breadcrumbs oben auf dem Artikel habe.
Wenn Ihre Breadcrumbs nicht richtig angezeigt werden, müssen Sie sie mit etwas CSS formatieren.
Breadcrumb NavXT verwendet die CSS-Klasse .breadcrumbs (dies kann auch von Ihrem Thema abhängen). Sie können den CSS-Code Ihrer Website ändern oder den WordPress-Customizer verwenden, um Ihre Breadcrumbs zu gestalten.
.Semmelbrösel { Farbe: #000; Rand unten: 20px; }
Schritt 3: Anpassen von Breadcrumb NavXT-Breadcrumbs.
Wenn Sie Änderungen an Ihren Breadcrumbs vornehmen müssen, können Sie dies in Ihrem WordPress-Dashboard tun.
Rufen Sie die Einstellungsseite von Breadcrumb NavXT auf. Du findest es unter dem allgemeinen WordPress – Einstellungen > Breadcrumb NavXT – Menü.
Hoffentlich haben Sie Ihrer WordPress-Site erfolgreich Breadcrumbs hinzugefügt.
Verlieren Sie Ihre Besucher nicht im Dschungel Ihrer Website. Fügen Sie Breadcrumbs zu Ihrer Website hinzu.
Als Nächstes möchten Sie vielleicht auch lernen, wie Sie die benutzerdefinierte Google-Suche zu WordPress hinzufügen, um Ihre Onsite-Navigation zu verbessern.