Հացաբուլկեղեն և օգտագործողի ճանապարհ
1) Դերը և արժեքը
Հացաբուլկեղենը կոմպաս է բովանդակության խորը կառուցվածքի մեջ։ Նրանք
ցույց են տալիս, թե որտեղ եմ գտնվում հիերարխիայում։
արագ հետադարձ ճանապարհ են տալիս դեպի ավելի բարձր մակարդակ;
նվազեցնում են «back-bounce» (կրկնվող տեսահոլովակները «ետ»);
բարձրացնում են հարևան մակարդակների հայտնաբերումը և բարելավում SEO-ը բովանդակության էջերի համար։
Սկզբունքներ ՝ պարզություն> մանրամասն, հիերարխիա> կլիկաների պատմություն, կայուն կառուցվածք> դինամիկ աղմուկ։
2) Երբ օգտագործել
Խորը պարամետրեր և բովանդակություն (պրովայդեր)։
B2B-adminks-ը և զեկույցները 2-3 + ներդրումների մակարդակներով։
Longrids/docks բաժանումներով և առաջնորդությամբ (նապաստակներ + TOC)։
Անհրաժեշտ չէ բարձր մակարդակի էկրաններին (լոբբի/էժան), որտեղ խորությունը չկա։
3) Նապաստակների տեսակները
1. Հիերարխիկ (կառուցվածքային) - արտահայտում IA, ոչ թե օգտագործողի երթուղին
"Play 'n GO no Book of Dead '
2. Ճանապարհին (history-based) ցույց են տալիս իրական երթուղին (հազվադեպ տեղին է վեբում; ավելի մոտ «առաջ»)։
3. Հիբրիդ + վերջին քայլն է պահպանված ֆիլտրերով/համատեքստով։
Առաջարկը 'լռելյայն հիերարխիկ է, որպեսզի խուսափի «աղմուկից» պատահական անցումներից։
4) Կազմը և ձևաչափը
Բաժանարար '"07" կամ' "(կոնսիստենտալ դիզայնի և տեղանքի հետ)։
Մեկնարկային կետը '«Հիմնական «/կլիկաբելենի լոգոն։
Ուսումնասիրություն '> 4 մակարդակների խորքում թաքցնել միջին օղակները "... բացահայտմամբ։
Վերջին տարրը 'ներկա էջը, ոչ գլիկաբելինը և տեսողական շեշտադրվում է։
Վերնագրերի երկարությունները 'կտրում բազմությամբ, բայց ամբողջական «title »/tooltip-ով hover/focus-ով։
5) Նապաստակների գեներացիան (տրամաբանություն)
Կառուցել URL/IA կանոնական հիերարխիայի վրա, ոչ թե referer 'y։
Էակների համար (խաղ/հոդված) վերցնել հիմնական կատեգորիան (կամ «հաց» կատեգորիան), ոչ թե պատահական թեգերը։
Դինամիկ էջերի համար (ֆիլտրեր, տեսակավորում), նապաստակները ցույց են տալիս ուղին մինչև հիմնական պարամետրը, իսկ կոնտեքստը ցույց է տալիս առանձին (ֆիլտրերի չիպեր)։
Մոլտիտենանտության դեպքում ավելացրեք բրենդի/օպերատորի համատեքստը սկզբում կամ սելեկտորում, բայց մի փոքր ծանրաբեռնեք։
6) Ֆիլտրեր, տեսակավորում, պագինացիա
Ֆիլտրերը չպետք է «սեղմեն» նապաստակները։ Ցույց տվեք դրանք չիպերի մեջ («Պրովայդերներ No» + չիպեր ՝ Geo = CA, Device = Mobile)։
Պագինացիան չի մտնում նապաստակների մեջ։ այս էջը ցույց է տալիս ցուցակի վերահսկման մեջ։
Ծնողական մակարդակի վրա ֆիլտրերի հավաքումը '«մաքուր» կատեգորիայի։
7) Բջջային UX
Տեղադրել H1-ի տակ մի տող։ նստատեղի պակասը հորիզոնական ժայռն է կամ միջին օղակների չորացումը։
Tap-targets no 44px, նկատելի ֆոկուս ստեղնաշարի նավարկության ժամանակ (PWA)։
Չի կրկնօրինակել համակարգային «Ետ» -ը կառուցվածքի համար, կոճակը պատմության համար։
8) Հասանելիություն (A11y)
Օգտագործել "nav" (aria-label = "breadcrumb"] "և" ol> li "։
Նշեք' aria-current =» page» վերջին տարրի վրա։
Հղումների հակադրությունը համապատասխանում է WCAG AA-ին։ ֆոկուսը տեսանելի է։
Իկոնկա/բաժանիչը միակ ազդանշանը չէ (կան տեքստային պիտակներ)։
DFC-ում կարգը համապատասխանում է տեսողական կարգին։
9) SEO և տվյալները
Կոնտենտային էջերի համար օգտագործել BreadcrumbList (JSON-LD) կառուցվածքային տվյալները։
Կանոնական URL-ը և կայուն նապաստակները օգնում են փնտրել հիերարխիան։
Մի ինդեքսավորել «դատարկ» միջանկյալ պարամետրերը առանց բովանդակության (խուսափել thin pages)։
10) Ցուցադրման պատրանքները
Դասական շարքը '«Հիմնական ռուսական բաժին Novich Novich Pay»։
Բեղմնավորմամբ. <<Հիմնական հոդված>>։
Բրենդի ենթատեքստով (B2B) '«Brand A NGR»։
Դանակներով խարիսխներով '"Lenta.KYC 35#" Ստուգման մակարդակներ "(խարիսխը TOC-ում, նապաստակները մինչև 108)։
11) Վարքագծն ու միկրինտրացիան
Hover/focus-ը լուսավորում է կլիկի հղումը և տարածքը (ամբողջ «փոքրիկ», ոչ միայն տեքստը)։
Վերջին «փոքրիկ» -ը կարող է ունենալ մոտակա էակների հետ (օրինակ, այս պրովայդերի այլ խաղեր) - ուշադիր, առանց ծանրաբեռնվածության։
«Բարձր մակարդակի» անցումը պահպանում է ցուցակի դիրքը/էջը, եթե դա չի կոտրում կանոնը (օրինակ ՝ «? page = 2»)։
12) Metriki և telemetria
Իրադարձությունները
`breadcrumb_click(level, label, url)`
«breadcrumb _ expand _ more» (փորագրված համար)
«back _ to _ parent _ retained _ ext» (եթե պահպանեք դիրքը/էջը)
KPI:- Use Rate-ը օգտագործողների մասնաբաժինն է, որոնք կլանվել են նապաստակների վրա 242 խորության վրա։
- Back-bounce-ը բացատրում է, որ «ետ» թվի նվազումը խորը էջում մտնելուց անմիջապես հետո։
- Time-to-Parent: ժամանակը ավելի բարձր է։
- SEO CTR 'CTR էջերի փոփոխությունը, որը ցույց է տալիս։
13) iGaming-ի օրինակները
B2C (կազինո): «Պրովայդերների հիմնական պաշտպանությունը Pragmatic Play Microsoft of Olympus»։ Պրովայդերի էջում ֆիլտրերի չիպերն են (Մոսկվա/Slots/Megaways); նապաստակները միայն կառուցվածք են։
Միհրա ՝ «Ռուանդրայի գլխավոր պաշտպանությունը» Աշնանային գավաթը «Կանոններ»։
B2B (պրովայդեր): «Վահանակ International International of Ra (ID 12345)» - վերջին տարրը կլիկաբելեն չէ։ «Բացեք օպերատորի մեջ» կոճակը։
14) Անտիպատերնի
Նապաստակները, որոնք կրկնում են H1 բառը առանց օգուտների։
Պատմական երթուղիները կառուցվածքի փոխարեն (քաոսիկ «հավատացյալ»)։
Ֆիլտրերի և պագինացիայի իրականացումը նապաստակների մեջ («Խաղեր page page = 5»)։
Վերջին փոքրիկը ինքնին հղում է։
Ավելցուկ խորությունը, փոքր չափը, ցածր հակադրությունը «անտեսանելի փշրանքներ» են։
Հղումների չհամաձայնեցված անունները ընտրացանկով/URL-ով։
15) Ներդրման չեկի ցուցակ
1. IA քարտեզը 'որոշել կանոնական ուղիները էակների համար։
2. Գեներատոր 'IA/URL-ի կոնստրուկցիաներ կառուցող գործառույթ (կախված referer)։
3. - Կանոններ> 4, popover ամբողջ ճանապարհով։
4. A11y/SEO: `nav[aria-label]`, `ol/li`, `aria-current`, JSON-LD.
5. Ոճը 'հակադրություն AA, հարմարեցնելով Altaile, բաժանիչներ, չափեր։
6. Համատեքստ ՝ ֆիլտրեր/տեսակավորում - չիպեր ներքևում, ոչ թե նապաստակների մեջ։
7. Թելեմետրիա 'տեսահոլովակների/expand, Time-to-Parent, back-bounce։
8. Տե՛ ս օրինակներ, anti-cass, օղակների անվանումով դելդ։
16) Արդյունքը
Հացաբուլկեղենը աշխատում է, երբ դրանք պարզ, կառուցվածքային և հետևողական են։ Արեք դրանք
1. հիմնված կանոնական հիերարխիայի վրա,
2. կարդացեք և հասանելի,
3. դիմացկուն ֆիլտրերին/էջերի կետերին,
4. չափված օգուտով (հեռաչափություն/SEO)։
Այսպիսով, նրանք իսկապես օգնում են կենտրոնանալ և կրճատել օգտագործողի ճանապարհը նպատակին։