Was sind WordPress-Breadcrumbs und wie können Sie sie auf Ihrer Website aktivieren?

Lassen Sie sich von dem ungewöhnlichen Namen nicht abschrecken, denn Breadcrumbs sind in der Tat ein sehr nützliches Tool, das die Benutzererfahrung und SEO Ihrer Website erheblich verbessert. Sie zu aktivieren kann ganz einfach mit Hilfe eines benutzerdefinierten Codes oder eines Plugins sein.

Im heutigen Beitrag gehen wir detailliert auf WordPress Breadcrumbs ein und wie genau sie funktionieren.

Was sind WordPress Breadcrumbs?

Breadcrumbs sind Navigationslinks, die oben auf einer Seite oder einem Beitrag erscheinen. Sie zeigen den Besuchern die übergeordneten Kategorien, die sie zu den gewünschten Inhalten geführt haben, und navigieren sie zu vorherigen Seiten.

Breadcrumbs erstellen eine Spur, die den Benutzer nach Hause führt, daher der Name. Besonders nützlich für Online-Shops oder Blogs, da Benutzer zwischen Beiträgen, Produktseiten und Kategorien wechseln können.

Wie funktionieren Semmelbrösel?

Es gibt drei Haupttypen von WordPress-Breadcrumbs:

• Hierarchiebasiert: Sie zeigen Benutzern, wo genau sie sich in der Struktur der Website befinden.
• Attributbasiert: Sie werden hauptsächlich auf E-Commerce-Websites verwendet und zeigen die Attribute an, nach denen die Benutzer gesucht haben und die sie zu dem angezeigten Produkt geführt haben.
• Verlaufsbasiert: Wenn sich Benutzer durch verschiedene Seiten bewegen, werden sie den Weg zurückgeführt, den sie gekommen sind.

Jede Art von Semmelbröseln kann für verschiedene Zwecke nützlich sein. Sie alle können jedoch die Navigation und damit die UX verbessern.

Sie sind auch in Bezug auf SEO sehr vorteilhaft und zeigen die Beziehung zwischen verschiedenen Inhalten Ihrer Website, was es Suchmaschinen-Bots erleichtert, die Struktur Ihrer Website zu verstehen.

Dies hilft, Ihre Website genauer zu indizieren. Suchmaschinen können die Breadcrumbs Ihrer Website auch in der Ergebnisliste anzeigen, die den Benutzern wiederum zusätzliche Informationen zu dem gesuchten Thema oder Produkt liefert.

Wie füge ich WordPress Breadcrumbs zu meiner Website hinzu?

In nur wenigen einfachen Schritten können Sie Breadcrumbs zu Ihrer Website hinzufügen, egal ob Sie ein Profi oder ein WordPress-Anfänger sind.

Yoast-SEO

Dies ist ein beliebtes Plugin, das Benutzern hilft, ihre Inhalte zu optimieren und ihr Suchmaschinenranking anzunähern. Es enthält einige zusätzliche Funktionen wie die Verbesserung der Sichtbarkeit Ihrer Website mit Breadcrumbs.

Die Installation kann über Ihr Dashboard erfolgen:

Im nächsten Schritt müssen Sie diesen Code hinzufügen:

 <?phpif ( function_exists('yoast_breadcrumb') ) {yoast_breadcrumb( '<p>','</p>' );}?>

Wenn Sie Ihren Blog-Beiträgen Breadcrumbs hinzufügen möchten, können Sie dies in Ihrer single.php-Vorlagendatei tun.

Sie können es auch am Ende Ihrer header.php-Datei einfügen, wodurch Ihrer gesamten Website Breadcrumbs hinzugefügt werden.

Bitte beachten Sie, dass zukünftige Design-Updates den Code überschreiben können. Wenden Sie sich in diesem Fall am besten an Ihren Theme-Entwickler, um weitere Informationen zu erhalten, wie dies vermieden werden kann. Sobald Sie den Code platziert haben, gehen Sie zu SEO – Search Appearance – Breadcrumbs:

Setzen Sie die Einstellung auf Aktiviert, Speichern und Posten.

WordPress Breadcrumbs-Plugin

Wenn Sie Yoast bereits für SEO-Zwecke verwenden, kann es sehr hilfreich sein, damit Breadcrumbs hinzuzufügen. Wenn Sie jedoch ein anderes Plugin bevorzugen, das Ihre Inhalte optimieren würde, finden Sie hier einige nützliche Empfehlungen:

Breadcrumbs NavXT

Dies ist die beliebteste Option zum Hinzufügen von Breadcrumbs zu Ihrer Website. Es bietet Ihnen ein Breadcrumb-Widget, das zu jedem Widget-Bereich wie Fußzeile oder Symbolleiste hinzugefügt werden kann. Es ist extrem anpassbar und ermöglicht es Ihnen, auszuwählen, welche Kategorien und Seiten im Trail angezeigt werden sollen. Es enthält auch Schema-Markup zur SEO-Verbesserung.

Flexy Breadcrumb

Flexy Breadcrumb ist das am besten bewertete Plugin zum Hinzufügen von WordPress-Breadcrumbs. Nach dem Download und der Aktivierung können Sie Ihrer Website mit Hilfe eines Shortcodes Breadcrumbs hinzufügen. Dies gibt Ihnen mehr Flexibilität in Bezug darauf, wo Ihr Pfad erscheinen soll. Sie können auch Änderungen an Farbe, Schriftgröße und Symbolen vornehmen.

WooCommerce Breadcrumb

Für alle Online-Händler da draußen ist dies eine einfache Option für Benutzer, um durch die Produktseiten Ihrer Website zu navigieren. Wenn Sie das WooCommerce-Plugin verwenden, ist dies möglicherweise die beste Option für Sie. Sie können Breadcrumbs auf Ihren Produktseiten aktivieren, was das Kundenerlebnis verbessert.

Brotkrümel

Breadcrumb ist ein sehr leichtes Plugin, mit dem Sie Breadcrumbs mithilfe von Shortcodes hinzufügen können. Es stellt Ihnen ein Code-Snippet zur Verfügung, das zu einer Ihrer Vorlagendateien hinzugefügt und in Ihre Fußzeile, Kopfzeile oder anderswo integriert werden kann.

Verwenden Sie ein Design mit Breadcrumbs

Die Hauptidee von Themen besteht darin, das Aussehen Ihrer Website zu steuern, aber abgesehen davon beeinflussen sie auch ihre Funktionalität. Eine Möglichkeit, dies zu erreichen, ist das Hinzufügen von Breadcrumbs zu Ihren Seiten.

Auf der anderen Seite beinhaltet dieser Prozess die Änderung des Erscheinungsbilds Ihrer Website. Wenn Sie bereits über eine hohe Markenbekanntheit und eine etablierte Präsenz verfügen, ist dies möglicherweise nicht Ihre beste Option, und es ist besser, wenn Sie sich für ein Plugin entscheiden.

Auf der anderen Seite, wenn Sie gerade erst eine WordPress-Site starten oder Ihre alte Site neu gestalten, kann die Verwendung eines Themes mit integrierten Breadcrumbs eine zeitsparende Entscheidung sein. Sie haben mehrere kostenlose Optionen zur Auswahl:

Ozean WP

Dies ist eines der beliebtesten Mehrzweckthemen. Es enthält einen Shortcode zum einfachen Anwenden von Breadcrumbs auf Ihrer Website.

Astra

Ebenso macht dieses Thema das Hinzufügen von Breadcrumbs zu Ihrer Website ganz einfach.

Breadcrumbs manuell hinzufügen

Es stimmt, dass Themes und Plugins WordPress zu einer so beliebten Wahl bei Benutzern machen. In einigen Fällen können sie jedoch etwas einschränkend sein. Code bietet Ihnen ein kreatives Element und gibt Ihnen die Freiheit, Ihre eigenen Breadcrumbs zu schreiben.

Um sie manuell zu Ihrer Website hinzuzufügen, müssen Sie zwei Schritte ausführen.

• Fügen Sie Ihrer functions.php-Datei eine Funktion hinzu, um sie zu aktivieren.
• Rufen Sie die Vorlagendatei auf, in der die Breadcrumbs erscheinen sollen.

Denken Sie daran, dass dies nur die Breadcrumbs auf Ihrer Website anzeigt, sie jedoch nicht so gestaltet, dass sie zum Design passen. Um das zu erreichen, müssten Sie auch in etwas CSS eintauchen.

Gestalten Sie Ihre WordPress-Breadcrumbs

Wenn Sie derjenige sind, der die Breadcrumbs codiert, dann ist es absolut notwendig, sie zu stylen. Wenn Sie ein Plugin oder ein Design verwenden, kann dies sehr nützlich sein. Sie haben ein Standarddesign, das möglicherweise nicht gut zu Ihrer Website passt. In diesem Fall müssen Sie sie ein wenig optimieren.

Sie können auch ein benutzerdefiniertes CSS hinzufügen, um die Breadcrumbs im Stylesheet Ihres Designs oder im Bereich Zusätzliches CSS zu gestalten.

Das Ändern der Größe, Schriftart und Farbe der Breadcrumbs ist eine der vielen Möglichkeiten, sie für Ihre Website anzupassen. Sie können auch Elemente wie Polsterung, Ränder, Symbole und Rahmen verwenden.

Ein Beispiel für ein CSS, das zum Gestalten von Breadcrumbs verwendet wird, ist hier zu sehen:

 .breadcrumb { Polsterung: 8px 15px; Rand unten: 20 Pixel Listenstil: keiner; Hintergrundfarbe: #f5f5f5; Randradius: 4px;}.Breadcrumb a { Farbe: #428bca; Textdekoration: keine;​​}

Die Möglichkeiten sind endlos, wenn es um CSS geht. Es kann einige Zeit und Experimentieren dauern, bis Sie den gewünschten Effekt erzielen.

Fazit

Starkes SEO und UX sind Schlüsselelemente für eine erfolgreiche Website. Das Aktivieren von Breadcrumbs auf Ihrer WordPress-Website verbessert die Erfahrung Ihrer Besucher und die Art und Weise, wie sie durch Ihre Inhalte navigieren, während gleichzeitig die Indizierung Ihrer Seiten verbessert wird.

Teilen Sie mit uns Ihre Erfahrungen mit Breadcrumbs und wie sie Ihre Online-Präsenz verbessert haben.