פירורי לחם ונתיב המשתמש

1) תפקיד וערך

• להראות איפה אני בהיררכיה;
• לתת דרך חזרה מהירה לרמה שמעל;
• להפחית ”גב-להקפיץ” (לחיצות חוזרות ”בחזרה”);
• להגביר את יכולת הגילוי של שכבות שכנות ולשפר את ה-SEO עבור דפי תוכן.

עקרונות: פשטות> פירוט, היררכיה> היסטוריה של קליקים, מבנה מתמשך> רעש דינמי.

2) מתי להשתמש

קטלוגים ותוכן עמוקים (despector ac.game/article).
B2B מנהל ומדווח עם 2-3 + רמות קינון.
Longrides/docks עם קטעים וטבלת תוכן (פירורים + TOC).
אין צורך במסכים ברמה העליונה (לובי/לוח עבודה), היכן שאין עומק.

3) סוגי פירורים

1. היררכית (מבנית) - משקפת את ה-IA, לא את מסלול המשתמש:

'ספקי › ביתיים › PLAY' n GO › Book of Deadfost

2. לאורך הדרך (מבוסס היסטוריה) - להציג את המסלול בפועל (לעתים נדירות מתאים באינטרנט; קרוב יותר ל ”בחזרה”).
3. היברידי - היררכיה + שלב אחרון עם פילטרים/הקשר שמור.

המלצה: ברירת מחדל - היררכית כדי להימנע מ ”רעש” ממעברים אקראיים.

4) קומפוזיציה ופורמט

דלימיטר: ”›” או ”/” (מתאים לעיצוב ולמקום).
נקודת התחלה: ”בית ”/לוגו הוא קליק.
Truncation: בעומק> 4 רמות, להסתיר את הקישורים האמצעיים ב... "עם חשיפה.
האלמנט האחרון: העמוד הנוכחי, ללא קליק ומבטא חזותי.
אורכי כותרת: קצוץ עם אליפסיס אבל מלא ”כותרת ”/טיפ ב hover/פוקוס.

5) דור של פירורים (היגיון)

לבנות על פי הכתובת הקנונית/IA היררכיה, לא על ידי הפניה.
עבור ישויות (משחק/מאמר), קחו את הקטגוריה הראשית (או ”לחם”), ולא תגיות אקראיות.
עבור דפים דינמיים (מסננים, מיון) - פירורים מצביעים על המסלול לחלק הבסיס, וההקשר מוצג בנפרד (שבבי פילטר).
עם עמידות מרובה, הוסף את הקשר המותג/אופרטור בהתחלה או במבחר זה לצד זה, אך אל תעמיס על הפירורים.

6) מסננים, מיון, עבודת אלילים

מסננים לא צריכים ”להאריך” את הפירורים. הצג אותם בשבבים (”› Live Spectures” + שבבים: Geo = CA, Device = Mobile).
הפגינציה אינה כלולה בפירורים; העמוד הנוכחי מוצג בבקרת הרשימה.
איפוס מסננים על ידי לחיצה על רמת ההורה: חזור לקטגוריה ”נקייה”.

7) UX נייד

הניחו פירורים תחת H1 בשורה אחת; במקרה של מחסור בגלילה אופקית-חלל או גזירה של הקישורים האמצעיים.
מוקד בולט לניווט מקלדת (עבור PWA).
אל תשכפל מערכת ”גב” פירורים למבנה, כפתור להיסטוריה.

8) זמינות (A11y)

השתמש בסמנטיקה 'ניווט [ אריה-תווית = ”פירורי לחם” ]' ו 'ol> li'.
ציין 'aria-זרם = "page" "על האלמנט האחרון.
הניגוד בין האזכורים תואם ל-WCAG AA; מיקוד - נראה לעין.
הסמל/מפריד אינו האות היחיד (יש תוויות טקסט).
הסדר ב-DOM מתאים לסדר החזותי.

9) SEO ונתונים

עבור דפי תוכן, השתמש במידע המובנה BreadcrumbList (JSON-LD).
כתובות קנוניות ופירורים יציבים עוזרים לחיפוש להבין היררכיה.
אין אינדקס ”ריק” צמתים ביניים ללא תוכן (הימנע מעמודים דקים).

10) תצוגת תבניות

סדרה קלאסית: ”מדור › הבית › תת סעיף › עמוד”.
Truncted: ”› ביתי... › Category › Card”.
עם ברנד קונסטליישן (B2B): ”Brand A › Reports › Memeries › NGR”.
עם עוגנים ברציפים: "Documentation › KYC › # Levels-checks' (עוגן - ב TOC, פירורים - לפני קטע).

11) התנהגות ומיקרו אינטראקציות

ריחוף/מיקוד מדגיש את אזור הקישור והלחץ (כל ה ”פירור”, לא רק הטקסט).
ה ”פירור” האחרון יכול להיות תפריט נוסף עם ישויות שכנות (למשל, משחקים אחרים של ספק זה) - בצורה מסודרת, ללא עומס יתר.
הולך ”למעלה” משמר את המיקום/דף של הרשימה אלא אם כן הוא שובר את הקאנון (למשל. כדי "? עמוד = 2 ').

12) מדדים וטלמטריה

• 'פירורי לחם _ קליק (רמה, תווית, url) "
• 'hreadcrumb _ extending _ more' (עבור trunted)
• 'Back _ to _ pather _ resided _ contraction' (אם מיקום/דף נשמר)

• דרגת שימוש: שיעור המשתמשים שלחצו על פירורים בעומק 2.
• קפיצה לאחור: הפחתת הכמות של ”בחזרה” מיד לאחר התחברות לדף העמוק.
• זמן להורה: זמן לחזור לרמה גבוהה יותר.
• שינוי CTR של דפים מסומנים פירורים.

13) דוגמאות לאיימינג

B2C (קזינו): ”Home › Spectors › Pragmatic Play › Gates of Olympus”. בדף הספק שבבי פילטר (Live/Slots/Megaways); פירורים - רק מבנה.
טורנירים: ”טורנירי › ביתיים › גביע הסתיו › חוקים”.
B2B (ספק): 'Panel › Content › Flases › Book of Ra (ID 12345) - האלמנט האחרון אינו ניתן לשליטה; ליד כפתור הפתיחה בהצהרה.

14) תרופות אנטי ־ פטריות

פירורים שחוזרים על H1 מילה במילה ללא תועלת.
מסלולים היסטוריים במקום מבנה (”מחרוזת” כאוטית).
הכללת מסננים ופאגינציה בפירורים (”Games › Slots › Page = 5”).
הפירור האחרון הוא התייחסות לעצמו.
עומק מוגזם, גודל קטן, ניגוד נמוך - ”פירורים בלתי נראים”.
שמות קישור לא עקביים עם תפריט/כתובת.

15) רשימת מימושים

1. מפת חקירות פנים: הגדר מסלולים קנוניים לישויות.
2. מחולל: פונקציה הבונה פירורים מ ־ IA/URL (לא תלויה בהפניה).
3. Trunction: חוקים בעומק> 4, popover עם נתיב מלא.
4. A11y/SEO: ”nav[aria - לייבל ]”, ”ol/li”, ”אריה-זרם”, JSON-LD.
5. סגנון: ניגוד של אלכוהוליסטים אנונימיים, ניידים, מחלקים, ממדים.
6. הקשר: מסננים/מיון - שבבים מתחת, לא פירורים.
7. טלמטריה: לחץ על אירועים/התרחבות, זמן להורה, חזרה.
8. תיעוד: דוגמאות, אנטי-מקרים, מדריך שמות קישור.

16) השורה התחתונה

1. בהתבסס על היררכיה קנונית,

2. קריא ונגיש,

3. עמיד למדינות פילטרים/עמוד,

4. עם תועלת מדידה (טלמטריה/SEO).

אז הם באמת עוזרים לנווט ולקצר את דרכו של המשתמש אל המטרה.