Suggest an edit

Improve this article

Refine the answer for “What are "breadcrumbs" (a breadcrumb trail)?”. Your changes go to moderation before they’re published.

Approval required

Content

What you’re changing

Title (EN)

Short answer (EN)

Shown above the full answer for quick recall.

Answer (EN)

**"Breadcrumbs"** are a navigation element on a site that shows **the user's path from the home page to the current one**.
They help understand **exactly where the user is** within the site's structure and let them quickly return to previous levels.

---

### Display example:

```javascript
Home -> Catalog -> Electronics -> Smartphones -> iPhone 15
```

The user can see they are in the "Smartphones" section within "Electronics", and can click any of the previous items.

---

### HTML example:

```html
<nav aria-label="breadcrumb">
  <ol>
    <li><a href="/">Home</a></li>
    <li><a href="/catalog">Catalog</a></li>
    <li><a href="/catalog/electronics">Electronics</a></li>
    <li>Smartphones</li>
  </ol>
</nav>
```

---

### Why breadcrumbs are needed:

1. **Navigation convenience.** The user orients themselves in the site's structure faster.
2. **Fewer clicks.** You can return to any previous level with a single click.
3. **SEO benefit.** Search engines (Google, Bing) use them to display page structure in search results.
4. **UX landmark.** Shows the user the context: where they are and how they got there.

---

### Conclusion:

**Breadcrumbs** are a chain of navigation links that reflect the page hierarchy from the home page to the current one.
They make a site clearer, more convenient, and more useful for SEO.

Markdown · drag & drop images · ⌘B / ⌘I shortcuts194 words

For the reviewer

Note to the moderator (optional)

Visible only to the moderator. Helps review go faster.