브레드크럼 내비게이션
브레드크럼 내비게이션(Breadcrumb Navigation)은 웹페이지 상단에 표시되는 경로형 내부 링크로, 사용자가 사이트 계층 구조에서 현재 어느 위치에 있는지를 보여줍니다. 예: 홈 > 블로그 > SEO > 브레드크럼 내비게이션. 동화 '헨젤과 그레텔'에서 길을 표시하기 위해 빵 부스러기(breadcrumb)를 떨어뜨린 데서 이름이 유래했습니다.
브레드크럼 내비게이션(Breadcrumb Navigation)은 웹페이지 상단에 표시되는 경로형 내부 링크로, 사용자가 사이트 계층 구조에서 현재 어느 위치에 있는지를 보여줍니다. 예: 홈 > 블로그 > SEO > 브레드크럼 내비게이션. 동화 '헨젤과 그레텔'에서 길을 표시하기 위해 빵 부스러기(breadcrumb)를 떨어뜨린 데서 이름이 유래했습니다.
왜 중요한가
브레드크럼은 사용자 경험과 SEO 모두에 기여합니다. 사용자에게는 현재 위치를 직관적으로 알려주고 상위 카테고리로의 이동을 쉽게 합니다. SEO 측면에서는 검색 엔진이 사이트 구조를 이해하는 데 도움을 주고, 일관된 내부 링크 구조를 형성하여 링크 에퀴티를 효율적으로 분배합니다. Google은 2018년부터 검색 결과에 URL 대신 브레드크럼 경로를 표시하고 있어, 구조화 데이터로 구현하면 검색 결과의 가독성도 높아집니다.
브레드크럼의 유형
계층형(Hierarchy-based): 사이트 구조를 기반으로 현재 페이지의 위치를 표시합니다. 가장 일반적인 형태입니다.
홈 > 카테고리 > 하위 카테고리 > 현재 페이지
경로형(Path-based): 사용자가 실제로 이동한 경로를 보여줍니다. 뒤로가기 버튼과 유사하여 현재는 잘 사용되지 않습니다.
속성형(Attribute-based): 제품 페이지에서 필터링된 속성을 표시합니다.
홈 > 의류 > 남성 > 반팔 > XL
SEO 효과
검색 결과 표시 개선: BreadcrumbList 구조화 데이터(JSON-LD)를 적용하면 Google이 검색 결과에서 URL 대신 브레드크럼 경로를 표시합니다. 사용자에게 페이지의 맥락을 미리 전달하여 클릭률이 향상됩니다.
사이트 구조 이해: 검색 엔진 크롤러가 페이지 간 계층 관계를 더 잘 파악할 수 있습니다.
내부 링크 강화: 브레드크럼의 각 단계가 내부 링크로 작동하여 상위 페이지의 권위를 강화합니다.
AI 검색 최적화: 구조화 데이터는 LLM이 콘텐츠의 맥락과 위치를 이해하는 데 도움을 주어 AI 검색 인용 가능성을 높입니다.
베스트 프랙티스
- 브레드크럼은 페이지 상단, 메인 콘텐츠 위에 배치합니다
- 마지막 항목(현재 페이지)은 링크가 아닌 일반 텍스트로 표시합니다
- BreadcrumbList JSON-LD 구조화 데이터를 함께 구현합니다
- 모바일에서도 잘 표시되도록 반응형으로 설계합니다
- 사이트의 실제 URL 구조와 브레드크럼 경로를 일치시킵니다
Sources:
- SEO breadcrumbs: Structure, benefits & best practices - Search Engine Land
- What Are Breadcrumbs? SEO Implications & Best Practices - Semrush
- What is Breadcrumb Navigation? - Ahrefs
관련 인블로그 게시물
inblog에서 활용하기
inblog 블로그에서 카테고리 구조를 체계적으로 설정하면 브레드크럼이 자동으로 생성됩니다. 예를 들어 블로그 > SEO > 메타 태그 작성법처럼 포스트의 위치가 명확히 표시되어 방문자가 관련 콘텐츠를 쉽게 탐색할 수 있고, 검색 결과에서도 사이트 구조가 깔끔하게 노출됩니다.