song-ps

브레드크럼_경로

5 min read

브레드크럼 경로

브레드크럼 경로(Breadcrumbs path)는 웹사이트나 애플리케이션 내에서 사용자의 현재 위치를 시각적으로 보여주는 보조 탐색(Secondary Navigation) 시스템이다.

이 용어는 그림형제(Brothers Grimm)의 동화 ‘헨젤과 그레텔(Hansel and Gretel)‘에서 숲 속에서 길을 잃지 않기 위해 빵 부스러기를 떨어뜨린 일화에서 유래했다. 웹 인터페이스에서는 주로 페이지의 상단에 가로로 나열된 텍스트 링크 형태로 제공되며, 각 계층 수준은 보통 보다 큰 기호(>), 슬래시(/) 등으로 구분된다. (예: Home > Electronics > Smartphones)

주요 기능 및 이점

  1. 사용자 경험(UX) 향상: 사용자가 웹사이트의 구조를 직관적으로 인지하고, 브라우저의 ‘뒤로 가기’ 버튼을 누르지 않아도 상위 카테고리 직전 단계로 빠르게 이동할 수 있도록 지원한다.
  2. 이탈률(Bounce Rate) 제어: 사용자가 랜딩 페이지의 콘텐츠에 만족하지 않더라도, 사이트를 즉시 이탈하지 않고 상위 범위의 연관 섹션을 탐색하도록 유도하는 진입점 역할을 한다.
  3. 검색 엔진 최적화(SEO) 지원: 구글(Google) 등의 검색 크롤러는 브레드크럼 데이터를 활용하여 웹사이트의 아키텍처를 이해한다. 구조화된 데이터(Structured Data)로 구현될 경우, 검색 결과 페이지(SERP)에 URL 대신 브레드크럼이 노출되어 사용자의 클릭률(CTR)을 높인다.

브레드크럼은 작동 방식과 목적에 따라 크게 세 가지 주요 유형으로 분류된다. 해당 세부 비교는 다음 표와 같다.

브레드크럼 유형기준 (Basis)작동 구조 및 특징탐색 예시
계층 기반 (Hierarchy-based)웹사이트의 논리적 정보 구조사용자가 페이지에 진입한 실제 경로와 무관하게, 사이트 전체 트리(Tree) 구조상의 정적 위치를 표시한다. 가장 보편적인 형태다.Home > Clothing > Men > Shirts
속성 기반 (Attribute-based)페이지 내 메타데이터 및 필터주로 전자상거래 환경에서 사용자가 선택한 정렬 기준, 필터, 태그 등의 동적 속성을 나열한다.Home > Shoes > [Size 10] > [Black]
히스토리 기반 (History-based)사용자의 실제 브라우징 순서사용자가 클릭 체인을 통해 거쳐온 페이지의 물리적 방문 순서를 표시한다. 브라우저의 기본 ‘뒤로 가기’ 기능과 중복되어 현대 UX 설계에서는 잘 사용되지 않는다.Home > Search > Promo Page > Item

출처(Sources)

Entities

Graph View