Was bedeutet Breadcrumbing? Semmelbrösel bedeuten zwar essbare Zutaten, aber der Begriff hat in der Suchmaschinenoptimierung eine andere Bedeutung. Als nächstes wollen wir zunächst verstehen, was Semmelbrösel sind!
(1) Was ist Breadcrumb-Navigation? Der Ursprung des Namens Breadcrumbs
Breadcrumbs sind im Englischen „Breadcrumbs“ (Brotkrumentheorie) und stammen aus dem „Süßigkeitenhaus“ in Grimms Märchen. Die Protagonisten der Geschichte, zwei Brüder und Schwestern, gehen in den Wald und streuen Brotkrümel als Orientierungshilfen entlang des Weges um den Weg nach Hause zu finden. Seit seiner Entwicklung wird „Breadcrumb“ als Proxy für die Website-Navigation verwendet.
Breadcrumb wird auf Chinesisch nicht nur Breadcrumbs genannt, sondern hat auch Titel wie „Seitenpfad“, „Breadcrumb-Navigation (Breadcrumb-Navigation)“, „Breadcrumb-Pfad“ und „Breadcrumb-Navigation“.
In der Google Developer Center-Dokumentation
Die Bedeutung von Breadcrumb bezieht sich auf die Navigation, die die Position der Seite in der Website-Hierarchie angibt.
Mit anderen Worten besteht die Hauptfunktion von Breadcrumbs darin, den aktuellen Standort für Benutzer zu markieren, damit sie sich nicht auf der Website verlieren.
(2) 3 gängige Arten von Semmelbröseln
Die Breadcrumb-Navigation wird normalerweise als eine Reihe von Links dargestellt, die den vollständigen Pfad des Benutzers von der Startseite oder der Hauptkategorieseite zur aktuellen Seite anzeigen.
Semmelbrösel können in drei Arten unterteilt werden:
Standort
Positions-Breadcrumbs sind festgelegt und zeigen die Position der Seite in der Website-Struktur an. Die verlinkten Seitenpositionen sind von links nach rechts, von groß nach klein.
Attribut
Kategorieinformationen für eine bestimmte Seite anzeigen. Wird normalerweise auf E-Commerce-Websites verwendet, um bestimmte Produktkategorien und -attribute auf der Seite anzuzeigen, ähnlich wie „Tags“ auf einer bestimmten Seite.
Weg
Pfad-Breadcrumbs sind dynamisch und zeigen den Pfad an, den der Benutzer genommen hat, bevor er die aktuelle Seite erreicht hat. Diese Art der Breadcrumb-Navigation ähnelt eher der Funktion des „Zurück-Buttons“. Aufgrund der unterschiedlichen Absichten jeder Suche auf der Website ändert sich auch die „Zurückkehr“ zur vorherigen Seite entsprechend.
3 Arten von Semmelbröseln
Wie gestaltet man die Breadcrumb-Benutzeroberfläche am praktischsten? 4 Arten von Breadcrumb-Designstilvorlagen zum Teilen!
(1) 5 Dinge, die Sie wissen sollten, bevor Sie eine Breadcrumb-Architektur entwerfen
Breadcrumbs scheinen eine sehr unauffällige Funktion zu sein, aber wenn sie nicht richtig eingestellt sind, werden Benutzer beim Surfen auf der Website nicht nur verwirrt sein, sondern die Google-Suchmaschine ist möglicherweise auch nicht in der Lage, den Inhalt der Webseite richtig zu verstehen. Diese beiden großen Minen zusammen , kann Ihre Website-Seite von Google in der Bewertungskategorie der Website-Erfahrung abgezogen werden.
Daher sollten Sie bei der Gestaltung von Breadcrumbs auf folgende Dinge achten:
Halten Sie den Text auf jeder Ebene so kurz wie möglich und verdichten Sie die Kernpunkte noch einmal.
Mit Ausnahme der letzten Ebene muss jede Ebene dazwischen ein gültiger Link sein
Die Ebene der Breadcrumbs, einschließlich der Startseite, sollte 5 Ebenen nicht überschreiten (Kernschlüsselwörter sollten nicht in einer zu tiefen Ebene platziert werden).
Breadcrumbs sollten Handynummernliste kaufen oberhalb des Inhalts und unterhalb des Hauptnavigationsmenüs platziert werden
Breadcrumbs sollten von links nach rechts gelesen werden und das letzte Element im Breadcrumb sollte die Seite sein, auf der sich der Benutzer gerade befindet.
Hinweise zur Breadcrumb-Einstellung
(2) Verweis auf 4 Breadcrumb-Design-Beispiele
Im Allgemeinen werden die meisten Breadcrumb-Listen mit den folgenden zwei Symbolen dargestellt:
Startseite > Projektkategorie > Projektname
Gemeinsame Breadcrumb-Liste (BreadcrumbList)
Startseite / Projektkategorie / Projektname
Gemeinsame Breadcrumb-Liste (BreadcrumbList)
Zusätzlich zu den beiden oben genannten gängigen Breadcrumb-Symbolen können Sie die Breadcrumb-Navigationsstruktur, solange sie Brendinq 101: Effektiv Brend Kitabını Necə Yaratmaq olar? für „Menschen“ und „Google-Suchmaschinen“ klar und verständlich ist, auch über Folgendes an den Stil der Website anpassen MUI-Breadcrumbs-Element Wie die Breadcrumbs-Benutzeroberfläche angezeigt wird!
MUI-Eingangs-URL: https://mui.com/material-ui/api/breadcrumbs/
Hier sind zwei spezielle Breadcrumb-Listen-Vorlagen als Referenz:
NASA-Breadcrumb-Beispiel
Beispiel für National Geographic Breadcrumbs
Zusammenfassung der Breadcrumb-Funktionen! 3 großartige Vorteile von Breadcrumbs auf einen Blick
(1) Wann sollte die Breadcrumb-Funktion verwendet werden?
Wenn Ihre Website aero leads eine Hierarchie mit „ mehr als zwei Ebenen “ aufweist, sollten Sie im Allgemeinen die Breadcrumb-Navigation verwenden.
Breadcrumbs bieten Navigationsunterstützung innerhalb der komplexen Struktur großer Websites. Wenn Benutzer eine Website tiefer durchsuchen, vergessen sie möglicherweise, wie sie ursprünglich auf die Seite gelangt sind. In diesem Fall kann die Breadcrumbs-Funktion Benutzern dabei helfen, schnell zu ihrem vorherigen Standort zurückzukehren.
Beachten Sie, dass diese Funktion besonders für E-Commerce-Websites wichtig ist
Wenn Verbraucher Produkte durchsuchen, können sie sich dafür entscheiden, verwandte Kategorien oder Unterkategorien weiter zu erkunden. Mithilfe der Breadcrumb-Funktion können Benutzer die übergeordneten Kategorien ihrer ausgewählten Produkte klar nachvollziehen und jederzeit zur vorherigen Kategorieebene zurückkehren. Dies trägt dazu bei, das Einkaufserlebnis des Benutzers zu verbessern und es ihm zu erleichtern, das Gesuchte zu finden.
Darüber hinaus ist die Breadcrumb-Funktion auch für Nachrichten-Websites oder Blog-Websites nützlich .
Wenn Benutzer einen Artikel lesen, möchten sie möglicherweise wissen, zu welcher Kategorie oder zu welchem Thema der Artikel gehört, um verwandte Inhalte zu finden. Über die Breadcrumb-Funktion können Benutzer schnell relevante Kategorielinks anzeigen und darauf klicken, um andere verwandte Artikel zu durchsuchen, was für ein umfassenderes Leseerlebnis sorgt.
(2) Drei große Vorteile der Verwendung von Website-Breadcrumbs!
Die Breadcrumbs-Funktionalität ist in vielen verschiedenen Arten von Websites und Apps von Nutzen. Zusammenfassend lassen sich die folgenden drei Hauptvorteile zusammenfassen:
Vorteile von Breadcrumbs 1. Verbessern Sie die Benutzererfahrung
Unabhängig davon, ob Benutzer Website-Inhalte erkunden oder nach einer bestimmten Seite suchen, zeigen Breadcrumbs deutlich an, wo sie sich gerade befinden. Dies ist besonders wichtig für große Websites oder Websites mit tiefen Seitenstrukturen.
