List

브레드크럼(경로 표시)의 실제 효용

#웹가이드

Web Guide브레드크럼경로 표시탐색 보조
브레드크럼(경로 표시)의 실제 효용
'홈 > 서비스 > 웹제작' 같은 줄을 넣을지 말지 고민되는 경우가 있습니다.
모든 사이트에 필요하지는 않습니다. 뎁스가 얕으면 오히려 공간만 차지합니다.
브레드크럼(경로 표시)의 실제 효용 관련 사진
01무엇을 해주는가
지금 어디에 있는지 알려주고, 상위 단계로 한 번에 갈 수 있게 해줍니다. 특히 검색으로 하위 페이지에 바로 들어온 사람에게 유용합니다.
메인을 거치지 않고 도착한 방문자는 이 사이트의 구조를 모릅니다. 경로 표시가 그 지도가 됩니다.
현재 위치 파악
어느 분류에 속한 페이지인지 알려줍니다.
상위로 이동
목록이나 상위 분류로 한 번에 갑니다.
구조 이해
사이트가 어떻게 나뉘어 있는지 보여줍니다.
검색 결과 표시
검색엔진 결과에 경로가 함께 노출될 수 있습니다.
02필요한 경우와 아닌 경우
뎁스가 1~2단계인 사이트에서는 경로 표시가 거의 의미가 없습니다. 메뉴만 봐도 어디인지 알 수 있기 때문입니다.
제품이 많거나 분류가 여러 층인 사이트에서는 확실히 유용합니다.
필요한 경우
뎁스 3단계 이상 · 제품·자료가 많음 · 분류가 여러 층 · 검색 유입이 많음 · 쇼핑몰, 자료실, 대형 사이트
불필요한 경우
뎁스 1~2단계 · 페이지가 적음 · 메뉴만으로 충분 · 소개형 기업 사이트 대부분
03만들 때 지킬 것
경로 표시는 작고 눈에 띄지 않아야 합니다. 보조 수단이지 주요 내비게이션이 아닙니다.
또 실제 계층 구조를 반영해야 합니다. 방문자가 지나온 경로가 아니라 사이트의 구조를 보여주는 것입니다.
위치
페이지 제목 위. 상단 메뉴 아래.
크기
본문보다 작게. 보조 정보임을 시각적으로 표현합니다.
마지막 항목
현재 페이지는 링크를 걸지 않습니다.
구분자
'>' 또는 '/'. 하나로 통일합니다.
구조 기준
방문 경로가 아니라 사이트 계층을 따릅니다.
구조화 데이터
검색 결과에 경로가 표시되게 하려면 함께 적용합니다.
04모바일에서 처리
화면이 좁으면 경로가 길어져 줄이 넘어갑니다. 중간 단계를 생략하거나 스크롤되게 처리하는 방법이 있습니다.
또는 모바일에서는 '상위로 돌아가기' 버튼 하나로 대체하는 것도 실용적입니다.
중간 생략  '홈 > ... > 현재 페이지'처럼 줄입니다.
가로 스크롤  경로가 길면 옆으로 밀 수 있게 합니다.
상위로 버튼 대체  '목록으로' 버튼 하나로 대신하는 방법.
생략  모바일에서는 아예 숨기는 것도 선택지입니다.
CHECK POINT
□  사이트 뎁스가 경로 표시를 쓸 만큼 깊은가
□  본문보다 작고 눈에 띄지 않게 되어 있는가
□  현재 페이지에 링크가 걸려 있지 않은가
□  방문 경로가 아니라 사이트 구조를 반영하는가
□  구조화 데이터를 함께 적용했는가
□  모바일에서 줄이 넘치지 않는가
뎁스가 얕은 사이트에서는 경로 표시가 공간만 차지합니다.
검색으로 하위 페이지에 바로 들어온 사람에게 가장 유용합니다.
#브레드크럼#경로 표시#탐색 보조#정보구조#구조화 데이터#모바일#사용성#홈페이지 디자인#웹비스타#홈페이지 제작
목록보기