Back to list
Lv.1

Breadcrumbs

Breadcrumb Navigation

A navigational display that clearly shows users where they currently are within a website's structure.

In Simple Terms

Breadcrumbs are a navigation display that clearly shows where the current page sits within a website, so you never lose track of your location. For example, an online store might show "Home > Electronics > TVs" laid out horizontally near the top of the page. Clicking any of these links takes you straight to that category's page or back to the homepage.

Behind the Name

The name comes from the fairy tale "Hansel and Gretel," where the two children scattered breadcrumbs along their path through the forest so they could find their way back home. On a website, breadcrumbs work the same way — they're a trail of markers that help you retrace your steps and avoid getting lost.

Take a Closer Look!

Breadcrumbs are a series of linked text items shown at the top of a webpage, laid out in order from the current page back to the homepage. They help users understand exactly where they are within a site's structure.
This makes it easy to move around smoothly without getting lost while looking for what you need.

Think of it like a directory sign inside a big department store that shows which floor and section you're currently standing in. Because breadcrumbs mirror a site's hierarchy, they're often displayed as something like "Home > Category > Individual Page," separated by arrows or other symbols.
With this in place, users can jump back up to a parent category or the homepage without any confusion.

Breadcrumbs are also useful for the search engine bots that crawl a site. Since the pages are connected through links, bots can follow those links to map out the entire structure of the site more easily.
By the way, Google search results sometimes display something like "Home > Electronics > TVs" — but that's actually a separate mechanism from the visible breadcrumb trail described here. It only appears once a site provides an additional layer of behind-the-scenes information called "structured data." Simply adding a visible breadcrumb trail to your pages isn't enough to make it show up in search results.
In short, breadcrumbs act as an important signpost that communicates a site's structure clearly to both users and search engines.

CategoryWebDesign