პურის ნამსხვრევები და მომხმარებლის გზა

1) როლი და მნიშვნელობა

• აჩვენეთ სად ვარ იერარქიაში;
• ისინი სწრაფად ბრუნდებიან უფრო მაღალ დონეზე;
• შეამცირეთ „უკან დაბრუნება“ (განმეორებითი დაწკაპუნება „უკან“);
• გაზრდის მეზობელი დონის გამოვლენას და აუმჯობესებს SEO- ს შინაარსის გვერდებზე.

პრინციპები: სიმარტივე> დეტალიზაცია, იერარქია> დაწკაპუნების ისტორია, მუდმივი სტრუქტურა> დინამიური ხმაური.

2) გამოყენებისას

ღრმა კატალოგები და შინაარსი (პროვაიდერი - კატეგორია, თამაში/სტატია).
B2B admins და ანგარიშები 2-3 + ინვესტიციის დონით.
Longrids/docks სექციებითა და შინაარსით (cross + TOC).
არ არის საჭირო ზედა დონის ეკრანებზე (ლობი/იაფი ბარი), სადაც სიღრმე არ არის.

3) პატარა ნაჭრების ტიპები

1. იერარქიული (სტრუქტურული) - ასახავს IA და არა მომხმარებლის მარშრუტს:

'Play' n GO 'Dead Book'

2. გზის გასწვრივ (history-based) - ნაჩვენებია ფაქტობრივი მარშრუტი (იშვიათად შესაფერისია ვებში; „უკან“).
3. ჰიბრიდი არის იერარქია + ბოლო ნაბიჯი დაცული ფილტრებით/კონტექსტით.

რეკომენდაცია: ნაგულისხმევი - იერარქიული, შემთხვევითი გადასვლებისგან „ხმაურის“ თავიდან ასაცილებლად.

4) შემადგენლობა და ფორმატი

გამყოფი: '' 'ან '/' (თანმიმდევრულად დიზაინით და ადგილობრივი).
საწყისი წერტილი: „მთავარი „/კლიკაბელენის ლოგო.
წევა:> 4 დონის სიღრმეზე, საშუალო კავშირების დამალვა „“... გამჟღავნებით.
ბოლო ელემენტი: მიმდინარე გვერდი, არაგულწრფელი და ვიზუალურად ხაზგასმულია.
სათაურების სიგრძე: გაჭრა ხალიჩით, მაგრამ სრული 'title '/tooltip hover/focus- ით.

5) ნაოჭების წარმოქმნა (ლოგიკა)

აშენეთ URL/IA კანონიკური იერარქიის მიხედვით და არა რეფერერის მიხედვით.
ერთეულებისთვის (თამაში/სტატია) აიღეთ ძირითადი კატეგორია (ან „პურის“ კატეგორია) და არა შემთხვევითი ჭდეები.
დინამიური გვერდებისთვის (ფილტრები, დახარისხება) - cross მიუთითებს საბაზო მონაკვეთისკენ მიმავალ გზაზე, ხოლო კონტექსტი ნაჩვენებია ცალკე (ფილტრების ჩიპები).
მულტფილმებით, დაამატეთ ბრენდის/ოპერატორის კონტექსტი დასაწყისში ან ახლომდებარე სელექტორში, მაგრამ არ გადატვირთოთ cross.

6) ფილტრები, დახარისხება, პაგინაცია

ფილტრები არ უნდა „გახანგრძლივდეს“ cross. აჩვენეთ ისინი ქვემოთ ჩიპებში („Providers-Live“ + ჩიპები: Geo = CA, Device = Mobile).
პაგინაცია არ შედის ნამსხვრევებში; მიმდინარე გვერდი ნაჩვენებია სიის კონტროლში.
დაწკაპეთ ფილტრები მშობლის დონეზე: დაბრუნება „სუფთა“ კატეგორიაში.

7) მობილური UX

მოათავსეთ cross H1- ის ქვეშ ერთი ხაზით; ადგილის ნაკლებობით - ჰორიზონტალური გადახურვა ან შუა ბმულების დაწვა.
Tap targets - 44px, შესამჩნევი აქცენტი კლავიატურაზე ნავიგაციისთვის (PWA- სთვის).
არ შეცვალოთ სისტემური „უკან“ - სტრუქტურის ნაჭრები, ღილაკი - ისტორიისთვის.

8) წვდომა (A11y)

გამოიყენეთ სემანტიკა 'nav [aria-label = „breadcrumb“]' და 'ol> li'.
მიუთითეთ' aria-current =“ გვერდი“ ბოლო ელემენტზე.
ბმულების კონტრასტი შეესაბამება WCAG AA- ს; ფოკუსი ხილულია.
ხატი/გამყოფი არ არის ერთადერთი სიგნალი (არსებობს ტექსტური ეტიკეტები).
DOM- ში შეკვეთა შეესაბამება ვიზუალურ წესრიგს.

9) SEO და მონაცემები

შინაარსის გვერდებისთვის გამოიყენეთ სტრუქტურირებული BreadcrumbList (JSON-LD) მონაცემები.
კანონიკური URL და სტაბილური cross ეხმარება ძებნას იერარქიის გაგებაში.
არ დააყენოთ „ცარიელი“ შუალედური კვანძები შინაარსის გარეშე (თავიდან აიცილოთ thin pages).

10) გამოსახულების ნიმუშები

კლასიკური სერია: 'მთავარი განყოფილება - ქვეპროგრამა გვერდი'.
დამწვრობით: „მთავარი -... - კატეგორია - ბარათი“.
ბრენდის კონტექსტით (B2B): 'Brand A - მოხსენებები "შემოსავალი NGR'.
წამყვანებით დოქებში: „დოკუმენტაცია - KYC - # დონის შემოწმება“ (წამყვანები - TOC- ში, cross - სექციამდე).

11) ქცევა და მიკრობინერაცია

Hover/focus ანათებს ბმულს და კლიკის არეალს (მთელი „პატარა“ და არა მხოლოდ ტექსტი).
ამ უკანასკნელს „პატარა“ შეიძლება ჰქონდეს დოპინგი მეზობელ ერთეულებთან (მაგალითად, ამ პროვაიდერის სხვა თამაშები) - ფრთხილად, გადატვირთვის გარეშე.
„ზემოთ დონეზე“ გადასვლა ინარჩუნებს სიის პოზიციას/გვერდს, თუ ეს არ არღვევს კანონს (მაგალითად, '? page = 2').

12) მეტრიკა და ტელემეტრია

• `breadcrumb_click(level, label, url)`
• 'breadcrumb _ expand _ more' (შემცირებული)
• 'back _ to _ parent _ retained _ context' (თუ შეინარჩუნეთ პოზიცია/გვერდი)

• Use Rate: მომხმარებელთა წილი, რომლებმაც sneakers დაარტყეს 2 ევრო სიღრმეზე.
• Back-bounce: „უკან“ რაოდენობის შემცირება ღრმა გვერდზე შესვლისთანავე.
• დრო წვეულება: დონის დაბრუნების დრო უფრო მაღალია.
• SEO CTR: CTR გვერდების შეცვლა, რომელზეც აღინიშნება cross.

13) მაგალითები iGaming- ისთვის

B2C (კაზინო): "Providers- ის მთავარი რედაქტორი - Pragmatic Play-Gates of Olympus '. პროვაიდერის გვერდზე არის ფილტრების ჩიპები (Live/Slots/Megaways); Crazy - მხოლოდ სტრუქტურა.
ტურნირები: „მთავარი ტურნირი - შემოდგომის თასი, წესები“.
B2B (პროვაიდერი): „პანელი - შინაარსი - გამოშვებები Ra (ID 12345)“ - ბოლო ელემენტი არ არის clicabelen; ღილაკის გვერდით „გახსნა ოპერატორში“.

14) ანტიპატერები

Croshks, რომლებიც იმეორებენ H1 სიტყვას სარგებლის გარეშე.
ისტორიული მარშრუტები სტრუქტურის ნაცვლად (ქაოტური „რწმენა“).
ფილტრების ჩართვა და პაგინაცია sneakers- ში („თამაშები - Slots - page = 5“).
ბოლო პატარა ბავშვი თავად არის ბმული.
ზედმეტი სიღრმე, მცირე ზომა, დაბალი კონტრასტი - „უხილავი ნამსხვრევები“.
ბმულების არაკოორდინირებული სახელები მენიუთან/URL.

15) განხორციელების სია

1. IA რუკა: განსაზღვროს კანონიკური გზები ერთეულებისთვის.
2. გენერატორი: ფუნქცია, რომელიც აშენებს გვირგვინებს IA/URL- დან (დამოკიდებულია რეფერზე).
3. წევა: წესები სიღრმეზე> 4, popopover სრული გზით.
4. A11y/SEO: `nav[aria-label]`, `ol/li`, `aria-current`, JSON-LD.
5. სტილი: AA- ს კონტრასტი, მობილური ადაპტირება, გამყოფები, ზომები.
6. კონტექსტი: ფილტრები/დახარისხება - ჩიპები ქვემოთ, არა sneakers.
7. ტელემეტრია: დაწკაპუნების/გამოცდის მოვლენები, დრო-წვეულება, უკან-მშვილდი.
8. დოკუმენტაცია: მაგალითები, ანტი-შემთხვევები, ბმულების დასახელების ჰაიდი.

16) შედეგი

1. კანონიკური იერარქიის საფუძველზე,

2. წაკითხული და ხელმისაწვდომი

3. გვერდის ფილტრების/მდგომარეობებისადმი მდგრადი,

4. გაზომილი სარგებლით (ტელემეტრია/SEO).

ასე რომ, ისინი ნამდვილად ეხმარებიან ხელმძღვანელობას და ამცირებენ მომხმარებლის გზას მიზნისკენ.