Eine ausführliche Beschreibung des Begriffs Breadcrumb Navigation praxisnah im Online Marketing Lexikon der SEO-Küche erklärt. Breadcrumb (deutsch: Brotkrumen, Brotkrümel) ist eine sekundäre Navigation innerhalb einer Webseite. Sie wird auch als Breadcrumb- oder. Wozu ist eine Brotkrumen-Navigation nützlich? Mit der Breadcrumbs-Navigation weiß dein Besucher immer, wo genau er sich innerhalb der Seitenhierarchie.
Location-based breadcrumbs indicate to the user where the current page stands in the hierarchy of the website. This type of breadcrumb navigation is most commonly seen on websites with more than two levels of depth or content.
Attribute-based breadcrumbs indicate to the user the attributes or categories ascribed to the current page within a website. Often seen on e-commerce websites, products may not only fall into a category but under certain attributes as well.
For example, a vehicle may be categorized as an SUV then have the attributes of being the color black and released in the year Breadcrumbs provide an additional means by which users can easily navigate a website.
User is also given the opportunity to move up to a higher level of the website at any given time without any hassle. Primary navigations are not designed to be followed backwards were breadcrumbs are.
Since backtracking is extremely popular online providing a little additional help can go a long way. Additionally breadcrumbs eliminate the need for users to continually resort to the main navigation.
The primary navigation of a website will not reflect the hierarchy of every page within the site. Giving users breadcrumbs will allow them to see the hierarchy of a page within a website.
Not only do breadcrumbs provide users with additional usability, they do so without taking up much room or space on the page.
Breadcrumbs are easy to implement into the visual design of your website and provide a great benefit to users.
It is entirely possible that some users may not understand how a website primary navigation works and in some cases users may not even know what they are looking for.
Giving users breadcrumbs will allow them to see the overall progress and structure of a website thus allowing them to navigate the website better.
Typically breadcrumbs will provide a more detailed navigation than the primary navigation. In doing so, users will be given more options on how to navigate a website.
Giving them the opportunity to easily back-track a few levels within the website will lower your bounce rate.
When a user lands on an internal page of a website odds are they are already on a page of interest. Breadcrumbs may provide links to additional pages and information of which the user is also interested in without making them start from square one.
The most common and instinctual placement for breadcrumbs is within the top of a page. This allows users to find the breadcrumbs in an uncomplicated manner and make use of them accordingly.
If you do decide to use breadcrumbs make sure that you use them across your entire website. Giving users breadcrumbs on some pages and not others will only confuse and frustrate them.
One prime example of this is Amazon as they remove breadcrumbs from the individual product pages. Breadcrumbs should always start with the home page and degrade to the currently page.
In doing so your breadcrumbs need to go from the highest level to the lowest level one step at a time. You want your breadcrumbs to be seen however you do not want them to be the focal point.
Breadcrumbs can either be on the basis of: This type of breadcrumb is very supportive for visitors who enters the site in a deeper level from an external source e.
In the example below from BestBuy , each text link is for a page that is one level higher than the one on its right.
This type of breadcrumb link is typically dynamically generated. Finally, a history trail is useless for visitors who arrive directly at a page deep within the site.
Below is an example of path-based breadcrumb links that show two paths to navigate to the target page. This type of breadcrumbs helps the visitors to understand the relationship of products and offers a different approach.
For example, in TM Lewin, breadcrumb trails show the attributes of the items displayed on a particular page:. When designing a breadcrumb navigation, keep following things in mind:.
Since users are already on the page, it does not make any sense to add link of the current page to the breadcrumb navigation. The choice depends on the aesthetics of the site and the type of breadcrumb used:.
Think carefully about target size and padding when designing. There should be enough gap between different breadcrumb levels otherwise people might find it hard to use them.