Запропонувати правку

Покращити цю статтю

Допрацюйте відповідь до «Що таке "breadcrumbs" (хлібні крихти)?». Ваші зміни проходять модерацію перед публікацією.

Потрібне підтвердження

Контент

Що ви змінюєте

Заголовок (UA)

Коротка відповідь (UA)

Показується над повною відповіддю для швидкого нагадування.

Відповідь (UA)

**"Breadcrumbs" (хлібні крихти)** - це елемент навігації на сайті, що показує **шлях користувача від головної сторінки до поточної**.
Він допомагає зрозуміти, **де саме перебуває користувач** у структурі сайту, і швидко повернутися на попередні рівні.

---

### Приклад відображення:

```javascript
Головна -> Каталог -> Електроніка -> Смартфони -> iPhone 15
```

Користувач бачить, що перебуває у розділі «Смартфони» всередині «Електроніки», і може клацнути на будь-який з попередніх пунктів.

---

### HTML-приклад:

```html
<nav aria-label="breadcrumb">
  <ol>
    <li><a href="/">Головна</a></li>
    <li><a href="/catalog">Каталог</a></li>
    <li><a href="/catalog/electronics">Електроніка</a></li>
    <li>Смартфони</li>
  </ol>
</nav>
```

---

### Навіщо потрібні хлібні крихти:

1. **Зручність навігації.** Користувач швидше орієнтується в структурі сайту.
2. **Зниження кількості кліків.** Можна повернутися на будь-який попередній рівень одним натисканням.
3. **SEO-користь.** Пошукові системи (Google, Bing) використовують їх для відображення структури сторінок у результатах пошуку.
4. **UX-орієнтир.** Показує користувачу контекст: де він перебуває і як сюди потрапив.

---

### Висновок:

**Breadcrumbs (хлібні крихти)** - це ланцюжок навігаційних посилань, що відображає ієрархію сторінок від головної до поточної.
Вони роблять сайт зрозумілішим, зручнішим і кориснішим для SEO.

Markdown · перетягуйте зображення · ⌘B / ⌘I шорткати166 слів

Для рев’юера

Примітка для модератора (необов’язково)

Бачить лише модератор. Прискорює рев’ю.