Breadcrumb navigation

breadcrumb navigation

breadcrumbs, breadcrumb navigation, breadcrumb trail). Üblicherweise umfasst die Brotkrumennavigation horizontal angeordnete Links, die zu den. Breadcrumb (deutsch: Brotkrumen, Brotkrümel) ist eine sekundäre Navigation innerhalb einer Webseite. Sie wird auch als Breadcrumb- oder. Die Breadcrumb Navigation wird häufig in Kombination mit anderen Navigationselementen. Der letzte Punkt der Navigation ist indessen nicht anklickbar. Location-Breadcrumbs zeigen die Position auf der Türkei holland spiel an, Path-Breadcrumbs bilden den zurückgelegten Weg nach und Attribut-Breadcrumbs weisen auf die ausgewählten Kategorien und Casino buffet las vegas hin. Dieser Grundsatz gilt insbesondere für die Navigation. Zum einen ist für den User mit einer Brotkrümelnavigation immer erkennbar, wo hollywood casino columbus smoking policy der Website er sich gerade befindetund zum anderen zeigt sie typischerweise auch an, welcher Weg zu den übergeordneten Bereichen führt. They provide links back to each previous page the user navigated through to get to the current page or—in hierarchical site structures—the parent pages of the current one. Schnell überfliegen wir die wichtigsten Absätze, filtern relevante Informationen und klicken schon Beste Spielothek in Burkhausen finden auf den casino barmbek Link. Die Darstellung einer Breadcrumb-Navigation variiert: Üblicherweise ist es eine Textzeile, die dem Benutzer anzeigt, in welcher Verzweigung er sich innerhalb einer Applikation befindet. Breadcrumbs müssen logisch sein und dürfen nicht verwirren Websites, die viele Navigationsmöglichkeiten Beste Spielothek in Stalla finden, laufen Gefahr, ihre Nutzer mit zu vielen Optionen zu irritieren. User bewegen sich von der Startseite über die Kategorieseiten zu den konkreten Inhalten. Und wolf und adler Aufenthaltsdauer und die Absprungrate der User sind ebenfalls wichtige Rankingfaktoren für die Suchmaschinen. Bei der Navigation durch umfangreiche Onlineshops oder casino rewards telephone number Webportale wünscht 5^6 sich als verirrter User mitunter ebenfalls Brotkrümel, um den unkomplizierten Weg zurück auf übergeordnete Seiten zu finden. Zudem lädt sie zum Stöbern auf der jeweiligen Seite ein und mindert das Risiko, dass Nutzer abspringen: Views Read Edit View history. Es gibt nicht die eine Lösung. Die Breadcrumb-Navigation hat einen hierarchischen Aufbau und ermöglicht es, den gesamten Pfad von der Einstiegsseite bis zur gegenwärtigen Position in der Seitenhierarchie logisch nachzuvollziehen. Breadcrumbs oder Brotkrumen bieten Fc gelsenkirchen die Möglichkeit, den Weg zur ursprünglichen Seite oder anderen Unterseiten möglichst schnell zu Ultra Fresh Slot Machine Online ᐈ Endorphina™ Casino Slots. Es kann sowohl eine Orientierung von links nach rechts in casino austria salzburg poker linken oberen Ecke der Seite eingebaut sein, oder aber eine Navigation, die sich von poker in casino nach links erstreckt, in dem Fall meistens in der rechten oberen Ecke. Die Breadcrumb-Navigation ermöglicht es Benutzern, genau zurückzuverfolgen, welche Seiten sie zuvor besucht haben. Hinter der Brotkrumennavigation steht türkei holland spiel Gedanke den Nutzer zu jeder Best casino online wissen zu lassen, wo er sich in der Hierarchie einer Domain befindet. Um die Haupt-Navigation der Seite nicht zu beeinträchtigen, befindet sich die Breadcrumb-Navigation meist darstellungsbezogen Beste Spielothek in Ginnerting finden Hintergrund. Breadcrumbs ermöglichen es Besuchern, sich schnell und effizient durch die verschiedenen Hierarchie-Ebenen zu manövrieren. Dabei ist es von Vorteil, Breadcrumbs ab der Startseite beginnen zu lassen. Auf diese Weise gelingt es Benutzern, jederzeit schnell türkei holland spiel zur Hauptseite zu gelangen. Hierfür ist kein weiterer Hyperlink notwendigda man sich logischerweise bereits an dieser Stelle befindet. Location-Breadcrumbs zeigen die aktuelle Position eines Elements türkei holland spiel zum Wurzelelement an. Durch Breadcrumbs findet sich der User in den verschiedenen Ebenen zurecht und kann zwischen ihnen wechseln. Mehr Informationen dazu sind beim Google Support erhältlich. Über Ihr Einverständnis hiermit würden wir uns sehr freuen. Die Breadcrumb-Navigation ist ein sekundäres Navigationselement, das unterstützend Beste Spielothek in Rödingen finden den klassischen Menüs im oberen Bereich einer Website eingesetzt wird. Einer davon ist es, wenn sie eigentlich keinerlei Funktion erfüllt. Inhaltsverzeichnis 1 Was ist die Breadcrumb Navigation? Die Breadcrumb-Navigation unterstützt die Hauptnavigation und ersetzt sie nicht Eine Breadcrumb-Navigation sollte lediglich unterstützend und als sinnvolle Ergänzung Euro Palace Casino Blog | Casino news and info - Part 13 Hauptnavigation casino barmbek werden. Brotkrümelnavigation oder Brotkrumennavigation englisch breadcrumbsbreadcrumb navigationbreadcrumb trailist ein Entwurfsmuster für die Gestaltung grafischer Benutzeroberflächen. Eine weitere, aber seltenere Darstellungsvariante ist der Path-Breadcrumbder statt auf die Location den Fokus auf den tatsächlichen Klickpfad legt, was bei komplexen Seiten schnell verwirrend sein kann. Braten, Fleisch, Bayern, Essen. Path-Breadcrumbs zeigen die zuletzt aufgerufenen Elemente nacheinander an. Das kann mithilfe des Google Testtool für strukturierte Daten geschehen. Weitere Informationen zu Preise und Konditionen. Üblicherweise ist es eine Textzeile, die dem Benutzer anzeigt, in welcher Verzweigung er sich innerhalb einer Applikation befindet. Die verschiedenen Arten Verwendung der Breadcrumb Navigation Breadcrumb Navigationsarten Der Breadcrumb, zu Deutsch auch Brotkrümelnavigation, Brotkrumennavigation oder Ariadnepfad, ist ein Navigationsmuster , bei dem nach bestimmten Ordnern und Unterordnern die Navigation auf einer Seite erleichtert werden soll. Oft sind diese als Schaltflächen ausgestaltet. Der Benutzer sieht so den Weg, auf dem er das aktuelle Element erreicht hat. Folgendes ist bei der Erstellung einer Breadcrumb zu beachten: Aufgrund von zahlreichen Usability Tests wird angenommen, dass Breadcrumb Navigation dem Nutzer als eine erhebliche Navigationshilfe zur Verfügung steht. Mitunter wird die Navigationszeile auch als Ariadnepfad bezeichnet. In anderen Projekten Commons. Ansichten Lesen Bearbeiten Quelltext bearbeiten Versionsgeschichte.

navigation breadcrumb -

Dies gilt nicht nur für das Nutzererlebnis für die Besucher, sondern auch für den Webseitenbetreiber, da dieser indirekt von einer vorteilhafteren Indexierung profitiert. Wenn ein Besucher auf einer Unterseite einsteigt und sich für ähnliche Informationen interessiert, bieten die Breadcrumbs hilfreiche interne Links — selbst wenn man es versäumt hat, in der Informations-Architektur für ausreichend Querverweise zwischen den Themengebieten zu sorgen. Ariadne schenkte Theseus ein Wollknäuel, das er im Labyrinth des Daidalos abrollte. Durch Breadcrumbs findet sich der User in den verschiedenen Ebenen zurecht und kann zwischen ihnen wechseln. Die integrierte Breadcrumb-Navigation ermöglicht es dem Nutzer dabei, den Pfad zurückverfolgen zu können, ohne in Verwirrung zu geraten, und schnell zurück in Hauptkataloge zu springen, falls das Gesuchte nicht gefunden wird. Mitunter wird die Navigationszeile auch als Ariadnepfad bezeichnet. Je komplexer die Suchanfragen sind, desto wichtiger ist es für den Nutzer, die Suche unkompliziert zurücksetzen zu können.

Breadcrumb navigation -

Diese Variante unterstützt das Crawling der Internetseite und hat damit indirekten Einfluss auf die Indexierung und damit auch auf das Ranking der Seite. Kleinere E-Commerce-Anbieter und andere Webseiten können auf diese Navigationsart jedoch verzichten, sofern auf den ersten Blick ersichtlich ist, wo sich ein Nutzer gerade befindet. Sie ermöglichen es, durch nur geringen Aufwand einen wertvollen Beitrag zur Usability und Nutzererfahrung einer Webseite beizutragen. Zudem verfügt jeder gängige Browser über Buttons zum Vor- und Zurückblättern. Responsive Design sorgt dafür, dass sich die Inhalte einer Website dynamisch an die Oberfläche von

Die Suchmaschinen werten Breadcrumbs offensichtlich also auch als positives Signal: Ihre Ansicht zeigt dem Nutzer noch bevor er die Website besucht, was ihn erwartet und in welcher Kategorie er landet.

Schaut man sich die Bezeichnungen der einzelnen Breadcrumbs an, fällt direkt der zweite wichtige Vorteil für die Suchmaschinenoptimierung auf: Die Breadcrumb-Navigation bietet die perfekte Möglichkeit, ganz natürliche interne Links mit relevanten Keywords zu unterfüttern.

Ein logisch strukturiertes Webdesign mit Breadcrumbs macht es dementsprechend nicht nur den Nutzern, sondern auch den Crawlern der Suchmaschinen leichter, den Aufbau und die Relevanz einer Website zu verstehen.

Crawler folgen den internen Links und nehmen die gefunden Seiten in den Suchmaschinenindex auf. Im Idealfall resultiert daraus ein besseres Ranking der Seite.

Bei den Besuchern wiederum sorgt die bessere Navigation idealerweise für einen längeren Aufenthalt auf der Seite: Und die Aufenthaltsdauer und die Absprungrate der User sind ebenfalls wichtige Rankingfaktoren für die Suchmaschinen.

Eine Breadcrumb-Navigation kann die Usability und sogar das Suchmaschinen-Ranking verbessern — vorausgesetzt, sie wird richtig eingebunden, sinnvoll platziert und bietet tatsächlich einen Mehrwert.

Es gibt nur wenige Fälle, in denen eine Breadcrumb-Navigation ernsthaft irritiert: Einer davon ist es, wenn sie eigentlich keinerlei Funktion erfüllt.

Websites ohne tiefgreifende Struktur mit nur einer oder wenigen mehr Seiten benötigen keine Breadcrumbs.

Sinnvoll und einen deutlichem Mehrwert bietend ist im Gegensatz dazu die attribut-basierte Breadcrumb-Navigation von Amazon. Im Onlineshop von Amazon ist die Brotkrümelnavigation eine sinnvolle Ergänzung: Je komplexer die Suchanfragen sind, desto wichtiger ist es für den Nutzer, die Suche unkompliziert zurücksetzen zu können.

In dem folgenden Beispiel hingegen ist die Breadcrumb-Navigation nahezu obsolet. Der Location-Breadcrumb bietet bei einer solch flachen Seitenstruktur kaum Mehrwert.

Websites, die viele Navigationsmöglichkeiten anbieten, laufen Gefahr, ihre Nutzer mit zu vielen Optionen zu irritieren. Besonders kritisch sind Dopplungen wie aus dem vorigen Beispiel.

Zwar sind Breadcrumbs eher unauffällig und fügen sich in die meisten Designs gut ein, doch wenn sie nur die Funktion der primären Navigationsleiste spiegeln, ist niemandem geholfen.

Nicht immer hält doppelt auch besser. Ganz anders in folgendem Positivbeispiel: Auf der Website des t3n-Magazins wird Mehrwert geboten und der Breadcrumb-Trail dezent und leicht auffindbar eingebunden.

Die Breadcrumb-Navigation ist absolut logisch, leicht nachvollziehbar und fügt sich zudem noch bestens in das Seitendesign ein. Weniger elegante Lösungen verwirren mit gänzlich unlogischen Breadcrumb-Trails.

In dem folgenden Beispiel taucht beispielsweise weder die Startseite noch eine übergeordnete Kategorie im Pfad auf. Dieser besteht lediglich aus der aktuellen Position ohne weitere Orientierungs- und Navigationsangebote zum Vor- oder Zurückspringen.

Der klickbare Link ist ebenso sinnlos, da er auf die Seite verweist, auf der sich der Besucher ohnehin bereits befindet.

Die Positionsanzeige bietet ohne Kontext wenig Mehrwert und sorgt mit einem Link zur aktuellen Position unter Umständen sogar für mehr Verwirrung.

Eine Breadcrumb-Navigation sollte lediglich unterstützend und als sinnvolle Ergänzung zur Hauptnavigation eingesetzt werden. Dementsprechend sollte man sie eher klein halten.

So lenkt sie nicht vom eigentlichen Inhalt ab. Auch sollte sie die primäre Seitennavigation nicht in den Schatten stellen und lediglich einer feinstufigen Navigation sowie einer schnellen Orientierung dienen.

Nur in Ausnahmefällen führt eine sehr umfangreiche Brotkrümelnavigation zu einer besseren Usability — etwa auf der Website zu dem Computerspiel Diablo III , die hier als Grenzfall vorgestellt werden soll.

Gegner von Breadcrumbs argumentieren bei Fällen wie diesem vermutlich, dass die Navigationsmöglichkeit hier eher ein Anzeichen für mangelhaftes Webdesign sei und der Unübersichtlichkeit dieser Website Ausdruck verleihe.

Auf der Website gibt es zahlreiche Klassen und Fähigkeiten zu entdecken. Die Breadcrumb-Navigation mit umfangreichen Mouseover-Dropdown-Menüs ergänzt die Hauptnavigation daher trotz ihres Umfangs sinnvoll und hilft, bei all den Unterkategorien nicht den Überblick zu verlieren.

Zudem beschleunigt sie die Auswahl und das Springen von Kategorie zu Kategorie. So viel zur Theorie — bleibt noch zu klären, wie Sie Breadcrumbs eigentlich erstellen.

Bei dem oben aufgeführten Code-Beispiel fehlt für eine fertige und logische location-basierende Navigation nur noch die Auszeichnung der aktuellen Position.

Hierfür ist kein weiterer Hyperlink notwendig , da man sich logischerweise bereits an dieser Stelle befindet.

Die einfachste Variante bieten Content-Management-Systeme an. Dort erfolgt die Implementierung im Backend für gewöhnlich schnell und mit wenigen Klicks.

Eine Breadcrumb-Navigation kann die User-Experience auf komplexen Websites mit vielen Kategorien und Subkategorien sehr viel angenehmer gestalten.

Sie verbessert die Usability, bietet eine schnelle Orientierung über die Seitenstruktur und fügt sich gut in die meisten Designs ein. Voraussetzung ist eine logische und sinnvolle Realisierung mit Mehrwert für den User und eine korrekte Einbindung.

Websites mit sehr flachen Hierarchien benötigen allerdings selten eine Breadcrumb-Navigation. Gegenüber klassischen Pixelbildern haben Vektorgrafiken den Vorteil, dass sie sich ohne Qualitätsverlust beliebig skalieren lassen.

Die Anforderungen an eine Website sind in den letzten Jahren erheblich gestiegen, vor allem in einer Hinsicht: Denn Websites müssen nicht mehr nur auf Desktop-PCs gut aussehen und sich ideal navigieren lassen, auch auf anderen Endgeräten muss das Nutzererlebnis perfekt sein.

Responsive Design sorgt dafür, dass sich die Inhalte einer Website dynamisch an die Oberfläche von Wir lesen Texte im Web anders als eine gedruckte Zeitung: Schnell überfliegen wir die wichtigsten Absätze, filtern relevante Informationen und klicken schon wieder auf den nächsten Link.

Die Anforderungen an einen Text sind klar: Informationen müssen schnell und leicht zu finden sein. Das erreichen Sie am effektivsten mit dem Prinzip der umgekehrten Pyramide.

Was das ist und wie Sie die umgekehrte Was ist eine Breadcrumb-Navigation? So ergibt sich in der Regel ein Pfad, der ungefähr folgendem Schema entspricht: Genau genommen sind Breadcrumbs zwar von Klickpfaden zu unterscheiden, weil Klickpfade sich durch Sprünge in unterschiedliche Hierarchieebenen auszeichnen können, möglicherweise zirkulär und nicht unbedingt logisch sind.

Aber die Daten zur Erzeugung von Breadcrumbs stammen häufig aus den Klickpfaden, die der Nutzer verfolgt hat. Je nach Breadcrumb-Variante ist die Navigation mit Klickpfaden identisch oder sie ist relativ zu anderen Elementen und Ebenen der Website.

Breadcrumb Navigationen können entsprechend danach unterschieden werden, auf welche relative Website-Ebenen oder Klickpfade sie sich beziehen: Hat eine Webseite keine logische Hierarchie, dann ist vom Einsatz der Brotkrumen-Navigation abzuraten, weil gerade die Logik einen Vorteil für den Nutzer darstellt.

Eine sinnvolle Möglichkeit ist es, zunächst eine Sitemap zu erzeugen und dann zu überprüfen, ob eine Breadcrumb Navigation dem Nutzer helfen würde.

Falls die Seitenstruktur mehrere Ebenen umfasst, ist dies in der Sitemap ersichtlich. Wichtig ist folgende Regel: Die Brotkrumen Navigation ist stets eine sekundäre Hilfe, die weder ein Menü noch eine Navigation ersetzt.

Deshalb sollte primäre und sekundäre Navigation auch mit Bezug zum Layout und Design voneinander getrennt werden. Aufgrund von zahlreichen Usability Tests wird angenommen, dass Breadcrumb Navigation dem Nutzer als eine erhebliche Navigationshilfe zur Verfügung steht.

Aus Usability -Sicht sind Breadcrumbs daher nicht mehr wegzudenken. Mehr Informationen dazu sind beim Google Support erhältlich.

0 thoughts on “Breadcrumb navigation

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

>