
웹사이트를 운영하다 보면 사용자가 현재 어느 페이지에 있는지 알려주는 브레드크럼(사이트 이동경로)을 보신 적이 있을 겁니다. 하지만 많은 분들이 모르는 사실이 하나 있습니다. 브레드크럼을 잘못 설정하면 SEO에 악영향을 미칠 수 있다는 점입니다
이번 포스팅에서는 브레드크럼 SEO 최적화 방법과 절대 하지 말아야 할 설정에 대해 초보자도 쉽게 이해할 수 있도록 설명드리겠습니다.
브레드크럼(BreadcrumbList)이란?
브레드크럼은 사용자가 웹사이트 내에서 현재 위치를 파악하고 쉽게 다른 페이지로 이동할 수 있도록 도와주는 네비게이션 요소입니다.
구글의 공식 문서에 따르면, “브레드크럼은 페이지의 사이트 계층구조에서의 위치를 나타내며, 사용자가 사이트를 효과적으로 이해하고 탐색하는 데 도움이 될 수 있습니다”.
예를 들어 다음과 같은 형태로 표시됩니다:홈 > 카테고리 > 하위카테고리 > 현재 페이지
이는 헨젤과 그레텔 동화에서 길을 잃지 않기 위해 빵 부스러기를 뿌린 것처럼, 사용자가 사이트에서 길을 잃지 않도록 도와주는 역할을 합니다.
브레드크럼의 SEO 효과
브레드크럼을 올바르게 설정하면 다음과 같은 SEO 효과를 얻을 수 있습니다:
- 검색엔진이 사이트 구조를 쉽게 이해하여 크롤링 효율성 향상
- 검색 결과에 이동 경로 표시로 클릭률(CTR) 증가
- 사용자 경험 개선으로 이탈률 감소
- 내부 링크 구조 강화로 페이지 권위도 향상
구글은 “브레드크럼 마크업을 사용하여 검색 결과에서 페이지의 정보를 분류”한다고 공식적으로 발표했습니다.
절대 하지 말아야 할 브레드크럼 설정
“HOME”, “TOP” 같은 일반적인 단어 사용 금지
네이버 서치어드바이저 공식 가이드에 따르면, 브레드크럼의 name
속성에는 “top”, “홈” 등 일반적인 단어가 아닌 페이지를 잘 설명하는 텍스트를 사용해야 합니다.
속성 | 필수여부 | 올바른 예시 |
---|---|---|
name | 필수 | ❌ “홈”, “TOP” → ✅ “사이트명”, “메인” |
position | 선택 | 계층 구조의 번호 |
잘못된 설정이 SEO에 미치는 악영향
네이버와 구글 모두 다음과 같은 이유로 일반적인 단어 사용을 권하지 않습니다:
- 키워드 무의미화: “HOME”, “TOP” 같은 일반적인 단어는 검색엔진이 무시할 수 있습니다
- 사이트 구조 인식 방해: 검색엔진이 페이지 계층구조를 정확히 파악하지 못합니다
- 검색 결과 최적화 실패: 구글 검색 결과에서 의미 있는 경로가 표시되지 않습니다
올바른 브레드크럼 설정 방법
제게 워드프레스 제작의뢰를 맡기신 경우, 이미 기본적으로 설정이 되어 있기 때문에 신경쓰지 않으셔도 됩니다.
1. Schema.org 마크업 사용
브레드크럼 SEO 최적화를 위해서는 Schema.org 표준을 따른 JSON-LD 형식의 구조화된 데이터를 사용해야 합니다. 구글은 “BreadcrumbList를 정의하려면 최소 두 개의 ListItem을 포함해야 한다”고 명시하고 있습니다.
json<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"name": "사이트명",
"item": "https://example.com"
},
{
"@type": "ListItem",
"position": 2,
"name": "블로그",
"item": "https://example.com/blog"
}
]
}
</script>
2. HTML 마크업 구현
구글은 HTML 브레드크럼 블록도 함께 구현할 것을 권장합니다:
xml<nav aria-label="breadcrumb">
<ol>
<li><a href="/">사이트명</a></li>
<li><a href="/blog">블로그</a></li>
<li aria-current="page">현재 페이지 제목</li>
</ol>
</nav>
3. 플랫폼별 설정 방법
워드프레스의 경우:
- Yoast SEO 플러그인의 브레드크럼 기능 활용
- Rank Math SEO 플러그인 사용
티스토리의 경우:
- 스킨별 브레드크럼 설정 코드 적용
- 유료 스킨의 내장 브레드크럼 기능 활용
브레드크럼 최적화 체크리스트
구글과 네이버의 공식 가이드라인을 종합하면 다음 사항들을 확인해야 합니다:
✅ 구체적이고 의미 있는 텍스트 사용 (예: “전자제품” > “스마트폰” > “아이폰”)
✅ Schema.org 마크업 적용으로 검색엔진 인식 향상
✅ 모바일 친화적 디자인으로 다양한 기기에서 접근성 보장
✅ 키워드가 포함된 앵커 텍스트 사용으로 SEO 효과 극대화
✅ 논리적인 계층 구조 유지로 사용자 경험 개선
마무리
브레드크럼 SEO 최적화는 한 번 제대로 설정해 놓으면 지속적으로 효과를 발휘하는 중요한 요소입니다. “HOME”, “TOP” 같은 일반적인 단어 대신 페이지를 정확히 설명하는 키워드를 사용하여 검색엔진과 사용자 모두에게 도움이 되는 사이트를 만들어보세요.
네이버는 “구조화된 데이터를 정상적으로 마크업했을 경우라도 검색결과에 반영된다고 보장하지 않는다”고 명시하고 있지만, 올바른 마크업은 검색 엔진이 콘텐츠를 더 잘 이해하는 데 도움이 됩니다.
댓글