Нан күкүмдөрү жана колдонуучунун жолу

1) ролу жана баалуулугу

• Мен иерархияда кайда экенин көрсөтөт;
• жогорку денгээлде тез кайтып жол берет;
• кыскартуу "back-bounce" (кайталап чыкылдатуу "артка");
• кошуна денгээлде аныктоо жогорулатуу жана мазмун барактар үчүн SEO жакшыртуу.

Принциптер: жөнөкөйлүк> детализация, иерархия> чыкылдатуу тарыхы, туруктуу структура> динамикалык ызы-чуу.

2) Качан колдонуу керек

Терең каталогдор жана мазмун (провайдер → категория → оюн/макала).
B2B-администраторлору жана отчеттор 2-3 + салым даражалары менен.
Longrides/бөлүмдөрү жана мазмуну менен доктор (күкүмдөр + TOC).
Жогорку деңгээлдеги экрандарда (лобби/дешборд) эч кандай тереңдик жок.

3) майдаланган түрлөрү

1. Иерархиялык (структуралык) - колдонуучунун маршруту эмес, IA чагылдырат:

'Башкы бет › Провайдерлер › Play' n GO › Book of Dead '

2. Жолдо (history-based) - иш жүзүндөгү багытын көрсөтүү (сейрек вебте ылайыктуу; жакын "артка").
3. Гибрид - иерархия + сакталган чыпкалар/контекст менен акыркы кадам.

Сунуш: демейки - кокустуктар "ызы-чуу" качуу үчүн иерархиялык.

4) Курамы жана форматы

Бөлгүч: '›' же '/' (дизайн жана локалдык менен ырааттуу).
Башталышы: "Башкы бет "/логотип чыкылдатуу.
Кыскартуу: тереңдик> 4 баскычта ""... деген орто звенолорду жашыруу.
Акыркы элемент: учурдагы бет, кликабелдүү эмес жана визуалдык басым.
Баш макалалардын узундугу: пункту менен кесүү, бирок толук 'title '/tooltip менен hover/focus.

5) күкүмдөрдү өндүрүү (логика)

URL/IA канондук иерархиясы боюнча куруу, эмес, referer 'y.
зат үчүн (оюн/макала) негизги категориясын алуу (же "нан" категориясы), бирок туш келди теги.
Динамикалык беттер үчүн (чыпкалар, сорттоо) - сыныктар негизги бөлүмгө жол көрсөтөт, ал эми контекст өзүнчө көрсөтүлөт (чип чыпкалары).
Көп жөндөмдүүлүк менен, бренд/оператордун контекстин башында же жакын селектордо кошуу, бирок күкүмдөрдү ашыкча жүктөбөө.

6) чыпкалар, сорттоо, пагинация

чыпкалар "узартуу" күкүмдөрдү керек. Аларды төмөнкү чиптерде көрсөтүңүз ("Провайдерлер › Live" + чиптер: Geo = CA, Device = Mobile).
Пагинация күкүмдөргө кирбейт; Учурдагы бет тизменин көзөмөлүндө көрсөтүлөт.
Фильтрлерди ата-энелик деңгээлге чыкылдатуу: "таза" категорияга кайтуу.

7) Мобилдик UX

бир сапта H1 астында күкүмдөрдү жайгаштыруу; орун жоктугунда - горизонталдуу скролл же орто звенолордун кесилиши.
Tap-максаттары ≥ 44px, клавиатура багыттоо (PWA үчүн) байкаларлык басым.
Системалык "Артка" кайталабаңыз - структура үчүн сыныктар, баскычы - тарых үчүн.

8) Жеткиликтүүлүк (A11y)

'nav' [aria-label = "breadcrumb"] жана 'ol> li' семантикасын колдонуу.
'aria-current =' page 'деген акыркы элементти көрсөтүү.
Шилтемелердин карама-каршылыгы WCAG AA ылайык; фокус - көрүнүктүү.
Сөлөкөт/бөлгүч - бир гана сигнал эмес (текст этикеткалары бар).
DOM тартиби визуалдык тартипке туура келет.

9) SEO жана маалыматтар

Мазмун барактары үчүн структураланган BreadcrumbList (JSON-LD) маалыматтарын колдонуу.
Канондук URL жана туруктуу сыныктар иерархияны түшүнүүгө жардам берет.
мазмуну жок "бош" аралык түйүндөрдү индекстөө (thin pages алыс).

10) Дисплей үлгүлөрү

Классикалык катар: 'Башкы › Бөлүм › Бөлүм › Бет'.
кыскартуу менен: 'Башкы ›... › Категория › Карта'.
Бренд контекстинде (B2B): 'Brand A › Отчеттор › Киреше › NGR'.
Доктогу казыктар менен: "Документация › KYC › #Уровни - текшерүүлөр" (казык - TOCте, сыныктар - бөлүмгө чейин).

11) Жүрүм-турум жана микроинтеракция

Hover/focus шилтемени жана чыкылдатуу аймагын (текстти гана эмес, бүт "күкүм") көрсөтөт.
Акыркы "күкүм" кошуна нерселер менен кошумча алмашуу болушу мүмкүн (мисалы, бул провайдердин башка оюндары) - кылдаттык менен, ашыкча жүктөбөстөн.
Жогорку баскычка өтүү, эгерде канониканы бузбаса, тизменин позициясын/баракчасын сактап калат (мисалы, к '? page = 2').

12) Метрика жана телеметрия

• `breadcrumb_click(level, label, url)`
• 'breadcrumb _ expand _ more' (кыскартылган үчүн)
• 'back _ to _ parent _ retained _ context' (эгерде сиз позицияны/баракчаны сактап калсаңыз)

• Use Rate: ≥ 2 тереңинде күкүмдөрдү баскан колдонуучулардын үлүшү.
• Back-bounce ↓: санын азайтуу "артка" дароо киргенден кийин терең бет.
• Time-to-Parent: жогорку денгээлде кайтып убакыт.
• SEO CTR: CTR беттерин күкүмдөрдү белгилөө менен өзгөртүү.

13) iGaming үчүн мисалдар

B2C (Casino): 'Башкы › Провайдерлер › Pragmatic Play › Gates of Olympus'. Провайдердин бетинде - чип чыпкалар (Live/Slots/Megaways); күкүмдөр - бир гана түзүлүш.
Турнирлер: 'Башкы › Турнирлер › Күзгү кубок › Эрежелер'.
B2B (провайдер): 'Panel › Content › Релиздер › Book of Ra (ID 12345)' - акыркы элемент чыкылдатуу мүмкүн эмес; "Операторго ачуу" баскычы.

14) Антипаттерндер

H1 сөздү-сөздү-сөздү пайдасыз кайталаган күкүмдөр.
Тарыхый жолдор ордуна түзүлүшү (башаламан "сызык").
майдаланган чыпкалар жана пагинация киргизүү ("Оюн › Slots › page = 5").
Акыркы күкүм - өзү шилтеме.
Ашыкча тереңдик, майда өлчөм, төмөн контраст - "көрүнбөгөн күкүмдөр".
Меню/URL менен макулдашылбаган звено аталыштары.

15) Киргизүү чек-тизмеси

1. IA картасы: жандыктар үчүн канондук жолдорун аныктоо.
2. Генератор: IA/URLден күкүмдөрдү куруу функциясы (реферерге көз каранды эмес).
3. Кесүү: тереңдикте эрежелер> 4, толук жол менен popover.
4. A11y/SEO: `nav[aria-label]`, `ol/li`, `aria-current`, JSON-LD.
5. Стиль: Мобайл, бөлгүчтөр, өлчөмдөрү боюнча ылайыкташтырылган контраст AA.
6. Контекст: чыпкалар/сорттоо - төмөнкү чиптер, күкүмдөр эмес.
7. Телеметрия: Click Events/expand, Time-to-Parent, back-bounce.
8. Документация: мисалдар, анти-кейстер, звенолордун аталышы боюнча гид.

16) Жыйынтык

1. канондук иерархияга негизделген,

2. окулуучу жана жеткиликтүү,

3. фильтрлерге/барактын абалына туруктуу,

4. өлчөнүүчү пайда менен (телеметрия/SEO).

Ошентип, алар чындап эле багыт алууга жардам берет жана максатка карата колдонуучунун жолун кыскартат.