Hinweis: Der folgende Artikel hilft Ihnen dabei: So verwenden Sie WordPress-Breadcrumbs
Obwohl oft übersehen, spielen Website-Breadcrumbs eine Schlüsselrolle bei der Verbesserung der Benutzererfahrung (UX) und der Suchmaschinenoptimierung (SEO).
Aber was sind sie und wie funktionieren sie?
Wenn Sie die Bedeutung von Breadcrumbs und ihre Funktionsweise verstehen, erfahren Sie, wie wichtig dieses kleine Detail für den Erfolg Ihrer Website ist.
In diesem Leitfaden wird das besprochen. Außerdem werden verschiedene Möglichkeiten zum Hinzufügen von Breadcrumbs zu Ihrer WordPress-Website untersucht.
Lesen Sie weiter, um mehr über Folgendes zu erfahren:
Bedeutung von Semmelbröseln: Was sind sie?
Breadcrumbs (oder Breadcrumb Trails) sind sekundäre Navigationslinks oben in jedem Beitrag oder jeder Seite Ihrer Website.
Breadcrumbs helfen Besuchern zu verstehen, wo sie sich auf Ihrer Website befinden. Der Trail zeigt die Seiten in einer hierarchischen Reihenfolge an, sodass Ihre Besucher den Weg zurück zu einer relevanten übergeordneten Kategorie oder Seite leicht zurückverfolgen können.
Im Allgemeinen verbessern Breadcrumbs das Benutzererlebnis und die SEO Ihrer Website.
Vorteile der Verwendung von Breadcrumbs auf Ihrer Website
Jede Top-Website verwendet Breadcrumbs, und dazu gehört auch der Hostinger-Blog. Wenn Sie eine neue Website erstellen, hat die Verwendung von Breadcrumbs bestimmte Vorteile:
- Benutzer können Breadcrumbs verwenden, um sich auf Ihrer Website zurechtzufinden und so ein zufriedenstellendes Kundenerlebnis zu schaffen.
- Breadcrumbs reduzieren Ihre Absprungraten, indem sie die Website-Navigation intuitiver gestalten.
- Breadcrumbs verbessern Ihre SEO. Ihre Verwendung führt zu einem höheren Ranking Ihrer Website in Suchmaschinen und einer verbesserten Klickrate (CTR).
Hier ist ein Beispiel dafür, wie eine Breadcrumbs-UX aussieht:
Arten von WordPress-Breadcrumbs
Es gibt drei Arten von WordPress-Breadcrumbs:
1. Attributbasierte Breadcrumbs: Diese Art von Breadcrumbs kommt häufig auf E-Commerce-Websites vor. Es zeigt die Attribute an, nach denen der Benutzer gesucht hat, um zu dem angezeigten Produkt zu gelangen.
2. Verlaufsbasierte WordPress-Breadcrumbs: Dieser Typ führt Benutzer zurück zu den Seiten, von denen sie gekommen sind, wenn sie innerhalb Ihrer Website von Seite zu Seite navigieren.
3. Hierarchiebasierte Breadcrumbs: Hierarchische WordPress-Breadcrumbs zeigen Besuchern, wo sie sich auf Ihrer Website befinden. Sie zeigen auch die Beziehung zwischen der Seite, auf der sie sich befinden, und höheren Seiten.
Hierarchie-Breadcrumbs sind die häufigste der drei Arten.
So fügen Sie Breadcrumbs zu Ihrer Website hinzu
Breadcrumbs sind keine komplexe Funktion, die Sie Ihrer Website hinzufügen können. Sie können dies auf verschiedene Arten tun:
1. Installieren Sie ein Theme mit Breadcrumbs
Wenn Sie eine WordPress-Site für Ihren Blog oder Ihr Unternehmen erstellen, können Sie sich für ein Theme mit integrierter Breadcrumbs-Funktionalität entscheiden. Diese Methode ist schnell und einfach und erfordert wenig Aufwand Ihrerseits.
Sobald Sie ein benutzerdefiniertes Theme hochladen oder eines aus dem WordPress-Theme-Verzeichnis installieren, werden in Ihrem neuen Website-Layout Breadcrumbs angezeigt.
Ein solches beliebtes Thema ist Astra Prodas mit Hostinger WordPress-Plänen verfügbar ist.
So richten Sie Breadcrumbs auf Astra Pro ein:
1. Navigieren Sie zu Dashboard > Aussehen > Anpassen.
2. Wählen Sie die aus Semmelbrösel Tab.
3. Unter dem Semmelbrösel Öffnen Sie auf der Registerkarte das Dropdown-Menü. Hier können Sie auswählen, wo Ihre Brotkrümel angezeigt werden sollen:
4. Nachdem Sie den idealen Ort für Ihre Semmelbrösel ausgewählt haben, können Sie sie auf andere Weise anpassen, z. B. durch die Art der Separator, AbstandUnd Ausrichtung.
5. Sobald Sie fertig sind, können Sie es tun Veröffentlichen Ihre Änderungen am Astra Pro-Theme.
2. Verwenden Sie ein WordPress Breadcrumbs-Plugin
Ein großer Nachteil neuer Themes besteht darin, dass sie das Erscheinungsbild Ihrer Website vollständig verändern können. Diese Änderungen können Ihrer Marke und Ihrer Website-Identität schaden, insbesondere wenn Ihre Website ein wichtiges Marketinginstrument für Ihr Unternehmen ist.
Eine einfache Lösung für dieses Problem ist die Verwendung eines Breadcrumbs-Plugins. Ein hervorragendes Beispiel ist Breadcrumb NavXT.
Also, wie installiert man es?
1. Gehe zu Plugins > Neu hinzufügen und installieren und aktivieren Sie das Breadcrumb NavXT-Plugin.
2. Wählen Sie im linken Seitenbereich aus Einstellungen > Breadcrumb NavXT.
3. Sobald dieses Plugin aktiviert ist, lädt es Standardeinstellungen. Sie können jedoch die Funktionsweise von Breadcrumbs auf Ihrer gesamten Website ändern, indem Sie Folgendes auswählen Allgemein Tab. Der Beitragstypen Auf der Registerkarte können Sie das Breadcrumbs-Format angeben, das Sie für Beiträge und Seiten bevorzugen.
4. Wenn Sie fertig sind, klicken Sie auf Änderungen speichern.
3. Legen Sie die Brotkrümel manuell fest
Obwohl Sie Breadcrumbs mithilfe eines Themes oder Plugins zu Ihrer WordPress-Website hinzufügen können, können Sie dies auch mithilfe von Code tun. Wenn Sie ein Entwickler oder ein fortgeschrittener WordPress-Benutzer sind, können Sie benutzerdefinierten Code zu Ihrer Website hinzufügen und Breadcrumbs auf eine Weise aktivieren, die Ihnen gefällt.
Notiz: Seien Sie vorsichtig, wenn Sie Code auf Ihrer WordPress-Website bearbeiten. Wenn Sie bestimmte Funktionen ändern, können einige Funktionen oder die gesamte Website beschädigt werden.
Stellen Sie sicher, dass Sie die neueste Version von WordPress verwenden und sichern Sie Ihre Website, bevor Sie größere Änderungen vornehmen. Auf diese Weise können Sie Ihre Website auf eine frühere Version zurücksetzen, falls Ihre Website abstürzt.
Um Breadcrumbs manuell festzulegen, müssen Sie Ihrem Browser ein Code-Snippet hinzufügen Funktionen.php Datei. Sobald Sie darauf zugreifen und es mit dem WordPress-Code-Editor öffnen, können Sie ein Snippet hinzufügen, das so aussieht:
‘; if (!is_front_page()) { // Den Breadcrumb mit einem Link zu Ihrer Homepage starten echo ‘
‘; } } ?>
Nachdem Sie diese Zeilen hinzugefügt haben, können Sie nun diese Codezeile hinzufügen, um sie zu aktivieren:
Um Ihre Breadcrumbs weiter anzupassen, können Sie Ihrer CSS-Datei eine Klasse mit Anweisungen für Ihren Breadcrumbs-CSS-Code hinzufügen. Sie können damit die Schriftart, die Farbe und andere Aspekte der Breadcrumbs-UX ändern.
4. WooCommerce-Breadcrumbs
Eine andere Möglichkeit, Ihrer Website Breadcrumbs hinzuzufügen, besteht darin, deren Funktionalität mithilfe von zu erweitern WooCommerce-Brotkrumen Plugin für WooCommerce.
Durch die Installation des WooCommerce-Plugins auf Ihrer Website können Sie Produkte darauf verkaufen. Es verfügt außerdem über eine Breadcrumbs-Funktion, die es Ihren Kunden erleichtert, Produkte und Seiten auf Ihrer Website zu finden.
So gehen Sie vor:
1. Installieren und aktivieren Sie WooCommerce auf Ihrer WordPress-Website. Anschließend installieren und aktivieren Sie das WooCommerce Breadcrumbs-Plugin.
2. Navigieren Sie zu Einstellungen > WC-Breadcrumbs um die Breadcrumbs Ihrer Website anzupassen.
3. Klicken Sie auf Breadcrumbs aktivieren Kontrollkästchen in WooCommerce.
4. Sie können hier auch andere Breadcrumbs-Einstellungen anpassen, einschließlich eines eindeutigen Trennzeichens.
Abschließende Gedanken: 4 Möglichkeiten, Ihrer Website Breadcrumbs hinzuzufügen
Wenn Sie die Benutzererfahrung Ihrer Kunden und die Suchmaschinenoptimierung Ihrer Website verbessern möchten, können Sie dies durch die Verwendung von Breadcrumbs erreichen. Sie können entweder ein Theme, ein Plugin, benutzerdefinierten Code oder WooCommerce verwenden. Alle diese Methoden sind einfach zu verwenden – seien Sie jedoch besonders vorsichtig, wenn Sie Ihrer Website benutzerdefinierten Code hinzufügen.
Müssen Sie Ihre neue Website auf einer robusten Plattform aufbauen? Probieren Sie die vollständig verwalteten Hosting-Pläne von Hostinger aus und erstellen Sie noch heute Ihre erste Website. Sie profitieren außerdem von der kostenlosen Migration von Ihrem alten Host und einer 30-tägigen Geld-zurück-Garantie für alle Pläne.
