Що таке "breadcrumbs" (хлібні крихти)?
"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>Навіщо потрібні хлібні крихти:
- Зручність навігації. Користувач швидше орієнтується в структурі сайту.
- Зниження кількості кліків. Можна повернутися на будь-який попередній рівень одним натисканням.
- SEO-користь. Пошукові системи (Google, Bing) використовують їх для відображення структури сторінок у результатах пошуку.
- UX-орієнтир. Показує користувачу контекст: де він перебуває і як сюди потрапив.
Висновок:
Breadcrumbs (хлібні крихти) - це ланцюжок навігаційних посилань, що відображає ієрархію сторінок від головної до поточної. Вони роблять сайт зрозумілішим, зручнішим і кориснішим для SEO.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.