Clicked Gallery

What are breadcrumbs on a website?

Highlighted from a real engineering doc. Explained by Clicked.

Used in a sentence

Engineering Notes · Web

Add breadcrumbs to every product page so people can move up a level without hunting for the back button.

The reader highlighted one word in the docs. Clicked explained the technical term “breadcrumbs” in simple terms:

Explained in three depths

Same facts, different vibe — Slang mode 😎

The Clicked way

●○○

Overview

Breadcrumbs are the small line of links printed above a page's title, showing the path from the home page down to the page you are reading. A shop selling rain jackets might show Home, then Outerwear, then Rain jackets, then the jacket itself. Every step except the last is a link, so its job is to tell you where you are and let you move up from there.
●○○

Overview

Breadcrumbs are that little Home > Section > This page line sitting at the top of a web page. Tap any step in it and you land on that level of the site, however far back it sits. It is there because big sites are deep, and arriving on one page tells you nothing about the section you are actually in. 😎

A quick take — often all you need.

●●○

Detail

Search for a rain jacket, click a result, and you land deep inside an online shop on a single product. The breadcrumbs are the thin line above the product name reading Home, then Outerwear, then Rain jackets, then the jacket. Read left to right, that line names each level of the site above this page, and the last item is the page you are on, which is why it is plain text rather than a link. Click Rain jackets and you land on that group; click Outerwear and you go two levels up instead, so how far you travel depends on which step you pick. Why not just use the back button that every browser already has? Because back replays your own visit, which started at a search result, so it returns you to Google rather than into the shop, whereas this line describes the shop's layout no matter how you arrived. Two things follow. The layout it shows has to be the real one, since the hierarchy exists whether or not anyone prints it, and search engines pick up the same trail and sometimes show it under your result instead of the address.
●●○

Detail

Someone drops a link in the group chat, you tap it, and you are on one product page with zero context. Up top sits a line reading Home, then Kitchen, then Blenders, then the thing you opened, and that line is the breadcrumbs. Tap Blenders and you get every blender the store sells, tap Kitchen and you get the entire department, so you choose how far up you go. Why not just hit back? Because back only knows where you personally came from, so it dumps you in the group chat again, while that line knows the store's actual layout. It has to be the real layout too, and stores that fudge it end up sending you to sections that do not exist. Search engines pick it up as well, and will sometimes show that trail under your link instead of a long address nobody reads anyway. So it is one strip of text doing two jobs at once, one for you and one for search. 😎

Want more? One click digs deeper.

●●●

Analogy

Look at the folder path along the top of a file window: Documents, then Taxes, then 2025, then the receipt you opened. That path is not a record of what you clicked, and it reads the same whether you opened the folders one by one or searched the whole computer, because it describes where the file sits. Click 2025 and you are in that folder; click Taxes and you are one further up. Breadcrumbs are that path, printed on a web page, for the same reason.
Deepest level reached.
●●●

Analogy

Netflix showing you the show, then Season 3, then Episode 5. That line is not a record of your clicking, and it looks identical whether you browsed to it or searched the title, because it says where the episode sits. Tap the season and you get every episode in it. Breadcrumbs are that line on a website, and they earn their keep on the days you arrive sideways. 😎
Deepest level reached.

Unfamiliar concept? A real-world example makes it click — fresh analogies on tap.

AI explanations may contain errors · Not professional advice

Formal definition — The same term, explained the usual way

Breadcrumbs are a secondary navigation element that displays the hierarchical position of the current page within a site, rendered as an ordered sequence of ancestor links terminating in the current page. They reflect site structure rather than session history, and when marked up with BreadcrumbList structured data they may be displayed by search engines in place of the URL.

Want Clicked to explain terms like “breadcrumbs” directly in your browser — including on PDFs?

Add to Chrome — Free

50 free Explanations · No credit card required