Brotkrume Es ist eine sekundäre Navigation innerhalb eines Webs (auch Breadcrumb-Navigation genannt). Breadcrumbs bietet Webbenutzern die Möglichkeit, in Form von internen Links schnell zur Startseite oder zu einer anderen Ebene des Webs zurückzukehren. Dank der Breadcrumb-Navigation kann der Benutzer die zuvor besuchten Seiten rekonstruieren. Diese sekundäre Navigation wird normalerweise erstellt hierarchisch entsprechend dem Web und zeigt den logischen Pfad von der Hauptseite zur aktuellen Position. Eine Breadcrumb-Navigation befindet sich regelmäßig oben in einem Webportal und ist als Gestaltungselement normalerweise nicht sehr auffällig.
Hintergrund
Der Begriff leitet sich aus dem Märchen "Hänsel und Gretel" der Brüder Grimm ab. Im Märchen benutzten zwei Kinder Semmelbrösel, um ihren Weg nach Hause zu finden. Brotkrumen, wie sie im Internet angewendet werden, bieten Benutzern die Möglichkeit, den Weg zurück zur Startseite zu finden. Die Breadcrumb-Navigation verfolgt Ihre vorherigen Seiten. Diese Navigation ist hierarchisch strukturiert und zeigt den Pfad von der Startseite zum aktuellen Speicherort im Seitenbaum.
Datei: 600 × 400-Breadcump-de-01.png
Grafische Darstellung des Paniermehls
Die Beschriftungen werden mit Pfeilen, anderen typografischen oder grafischen Symbolen und Schaltflächen angezeigt. Mit einem Klick gelangt der Benutzer auf die Hauptseite oder die Hauptseite des Wikis. Auf diese Weise kann nicht auf den letzten Punkt der Navigation geklickt werden. Brotkrumen werden ständig in einem Bereich eines Netzes mit dem Titel "über der Falte" angezeigt. Sie sind jedoch in Schrift und Farbe ziemlich unauffällig, so dass die Hauptnavigation immer noch erkennbar ist. Konsistenz ist auch relevant: Wenn eine sekundäre Navigation verwendet wird, sollte dies der Fall sein auf allen Seiten und Unterseiten verfügbar sein.
Arten von Paniermehl
Genau genommen müssen Breadcrumbs vom Klickpfad unterschieden werden, da Klickpfade durch Sprünge zu verschiedenen Hierarchieebenen unterschieden werden können, die sicherlich kreisförmig und nicht logisch notwendig sind. Die Daten für die Breadcrumb-Produktion stammen jedoch häufig aus dem Klickpfad, dem der Benutzer gefolgt ist. Abhängig von der Variation des Breadcrumbs ist die Navigation mit einem Klickpfad identisch oder relativ zu anderen Elementen und Ebenen einer Website.
Auf diese Weise kann die Navigation mit Breadcrumbs nach der relativen Ebene des Webportals oder dem Klickpfad des Benutzers unterschieden werden.
- Klicken Sie auf Pfad: Besteht aus einer routenbasierten Navigation, die den tatsächlichen Klickpfad verfolgt und die aktuelle Position anzeigt. Bei langen Strecken und Bahnen mit tiefer Struktur ist eine Variation weniger möglich. Grundsätzlich kann der Benutzer die gleiche Funktion mit den Vorwärts- und Rückwärtsschaltflächen des Browsers ausführen. Die Implementierung der Daten hängt von den Daten aus der Klickpfadanalyse ab, und unter bestimmten Umständen kann eine pfadbasierte Navigation sehr langwierig sein.
- Ort- Ein standortbasierter Breadcrumb bezieht sich auf die aktuelle Position des Benutzers in der Webhierarchie. Websites mit mehr als 2 Unterebenen implementieren diese Variante häufig, um schnell zu den übergeordneten Elementen im Seitenbaum zu gelangen.
- Kategorien (Attribut): Attributbasierte Breadcrumbs ermöglichen es dem Benutzer zu sehen, zu welcher Kategorie die aktuell besuchte Seite gehört und welchem Attribut diese Seite zugeordnet werden kann. Diese Navigationssysteme werden in der Regel von E-Commerce-Websites und Online-Shops auf Produktebene sowie bei der Suche verwendet und in Verbindung mit Such- und Personalisierungsfunktionen angeboten. Auf diese Weise ist die Implementierung komplexer, da sich der Breadcrumb an die Funktionen der Websites und sicherlich auch an die Datenbank anpassen muss.
Apps
Die Navigation mit Breadcrumb wird hauptsächlich für sehr große Websites und Portale mit einer komplexen hierarchischen Struktur verwendet. Auch in Online-Shops werden Sie häufig auf Breadcrumb-Navigationsoptionen stoßen, da diese den Benutzern helfen, sich in der großen Kategorie und Auswahl der Produkte zurechtzufinden. Wenn ein Webportal keine logische Hierarchie hat, wird die Breadcrumb-Navigation nicht empfohlen. Eine Möglichkeit, dies zu tun, besteht darin, die Breadcrumb-Struktur als Sitemap zu erstellen, die im Allgemeinen die Architektur des Webs widerspiegelt.
Es ist wichtig, das Erstellen einer Sitemap hervorzuheben und dann zu überprüfen, ob eine Navigation mit Breadcrumb hilfreich ist. Falls die Seitenstruktur viele Ebenen enthält, ist dies sollte in der Sitemap sichtbar sein. Zusammenfassend kann der Breadcrumb wie die Sitemap erstellt werden, da er die Architektur der Seite widerspiegelt. Die nächste Regel ist wichtig: Breadcrumb-Navigation Es ist eine sekundäre Hilfe, die weder das Menü noch die Navigation ersetzt. Auf diese Weise müssen die primäre und die sekundäre Navigation getrennt werden, auch in Bezug auf Layout und Design.
Implementierung von Breadcrumbs auf einer Website
Brotkrumen können auf viele Arten integriert werden:
- Einstecken: Je nach CMS (zB WordPress) sind unterschiedliche Plug-Ins für Breadcrumbs möglich. Mit dem Zusatzprogramm können Sie Änderungen vornehmen und die sekundäre Navigation integrieren. Unterstützung für strukturierte Daten oder Mikrodaten ist optional, da Breadcrumbs von Suchmaschinen gelesen und in SERPs angezeigt werden können.
- PHP und JavaScript: Alternativ können Codeelemente aus verschiedenen Programmier- und Skriptsprachen in den Quellcode integriert werden. Beispielsweise kann eine Funktion in PHP definiert und später im Dokument abgerufen werden. Ähnlich verhält es sich mit JavaScript, obwohl dynamisch generierte Webs auch einen Breadcrumb erhalten.
- Content-Management-System- Einige CMS- und Store-Systeme bieten im Backend optional auch Breadcrumbs an. Die Implementierung ist normalerweise einfach und mit nur wenigen Klicks erreichbar.
- HTML: Die manuelle Variation basiert auf Links, die in einem relativen Pfad zusammengefasst werden können, der auf zuvor besuchte Seiten verweist. Das Design wird mittels CSS erstellt und muss konsistent sein.
Brotkrumen haben die folgenden Vorteile für die Benutzerfreundlichkeit im Web:
- Sie zeigen den Benutzern die aktuelle Position relativ zu anderen Hierarchieebenen einer Website. Damit unterstützen die Breadcrumbs die Verwendung und Navigation.
- Mit ihnen können Sie mit einem einzigen Klick durch die Seitenhierarchie navigieren. Wenn der Nutzer über die Google-Suche oder Deep Links in der Mitte der Informationsarchitektur ankommt, sind Breadcrumbs eine schnelle und einfache Navigationshilfe.
- Breadcrumbs nehmen auf einer Website nicht viel Platz ein und sind relativ einfach zu implementieren.
- Laut dem Usability-Experten Jakob Nielsen verursachen sie niemals Probleme mit Benutzertests. Benutzer wissen, was diese sekundäre Navigation ist und wie sie Breadcrumbs verwenden können.
Bedeutung für SEO
Basierend auf zahlreichen Usability-Tests wird angenommen, dass die Breadcrumb-Navigation den Benutzern die Navigation erheblich erleichtert. Auf diese Weise sind Brotkrumen aus Sicht der Benutzerfreundlichkeit unverzichtbar. Aus Sicht der SEO- und OnPage-Optimierung ist es wichtig, Breadcrumb korrekt zu implementieren. Seit einiger Zeit zeigen die SERPs von Google die Breadcrumb-Navigation in der URL-Zeile teilweise als Rich Snippets an. Es wird empfohlen, die Navigation mithilfe von Mikrodaten mit Breadcrumbs im Quellcode zu kennzeichnen (weitere Informationen finden Sie in der Google Helpdesk).
Im weiteren Sinne helfen Breadcrumbs Suchmaschinen beim Crawlen und Zusammenfassen von Websites. Durch die Navigation, wird die interne Beziehung stärken und die thematisch angepassten URLs werden über das Navigationselement verknüpft. Auf diese Weise können durch Breadcrumb-Navigation Verzeichnisse, die sich tiefer in der Seitenhierarchie befinden, schneller erreicht und gecrawlt werden.
Web-Links
