브레드크럼 (Breadcrumb)

정의

브레드크럼(Breadcrumb)은 동화 헨젤과 그레텔에서 집으로 돌아가기 위해 빵 부스러기를 남긴 것에서 이름이 유래한 웹 내비게이션 패턴이다. 현재 페이지가 사이트 계층 구조 내 어디에 위치하는지를 시각적으로 표시한다.

SEO 관점에서 브레드크럼은 사이트 구조를 구글에 명시적으로 전달하고, BreadcrumbList 스키마를 통해 검색 결과 URL 표시를 텍스트 경로로 바꿔 CTR을 개선하는 역할을 한다.

요약

브레드크럼 도입 체크리스트: ①페이지에 텍스트 브레드크럼 UI 추가 → ②BreadcrumbList JSON-LD 스키마 추가 → ③GSC에서 리치 결과 확인. 워드프레스라면 Yoast/Rank Math가 자동 처리한다.

브레드크럼의 SEO 역할

사이트 구조 신호 전달

브레드크럼은 구글봇에게 현재 페이지가 사이트의 어느 계층에 있는지를 명확히 알려준다. 내부 링크와 함께 사이트 아키텍처를 구글이 이해하는 데 도움을 준다. 자세히는 사이트 아키텍처 항목 참조.

SERP URL 표시 개선

BreadcrumbList 스키마를 적용하면 구글 검색 결과에서 URL 대신 텍스트 경로가 표시된다.

변경 전: https://example.com/blog/seo/keyword-research/long-tail
변경 후: 홈 › SEO › 키워드 리서치

사용자가 페이지의 맥락을 즉시 이해해 클릭률(CTR)이 개선된다.

내부 링크 강화

브레드크럼의 각 항목은 상위 페이지로 연결되는 내부 링크다. 이를 통해 카테고리 페이지와 홈으로 링크 권위가 전달된다.

브레드크럼 3가지 유형

1. 계층형 (Hierarchy-based)

가장 일반적인 유형. 사이트 계층 구조를 반영한다.

홈 > SEO > 키워드 리서치 > 롱테일 키워드

콘텐츠 블로그, 전자상거래, 뉴스 사이트에 적합하다.

2. 속성형 (Attribute-based)

전자상거래에서 필터·속성을 브레드크럼으로 표시하는 방식.

홈 > 남성 > 상의 > 반팔 티셔츠

사용자가 여러 경로로 같은 상품에 도달할 수 있어 카노니컬 처리가 필요하다.

3. 방문 이력형 (History-based)

사용자가 방문한 경로를 기록해 보여주는 방식. 브라우저 히스토리와 유사하다. SEO 가치는 낮고 UX 목적으로만 사용된다.

BreadcrumbList JSON-LD 구현

기본 구조

{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "홈",
      "item": "https://example.com/"
    },
    {
      "@type": "ListItem",
      "position": 2,
      "name": "SEO",
      "item": "https://example.com/seo/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "키워드 리서치",
      "item": "https://example.com/seo/keyword-research/"
    },
    {
      "@type": "ListItem",
      "position": 4,
      "name": "롱테일 키워드",
      "item": "https://example.com/seo/keyword-research/long-tail-keywords/"
    }
  ]
}

자세히는 JSON-LD 기본 항목 참조.

구현 규칙

position은 1부터 순서대로 증가
마지막 항목(현재 페이지)의 item은 선택사항이지만 포함하는 것이 권장
name은 사용자에게 표시될 레이블로 너무 길지 않게
각 item URL은 정식(canonical) URL이어야 함

브레드크럼 HTML 마크업

스키마 외에도 HTML에 시각적 브레드크럼 UI가 필요하다. 구글은 HTML 브레드크럼 없이 JSON-LD만 있는 경우에도 처리하지만, 두 가지 모두 있는 것이 권장된다.

<nav aria-label="breadcrumb">
  <ol class="breadcrumb">
    <li><a href="/">홈</a></li>
    <li><a href="/seo/">SEO</a></li>
    <li><a href="/seo/keyword-research/">키워드 리서치</a></li>
    <li aria-current="page">롱테일 키워드</li>
  </ol>
</nav>

접근성 포인트: aria-label="breadcrumb", aria-current="page" 속성으로 스크린리더 사용자에게도 명확히 전달한다.

CMS별 브레드크럼 구현

워드프레스

Yoast SEO: 설정 > 검색 외관 > 브레드크럼에서 활성화. JSON-LD 자동 생성
Rank Math: 모듈 > 구조화 데이터에서 BreadcrumbList 자동 지원
수동: The SEO Framework, 또는 functions.php에 직접 구현

Next.js / React

const Breadcrumb = ({ items }) => (
  <>
    <nav aria-label="breadcrumb">
      <ol>
        {items.map((item, index) => (
          <li key={index}>
            {index < items.length - 1 ? (
              <a href={item.url}>{item.name}</a>
            ) : (
              <span aria-current="page">{item.name}</span>
            )}
          </li>
        ))}
      </ol>
    </nav>
    <script type="application/ld+json">
      {JSON.stringify({
        '@context': 'https://schema.org',
        '@type': 'BreadcrumbList',
        itemListElement: items.map((item, index) => ({
          '@type': 'ListItem',
          position: index + 1,
          name: item.name,
          item: item.url,
        })),
      })}
    </script>
  </>
)

브레드크럼 검증

Google Rich Results Test

구현 후 Google Rich Results Test에서 URL을 입력해 BreadcrumbList가 올바르게 인식되는지 확인한다.

GSC 리치 결과 리포트

GSC → 검색 외관 → 리치 결과에서 브레드크럼 항목의 유효성 오류를 확인한다. 일반적 오류:

name 필드 누락
position이 순서대로 증가하지 않음
item URL이 유효하지 않거나 리다이렉트됨

한국 시장 적용

한국어 브레드크럼 표시

한국어 사이트에서 브레드크럼 name 필드는 한국어 레이블을 사용해도 된다. 구글은 한국어 텍스트를 그대로 SERP에 표시한다.

{
  "name": "SEO 가이드"
}

네이버와 브레드크럼

네이버는 자체 검색 결과에서 BreadcrumbList 구조화 데이터를 지원한다. 네이버 웹마스터도구(네이버 서치어드바이저)에서 구조화 데이터 검증이 가능하다.

한국 전자상거래에서의 브레드크럼

카페24, 고도몰 같은 한국 커머스 플랫폼은 기본적으로 브레드크럼 HTML을 제공하지만 JSON-LD 스키마는 수동으로 추가해야 하는 경우가 많다. 플랫폼의 템플릿 파일을 수정해 스키마를 삽입한다.

자주 묻는 질문

Q. 브레드크럼을 추가하면 순위가 오르나요?
A. 직접 순위 신호는 아니다. 브레드크럼의 주요 SEO 효과는 구조 신호 전달과 CTR 개선을 통한 간접 효과다. SERP에서 텍스트 경로가 표시되면 사용자가 페이지 맥락을 파악해 클릭할 가능성이 높아진다.

Q. 단일 페이지(홈)에서도 브레드크럼이 필요한가요?
A. 홈페이지는 브레드크럼이 필요 없다. 브레드크럼은 계층이 2단계 이상인 페이지(카테고리 페이지, 상세 페이지)에 적용한다.

Q. 같은 페이지에 여러 브레드크럼 경로가 있으면 어떻게 하나요?
A. 전자상거래에서 상품이 여러 카테고리에 속하는 경우 여러 BreadcrumbList를 정의하거나 가장 적절한 하나를 선택한다. 구글은 여러 BreadcrumbList 중 하나를 선택해 표시하거나, 카노니컬 URL에 기반해 결정한다.

Q. 브레드크럼의 링크 텍스트(앵커 텍스트)는 SEO에 영향을 주나요?
A. 그렇다. 브레드크럼의 링크 텍스트는 상위 카테고리 페이지로의 앵커 텍스트 신호가 된다. 카테고리 이름을 키워드가 포함된 명확한 레이블로 사용하면 상위 페이지의 관련성 신호에 기여한다. 자세히는 앵커 텍스트 항목 참조.

Q. 모바일에서도 브레드크럼이 SERP에 표시되나요?
A. 그렇다. 구글 모바일 검색 결과에서도 URL 대신 브레드크럼 텍스트 경로가 표시된다. 모바일 퍼스트 색인 환경에서 모바일 페이지에도 동일한 BreadcrumbList 스키마를 적용해야 한다.