🍞
Веб-сайты

UX breadcrumb навигации: ориентация пользователя

25.04.2027
← Все статьи

Breadcrumb — \"Главная › Хостинг › WordPress\". Малый элемент, большое UX влияние.

Зачем

Ориентация, навигация вверх, SEO (BreadcrumbList Schema).

Виды

Location-based (главный), attribute-based (e-commerce), path-based.

Дизайн

Верх страницы, нейтральный, разделитель ›. Последний — текущая страница.

HTML

nav aria-label=\"breadcrumb\", ol, li. aria-current=\"page\" для последнего.

BreadcrumbList Schema

JSON-LD. Google показывает breadcrumb вместо URL. CTR +15-20%.

Mobile

Малый шрифт или back link.

Глубина

3-5 оптимально. 6+ — пересмотреть структуру.

Сайт.uz

Динамический breadcrumb. Schema. WCAG AA. CTR +15%.

Похожие статьи

🌊 Анализ Webflow: профессиональная no-code платформа для дизайнеров 🎨 Анализ Tilda: самый популярный конструктор в Рунете 🏗️ JAMstack архитектура: современный стандарт Static Site Generator: чемпионы скорости и безопасности
🌐 Язык
🇺🇿 O'zbek 🇺🇿 Ўзбек 🇷🇺 Русский 🇬🇧 English