빵 부스러기와 사용자의 경로

1) 역할과 가치

• 내가 계층 구조에있는 곳을 보여줍니다.
• 위의 레벨로 빠른 복귀 경로를 제공합니다.
• "백 바운스" (반복 클릭 "백") 감소;
• 인접 계층의 탐지 성을 높이고 컨텐츠 페이지의 SEO를 향상시킵니다.

원칙: 단순성> 세부 사항, 계층 구조> 클릭 기록, 지속적인 구조> 동적 노이즈.

2) 사용시기

딥 카탈로그 및 컨텐츠 (제공자 → 카테고리 → 게임/기사).
B2B 관리자 및 2-3 + 중첩 수준의보고.
섹션과 내용 테이블 (부스러기 + TOC) 이있는 Longrides/docks.
깊이가없는 최상위 화면 (로비/데스 보드) 에는 필요하지 않습니다.

3) 부스러기의 종류

1. 계층 적 (구조적) -사용자 경로가 아닌 IA를 반영합니다

'홈 프로비저더 플레이 앤 GO 데드 북'

2. 길을 따라 (역사 기반) - 실제 경로를 표시합니다 (웹에서는 거의 적합하지 않음). "뒤" 에 더 가깝습니다).
3. 하이브리드-필터/컨텍스트가 저장된 계층 구조 + 마지막 단계.

권장 사항: 기본적으로 임의의 전환에서 "잡음" 을 피하기위한 계층 적.

4) 구성 및 형식

제한 기: '"또는 '/' (디자인 및 로케일과 일치).
시작점: "홈 "/로고를 클릭 할 수 있습니다.
잘림: 깊이> 4 레벨에서 중간 링크를 숨기십시오... "" 공개.
마지막 요소: 클릭 할 수없고 시각적으로 강조된 현재 페이지.
제목 길이: 호버/초점에 줄임표로 잘리지 만 전체 '제목 '/툴팁이 있습니다.

5) 부스러기 세대 (논리)

참조자가 아닌 표준 IM/IA 계층 구조에 따라 빌드하십시오.
엔티티 (게임/기사) 의 경우 임의의 태그가 아닌 기본 범주 (또는 "빵" 범주) 를 사용하십시오.
동적 페이지 (필터, 정렬) 의 경우 부스러기는 기본 섹션으로의 경로를 나타내며 컨텍스트는 별도로 표시됩니다 (필터 칩).
멀티 테넌시를 사용하면 브랜드/운영자 컨텍스트를 처음 또는 선택기에 나란히 추가하지만 부스러기에 과부하가 걸리지 않습니다.

6) 필터, 정렬, 페이지 매김

필터가 부스러기를 "연장" 해서는 안됩니다. 칩에 아래에 표시하십시오 ("실시간 제공 업체" + 칩: Geo = CA, 장치 = 모바일).
부스러기에는 페이지 화가 포함되어 있지 않습니다. 현재 페이지는 목록 제어에 표시됩니다.
부모 레벨을 클릭하여 필터를 설정하십시오. "깨끗한" 범주로 돌아갑니다.

7) 모바일 UX

부스러기를 H1 아래에 한 줄로 놓습니다. 공간이 부족한 경우-중간 링크의 수평 스크롤 또는 잘림.
키보드 탐색에 중점을 둔 44px 이상을 누릅니다 (PWA 용).
기록을 위해 시스템 "Back" (구조, 버튼의 부스러기) 을 복제하지 마십시오.

8) 가용성 (A11y)

의미론 'nav [aria-label = "breadcrumb"]' 및 'ol> li' 를 사용하십시오.

(PHP 3 = 3.0.6, PHP 4)

참고 문헌의 대비는 WCAG AA에 해당합니다. 초점-보이는.
아이콘/구분 기호가 유일한 신호는 아닙니다 (텍스트 레이블이 있음).
DOM의 순서는 시각적 순서에 해당합니다.

9) SEO 및 데이터

컨텐츠 페이지의 경우 구조화 된 데이터 BreadbreakList (JSON-LD) 를 사용하십시오.

정식적인 PK과 안정적인 부스러기는 검색이 계층 구조를 이해하는 데

내용없이 "빈" 중간 노드를 색인화하지 마십시오 (얇은 페이지 피하기).

10) 디스플레이 패턴

클래식 시리즈: '홈 섹션 하위 섹션은 페이지' 입니다.
잘린: '홈... 카테고리 카드'.
브랜드 컨텍스트 (B2B): '브랜드 A 보고서 수익 NGR'.
부두에 앵커가있는 경우: '문서 KYC가 # 레벨 확인' (섹션 전 앵커-TOC, 부스러기).

11) 행동과 미세 상호 작용

호버/포커스는 링크 및 클릭 영역 (텍스트뿐만 아니라 전체 "크럼") 을 강조합니다.
마지막 "크럼" 에는 과부하없이 인접 엔티티 (예: 이 공급자의 다른 게임) 가있는 추가 메뉴가있을 수 있습니다.
"위로" 올라가면 캐논이 깨지지 않는 한 목록의 위치/페이지가 유지됩니다 (예: '? 페이지 = 2 ').

12) 측정 및 원격 측정

• (PHP 3 = 3.0.6, PHP 4)
• (PHP 3 = 3.0.6, PHP 4)
• (PHP 3 = 3.0.6, PHP 4)

• 사용률: 부스러기를 2 깊이로 클릭 한 사용자의 비율.
• 백 바운스: 딥 페이지에 로그온 한 직후 "백" 의 양을 줄입니다.
• 부모 시간: 더 높은 수준으로 돌아갈 시간.
• SEO CTR: 부스러기 표시 페이지의 CTR 변경.

13) iGaming의 예

B2C (카지노): '홈 베어 제공 업체는 올림푸스의 게이트를 실용적으로 플레이합니다'. 공급자의 페이지-필터 칩 (Live/Slots/Megaways); 부스러기-단지 구조.
토너먼트: '홈 토너먼트 토너먼트는 가을 컵 규칙'.
B2B (제공자): '패널 콘텐츠 릴리스 Ra Book (ID 12345)' - 마지막 요소는 클릭 할 수 없습니다. 성명서 작성 버튼 옆에 있습니다.

14) 안티 패턴

H1 단어 대 단어를 반복하는 부스러기.
구조 대신 역사적 경로 (혼돈 "문자열").
부스러기에 필터와 페이지 매김 포함 ("게임 슬롯 페이지 = 5").
마지막 부스러기는 그 자체에 대한 참조입니다.
과도한 깊이, 작은 크기, 낮은 대비- "보이지 않는 부스러기".

(PHP 3 = 3.0.6, PHP 4)

15) 구현 점검표

1. IA지도: 엔티티에 대한 표준 경로를 정의하십시오.
2. 생성기: IA/PK에서 부스러기를 만드는 기능 (추천자에 의존하지 않음).
3. 잘림: 깊이> 4의 규칙, 전체 경로로 팝오버.
4. A11y/SEO: 'nav [aria-label]', 'ol/li', 'aria-current', JSON-LD.

5. 스타일: 모바일, 나누기, 치수에 대한 AA 대비

6. 맥락: 필터/분류-부스러기가 아닌 아래 칩.
7. 원격 측정: 이벤트 클릭/확장, 부모 시간, 백 바운스.
8. 문서: 예, 사례 방지, 링크 명명 안내서.

16) 결론

1. 표준 계층을 기반으로합니다

2. 읽고 액세스 할 수 있습니

3. 필터/페이지 상태에 내성이 있으며

4. 측정 가능한 이점 (원격 측정/SEO).

그래서 그들은 실제로 사용자의 목표 경로를 탐색하고 단축시키는 데 도움이됩니다.