Çörek bölekleri we ulanyjynyň ýoly

1) Roly we gymmaty

• iýerarhiýada nirededigimi görkezýärler;
• has ýokary derejä çalt gaýdyp gelmäge mümkinçilik berýär;
• "back-bounce" ("yza" gaýtalanýan basmalar);
• goňşy derejeleriň tapylmagyny ýokarlandyrýar we mazmun sahypalary üçin SEO-ny gowulandyrýar.

Ýörelgeler: ýönekeýlik> jikme-jiklik, iýerarhiýa> basmagyň taryhy, durnukly gurluş> dinamiki ses.

2) Haçan ulanmak

Çuňňur kataloglar we mazmun (üpjün ediji → kategoriýa → oýun/makala).
B2B-dolandyryjylar we 2-3 + gatlakly hasabatlar.
Bölekleri we mazmuny bolan longridler/doklar (bölekler + TOC).
Çuňlugy ýok ýerdäki ýokary derejeli ekranlarda (lobbi/deshbord) gerek däl.

3) Döwükleriň görnüşleri

1. Iýerarhiki (gurluş) - ulanyjynyň ugruny däl-de, IA-ny görkezýär:

'Home › Üpjün edijiler › Play' n GO › Book of Dead '

2. Ýolda (history-based) - hakyky marşruty görkezýär (webde seýrek ýerlikli; "yza" has ýakyn).
3. Gibrid - iýerarhiýa + saklanan süzgüçler/kontekstli iň soňky ädim.

Maslahat: tötänleýin geçişlerden "sesiň" öňüni almak üçin adaty iýerarhiki.

4) Düzümi we formaty

Bölüji: '›' ýa-da '/' (dizaýn we lokal bilen tutaşyk).
Başlangyç nokady: "Home "/logo basylýar.
Kesmek:> 4 dereje çuňlukda orta baglanyşyklary ""... -da gizläň.
Iň soňky element: häzirki sahypa, likabel däl we wizual aksent.
Sözbaşy uzynlygy: nokat bilen kesiň, ýöne hover/focus bilen doly 'title '/tooltip.

5) Bölek-bölek öndürmek (logika)

Referer 'y boýunça däl-de, URL/IA kanoniki iýerarhiýasy boýunça guruň.
Zatlar üçin (oýun/makala) tötänleýin bellikler däl-de, esasy kategoriýany (ýa-da "çörek" kategoriýasyny) alyň.
Dinamiki sahypalar üçin (süzgüçler, sortlar) - bölekler esasy bölüme barýan ýoly görkezýär, kontekst bolsa aýratyn görkezilýär (süzgüçleriň çipleri).
Multitenantlyk bilen, markanyň/operatoryň kontekstini başda ýa-da ýakyn saýlaýjyda goşuň, ýöne bölekleri aşa ýüklemäň.

6) Süzgüçler, sortlamak, paginasiýa

Süzgüçler döwükleri "uzaltmaly" däldir. Olary aşakdaky çiplerde görkeziň ("Üpjün edijiler › Live" + çipler: Geo = CA, Device = Mobile).
Paginasiýa döwüklere girmeýär; häzirki sahypa sanawyň gözegçiliginde görkezilýär.
Süzgüçleri ata derejesine basmak: "arassa" kategoriýa gaýdyp gelmek.

7) Jübi UX

Kırıntylary H1-iň aşagyna bir setirde goýmak; ýer ýetmezçiliginde - gorizontal skroll ýa-da orta bölümleriň kesilmegi.
Tap nyşanlary ≥ 44px, klawiatura nawigasiýasynda görnükli fokus (PWA üçin).
"Yza" ulgamyny köpeltmäň - gurluş üçin bölekler, taryh üçin düwme.

8) Elýeterlilik (A11y)

'nav' [aria-label = "breadcrumb"] we 'ol> li' semantikasyny ulanyň.
Iň soňky elementde 'aria-current =' page '-ni görkeziň.
Baglanyşyklaryň tapawudy WCAG AA-a laýyk gelýär; fokus görünýär.
Nyşan/bölüji ýeke-täk signal däl (tekst bellikleri bar).
DOM-daky tertip wizual tertibe laýyk gelýär.

9) SEO we maglumatlar

Mazmun sahypalary üçin gurluşly BreadcrumbList (JSON-LD) maglumatlary ulanyň.
Kanoniki URL-ler we durnukly bölekler iýerarhiýa düşünmäge kömek edýär.
"Boş" aralyk düwünleri mazmunsyz indekslemäň (thin pages-den gaça duruň).

10) Görkeziş nusgalary

Klassiki hatar: 'Esasy › Bölüm › Kiçi bölüm › Sahypa'.
Kesilen: 'Esasy ›... › Kategoriýa › Kartoçka'.
Marka kontekstinde (B2B): 'Brand A › Hasabatlar › Girdeji › NGR'.
Gämi duralgalarynda labyrlar bilen: 'Dokumentasiýa › KYC › #Уровни -proverki' (labyr - TOC-da, döwükler - bölüme çenli).

11) Özüni alyp barşy we mikro interaksiýa

Hower/focus baglanyşygy we basyş meýdançasyny görkezýär (diňe bir tekst däl, ähli "bölek").
Iň soňky "kiçijik" goňşy jandarlar bilen goşmaça alyş-çalyş edip biler (mysal üçin, bu üpjün edijiniň beýleki oýunlary) - artykmaç ýüklemezden seresaplylyk bilen.
"Has ýokary derejä" geçmek, eger kanonikany bozmasa, sanawyň ýerini/sahypasyny saklaýar (mysal üçin, k '? page = 2').

12) Metrika we telemetriýa

• `breadcrumb_click(level, label, url)`
• 'breadcrumb _ expand _ more' (kesilen)
• 'back _ to _ parent _ retained _ context' (eger pozisiýa/sahypa saklansa)

• Use Rate: ≥ çuňlugynda gyralara basan ulanyjylaryň paýy 2.
• Back-bounce ↓: çuňňur sahypa girenden soň derrew "yza" sanyny azaltmak.
• Time-to-Parent: gaýdyp geliş wagty has ýokary.
• SEO CTR: CTR sahypalaryny bölek bellikleri bilen üýtgetmek.

13) iGaming üçin mysallar

B2C (kazino): 'Esasy › Üpjün edijiler › Pragmatic Play › Olimpiýa Gates'. Üpjün edijiniň sahypasynda - süzgüç çipleri (Live/Slots/Megaways); bölekler diňe gurluşdyr.
Ýaryşlar: 'Esasy › Ýaryşlar › Güýz kubogy › Düzgünler'.
B2B (üpjün ediji): 'Panel › Mazmun › Neşirler › Book of Ra (ID 12345)' - iň soňky element basylyp bilinmez; golaýda "Operatorda aç" düwmesi.

14) Antipatternler

H1 sözi peýdasyz gaýtalaýan bölekler.
Gurluşyň ýerine taryhy ýollar (bulam-bujar "setir").
Süzgüçleri we paginasiýalary döwüklere goşmak ("Oýunlar › Slots › page = 5").
Iň soňky bölek - özüne salgylanma.
Artykmaç çuňluk, ownuk ululyk, pes kontrast - "görünmeýän bölekler".
Menýudan/URL-den utgaşdyrylmadyk baglanyşyk atlary.

15) Girizmegiň çek-sanawy

1. IA kartasy: zatlar üçin kanoniki ýollary kesgitlemek.
2. Generator: IA/URL-den bölek gurýan funksiýa (referer-e bagly däl).
3. Kesilmegi: çuň> 4, doly usulda popover.
4. A11y/SEO: `nav[aria-label]`, `ol/li`, `aria-current`, JSON-LD.
5. Stil: Mobile, bölüjiler, ölçeglere uýgunlaşdyrylan AA kontrast.
6. Kontekst: süzgüçler/sortlar - kiçijik däl, aşaky çipler.
7. Telemetriýa :/expand, Time-to-Parent, back-bounce.
8. Dokumentasiýa: mysallar, anti-кейslar, baglanyşyklaryň ady boýunça gollanma.

16) Jemleýji

1. kanoniki iýerarhiýa esaslanyp,

2. okalýan we elýeterli,

3. sahypanyň süzgüçlerine/ýagdaýlaryna çydamly,

4. ölçegli peýdasy bilen (telemetriýa/SEO).

Şonuň üçin olar hakykatdanam ugrukdyrmaga kömek edýärler we ulanyjynyň maksadyna barýan ýoluny gysgaltýarlar.