Types of Breadcrumbs

Breadcrumbs are typically a list of hyperlinks each separated by a greater than symbol (>). Each individual step of a user’s journey is listed from left to right, from oldest to newest. They are almost always near the top of the webpage, beneath the main website banner. There are several forms of breadcrumbs you can implement on your website: location/hierarchy-based, path/history-based, and attribute-based.

Best Practices

When applying breadcrumb navigation to your website and landing pages, there are some key strategies to keep in mind. Breadcrumb navigations should be clean, simple, and not take up too much room on a page. The primary source of navigation for your website should be your toolbar, with the breadcrumb navigation as a helpful secondary guide. Be sure each breadcrumb navigation includes the full list of pages in the path so that, regardless of how users arrive on a page, they can trace their way back through each relevant level. Lastly, be sure the path is following an intuitive left-to-right flow from highest to lowest page level. This hierarchy will increase the ease with which users traverse your website.

Breadcrumb navigations are a useful tool that allow users to trace their steps through their journey on your website. Implementing them on landing pages will ensure visitors find the page or product best suited to them, potentially increasing session times and conversions. Here at SparkShoppe, we’re experts in all things social and digital. To revamp your digital strategy, reach out to us today!