So zeigen Sie Breadcrumb-Navigationslinks in WordPress an

Veröffentlicht: 2020-08-07

Die Möglichkeit für Website-Besucher, durch Ihre Website zu navigieren, spielt eine entscheidende Rolle für deren UX. Sie müssen sicherstellen, dass jeder, der auf Ihrer Website landet, sofort einen Eindruck von der Hauptstruktur der Website bekommt. Andernfalls riskieren Sie, Ihre Absprungrate zu erhöhen und potenzielle Leads zu verlieren. Eine Möglichkeit, diese Art von Problemen zu vermeiden, ist die Verwendung der Breadcrumb-Navigation. Breadcrumbs können die Gesamtleistung Ihrer Website durch UX steigern und gleichzeitig zur SEO Ihrer WP-Website beitragen. In diesem Artikel schauen wir uns genauer an, wie man Breadcrumb-Navigationslinks in WordPress anzeigen kann .

Was ist die Breadcrumb-Navigation?

  • Die Breadcrumb-Navigation ist eine Spur von Links, die ein hierarchisches Navigationsmenü darstellen. Es fungiert als sekundäres Navigationssystem, das Benutzern Informationen über die Position einer Seite innerhalb der Hierarchie Ihrer Website liefert .

Breadcrumbs erstellen eine Spur , die Benutzer den ganzen Weg zurück zur Startseite führt, daher der Name. Dies kann besonders hilfreich für bestimmte Websites sein, auf denen Benutzer problemlos zu anderen Seiten navigieren können müssen, wobei Online-Shops ein offensichtliches Beispiel sind . Wenn es jedoch um SEO geht, hilft die Breadcrumb-Navigation den Suchmaschinen, die Hierarchie und Struktur Ihrer Webseiten zu verstehen. Außerdem erscheinen Breadcrumbs in den Google-Suchergebnissen, was Ihrer gesamten Website mehr Sichtbarkeit verleiht.

So fügen Sie Breadcrumb-Navigationslinks in WordPress hinzu und zeigen sie an

Es ist nicht schwer, Breadcrumb-Navigationslinks in WordPress hinzuzufügen und anzuzeigen. Egal, ob Sie ein Anfänger oder ein Programmierexperte sind, Sie sollten dies in ein paar einfachen Schritten tun können. Da es dafür mehrere Möglichkeiten gibt, zeigen wir Ihnen, wie Sie Breadcrumbs mit verschiedenen Plugins hinzufügen und anzeigen.

Breadcrumb NavXT-Plugin

Der einfachste Weg, diese Art der Navigation zu Ihrer WordPress-Seite hinzuzufügen, ist das Breadcrumb NavXT Plugin. Wie Sie wissen, können WordPress-Plugins für viele verschiedene Zwecke verwendet werden. Sie können Plugins verwenden, um Ihre Website zu klonen oder zu duplizieren, oder für soziale Medien oder andere Zwecke. Wenn es jedoch um die Breadcrumb-Navigation geht, ist NavXT ein beliebtes Plugin , das ein WordPress-Widget bietet, mit dem das Navigationssystem platziert wird. Viele Optionen ermöglichen es Ihnen, die Navigation für Benutzer anzupassen.

Was Sie zuerst tun müssen, ist nach dem Breadcrumb NavXT-Plugin zu suchen und es zu installieren. Wenn Sie fertig sind, klicken Sie auf das linke Admin-Panel und wählen Sie Neue Option hinzufügen , wodurch die Haupteinstellungsseite aufgerufen wird. Die Standardeinstellungen sollten für die meisten Websites funktionieren. Es gibt verschiedene Registerkarten und jede bietet unterschiedliche Einstellungen, die für Ihre Website möglicherweise besser funktionieren.

  • Auf der Registerkarte Allgemeine Einstellungen können Sie die globalen Einstellungen des Plugins auf Ihrer Website festlegen.
  • Die Registerkarte Beitragstypen ist sehr wichtig, da Sie damit Breadcrumb-Links für Beiträge und Seiten individuell einrichten können.
  • Auf der Registerkarte Taxonomien können Sie die Kategorien nach Belieben festlegen und ähnliche Vorlagen für Ihre Links finden.
  • Auf der Registerkarte Verschiedenes können Sie die Einstellungen des Autors ändern.
  • Nehmen Sie die Änderungen vor, von denen Sie glauben, dass sie Ihrer Website am besten helfen, und denken Sie daran, auf die Schaltfläche „ Änderungen speichern “ zu klicken, um die Änderungen beizubehalten.

Anzeigen von Breadcrumb NavXT auf Ihrer Website

Um Breadcrumb-Navigationslinks in WordPress anzuzeigen, sollten Sie zu Aussehen gehen und Anpassen wählen. Dort können Sie die Position Ihrer Breadcrumbs im Dropdown-Menü Position auswählen. Außerdem müssen Sie Breadcrumb NavXT in der Breadcrumb-Quelle auswählen.

Yoast SEO-Plugin

Ein weiteres beliebtes Plugin ist Yoast SEO und es ist nützlich, um Suchmaschinen-Rankings anzunähern und den Inhalt zu optimieren. Es gibt jedoch einige Funktionen, die zur Verbesserung der Sichtbarkeit Ihrer Website verwendet werden, und Sie können sie auch zum Hinzufügen und Anzeigen von Breadcrumb-Links in WordPress verwenden.

SEO.
Es gibt noch mehr zu Yoast SEO

Als erstes müssen Sie entscheiden, wo Sie die Brotkrümel platzieren möchten . Abhängig davon sollten Sie den folgenden Code an der gewünschten Stelle hinzufügen :

  • <?php
  • if (function_exists ('yoast_breadcrumb')) {
  • yoast_breadcrumb( '<p id=”Breadcrumbs”>' , ' </p>' ) ;
  • }
  • ?>
Code, manchmal notwendig, um Breadcrumb-Navigationslinks in WordPress anzuzeigen.
Code ist manchmal notwendig, um Breadcrumb-Navigationslinks in WordPress anzuzeigen

So zeigen Sie Breadcrumb-Navigationslinks mit YOAST SEO an

Je nach Thema und Updates besteht die Möglichkeit, dass Code überschrieben wird. In diesem Fall sollten Sie sich an Ihren Theme-Entwickler wenden. Sobald Sie das Snippet platziert haben, gehen Sie zu SEO und wählen Sie Search Appearanc e und klicken Sie auf Breadcrumbs. Aktivieren Sie in den Breadcrumbs-Einstellungen Breadcrumbs. Wenn Sie eine Vorschau Ihrer Website anzeigen, sollten Sie Breadcrumbs-Orte an den gewünschten Stellen Ihrer Website sehen können.

Flexy Breadcrumb

Flexy Breadcrumb ist eines der Plugins, mit denen Sie Breadcrumbs in WordPress hinzufügen können. Sobald Sie das Plugin installiert und aktiviert haben, können Sie Breadcrumbs mit einem [flexy_breadcrumb]-Shortcode hinzufügen. Wenn Sie mit Shortcodes in WordPress nicht vertraut sind, gibt es eine Menge Material, das Ihnen helfen wird, Shortcodes besser zu verstehen.

In der Dashboard-Seitenleiste können Sie das Element Flexy Breadcrumb sehen. Sobald Sie darauf klicken, sehen Sie Einstellungen, mit denen Sie Ihre Homepage ändern können – ändern Sie das Symbol und den Text, legen Sie die Zeichenbeschränkung und die Hierarchie fest. Auf der Registerkarte Typografie können Sie die Schriftgröße und -farbe für Breadcrumbs ändern. Nachdem Sie Ihren Trail angepasst haben, fügen Sie den erwähnten Shortcode an der Stelle hinzu, an der Sie Ihre Breadcrumbs haben möchten.

WooCommerce Breadcrumbs

Wenn Sie Breadcrumbs benötigen, damit Ihre Kunden problemlos zwischen Ihren Produktseiten wechseln können, sollten Sie WooCommerce Breadcrumbs installieren. Da Sie bereits das WooCommerce-Plugin verwenden, sollte dies die einfachste Option für Sie sein.

Installiere und aktiviere das Plugin und gehe zu Einstellungen und finde WC Breadcrumbs. Sie sollten nicht vergessen, Breadcrumbs zu aktivieren. Anschließend können Sie Ihre Produktseiten auswählen.

Beginnen Sie noch heute mit der Verbesserung der UX Ihrer Website

Es ist gut, dass Sie wissen, wie man Breadcrumb-Navigationslinks in WordPress hinzufügt und anzeigt. Allerdings solltest du auch an das berühmte Märchen denken – manchmal kann man sich auch bei der Verwendung von Semmelbröseln verirren. Und das ist etwas, das Sie Ihren Besuchern nicht zufügen möchten. Dieses System sollte in einem Bereich platziert werden, in dem es sich wie eine starke Ergänzung Ihrer Website anfühlt und es Besuchern ermöglicht , die Struktur Ihrer Website sofort zu verstehen . Schließlich ist es wichtig, die Besucher im Auge zu behalten, da Sie deren Erlebnis verbessern möchten.