설정
유연한 가시성 제어를 통해 Shopify 스토어 전반에 걸쳐 Breadcrumbs & Categories가 표시되는 위치를 구성하세요.
Breadcrumbs & Categories 작동 방식
Breadcrumbs & Categories는 컬렉션 트리 구조를 기반으로 자동으로 생성됩니다. 트리 뷰에서 컬렉션을 구성하면 앱이 자동으로 다음을 수행합니다:
Breadcrumbs & Categories 탐색 경로 생성
SEO 친화적인 JSON-LD 구조화 데이터 생성
트리를 수정할 때 실시간으로 업데이트
설정에 따라 스토어프런트에 표시
Home › Women › Dresses › Summer DressesBreadcrumbs & Categories 설정
설정 페이지에서는 스토어에서 Breadcrumbs & Categories가 어디에 표시될지 제어할 수 있습니다. 각 설정에는 특정 페이지 유형에 대해 Breadcrumbs & Categories를 활성화하거나 비활성화할 수 있는 토글 스위치가 있습니다.
블로그 페이지에서 활성화
토글: 켜기/끄기 설명: 블로그 페이지에 Breadcrumbs & Categories 표시
활성화 시:
블로그 목록 페이지에 Breadcrumbs & Categories가 표시됩니다
독자가 메인 블로그나 홈으로 쉽게 돌아갈 수 있도록 도움
예시:
Home › Blog
사용 사례:
활성 블로그가 있는 스토어
콘텐츠 마케팅 사이트
SEO를 위해 블로그를 사용하는 스토어
개별 기사 페이지에서 활성화
토글: 켜기/끄기 설명: 개별 기사 페이지에 Breadcrumbs & Categories를 표시하여 블로그 페이지로의 명확한 탐색 지원
활성화 시:
개별 블로그 게시물 페이지에 Breadcrumbs & Categories가 표시됩니다
홈 → 블로그 → 기사 경로 표시
예시:
Home › Blog › How to Style Summer Dresses
사용 사례:
블로그 탐색 개선
블로그 게시물 이탈률 감소
독자가 관련 콘텐츠를 찾도록 도움
검색 결과에서 활성화
토글: 켜기/끄기 설명: 검색 결과 페이지에 Breadcrumbs & Categories 표시
활성화 시:
Breadcrumbs & Categories가
/search페이지에 표시됩니다사용자가 검색 결과에서 벗어나도록 도움
예시:
Home › Search Results
사용 사례:
검색 사용자에게 더 나은 UX 제공
검색에서 나가는 경로 제공
일관된 탐색 유지
페이지(소개, 연락처 등)에서 활성화
토글: 켜기/끄기 설명: 일반 콘텐츠 페이지(예: 소개, 연락처)에 Breadcrumbs & Categories를 표시하여 탐색 일관성 유지
활성화 시:
정적 페이지에 Breadcrumbs & Categories가 표시됩니다
소개, 연락처, FAQ, 약관, 개인정보처리방침 등에 적용
예시:
Home › About Us
사용 사례:
모든 페이지에서 일관된 탐색
사용자가 홈/주요 섹션으로 쉽게 돌아가도록 도움
전문적인 사이트 구조
상품 페이지에서 활성화
토글: 켜기/끄기 설명: 상품 상세 페이지에 Breadcrumbs & Categories 표시
활성화 시:
Breadcrumbs는 모든 제품 페이지에 표시됩니다
제품에 대한 카테고리 계층 경로를 표시합니다
예:
Home › Women › Dresses › Summer Floral Dress
사용 사례:
전자상거래 내비게이션에 필수적입니다
고객이 제품 분류를 이해하는 데 도움을 줍니다
구조화된 데이터로 SEO를 향상시킵니다
내비게이션 옵션을 제공하여 이탈률을 줄입니다
컬렉션 페이지에서 활성화
토글: 켜기/끄기 설명: 컬렉션 페이지에 Breadcrumbs를 표시합니다
활성화 시:
Breadcrumbs가 컬렉션 목록 페이지에 표시됩니다
컬렉션 계층 구조를 보여줍니다
예:
Home › Women › Dresses
사용 사례:
상위 및 하위 컬렉션 간 탐색
고객에게 컬렉션 계층 구조를 보여줍니다
컬렉션 페이지 SEO 향상
더 나은 탐색 사용자 경험 제공
컬렉션 목록 페이지에서 활성화
토글: 켜기/끄기 설명: 명확한 사이트 내비게이션을 위해 메인 "All Collections" 페이지에 Breadcrumbs를 표시합니다
활성화 시:
Breadcrumbs가
/collections페이지에 표시됩니다홈으로 돌아가는 간단한 경로
예:
Home › Collections
사용 사례:
컬렉션 개요 페이지에서 일관된 내비게이션
사용자가 홈페이지로 쉽게 돌아갈 수 있도록 도움
전문적인 외관 제공
스마트 동작
향상된 사용자 경험을 위한 고급 Breadcrumb 기능입니다.
방문자 내비게이션 경로 따르기
토글: 켜기/끄기 설명: Breadcrumbs가 방문자가 제품에 도달하기 위해 거친 컬렉션 경로에 동적으로 적응합니다
활성화 시:
Breadcrumbs가 실제 탐색 경로를 반영합니다
같은 제품이라도 방문한 컬렉션에 따라 다른 경로를 표시합니다
여러 컬렉션에 속한 제품에 적합합니다
예: - 방문자가 Volvo 컬렉션을 탐색 → 제품에 표시:
Home › Trucks › Volvo › Product- 같은 방문자가 Scania 컬렉션을 탐색 → 같은 제품에 표시:Home › Trucks › Scania › Product
비활성화 시:
Breadcrumbs는 기본 컬렉션(설정된 경우) 또는 가장 깊은 컬렉션을 사용합니다
모든 방문자에게 일관된 경로 제공
예:
Home › Trucks › Default Collection › Product
사용 사례:
다중 브랜드 매장(같은 제품이 다른 브랜드 컬렉션에 있는 경우)
카테고리 및 시즌 컬렉션에 모두 속한 제품
복잡한 컬렉션 계층 구조를 가진 매장
고객의 내비게이션 인지 모델과 더 잘 일치
중요 참고 사항:
SEO 구조화 데이터는 항상 안정적인 순위를 위해 기본 컬렉션(설정된 경우)을 사용합니다
새 탭에서 제품을 열어도 경로가 기억됩니다
모든 테마에서 작동합니다
국제화 (i18n)
스토어 언어 설정에 따라 50개 이상의 언어로 Breadcrumb 레이블을 자동 번역합니다.
자동 번역 활성화
토글: 켜기/끄기 설명: 스토어 언어에 따라 기본 Breadcrumb 텍스트를 번역합니다 (예: lang="vi" → "Home"이 "Trang chủ"로 변경됨)
활성화 시:
Breadcrumb 레이블이 스토어 언어에 맞게 자동 번역됩니다
베트남어, 프랑스어, 독일어, 스페인어, 중국어, 일본어, 한국어, 아랍어, 러시아어 등 52개 언어를 지원합니다
번역은
<html lang="...">속성에 따라 즉시 적용됩니다예시:
Vietnamese: Home → Trang chủ, Collections → Bộ sưu tập, Search for → Tìm kiếm
French: Home → Accueil, Collections → Collections, Search for → Rechercher
Spanish: Home → Inicio, Collections → Colecciones, Search for → Buscar
Arabic: Home → الصفحة الرئيسية, Collections → المجموعات, Search for → البحث عن
Russian: Home → Главная, Collections → Коллекции, Search for → Поиск
비활성화 시:
Breadcrumbs는 영어(또는 theme editor의 사용자 지정 텍스트)로 표시됩니다
자동 번역이 적용되지 않습니다
번역되는 항목:
✅ Home, All products, Collections, Search for
✅ Blog, News, Pages, Articles, Products
❌ 컬렉션 이름(설정한 대로 유지됨)
❌ theme editor의 사용자 지정 텍스트(예: "Homepage" 대신 "Home")
사용 사례:
다국어로 판매하는 국제 매장
비영어권 시장을 대상으로 하는 매장
글로벌 고객을 위한 더 나은 현지화
다국어 매장을 위한 향상된 사용자 경험
중요 참고 사항:
theme editor의 기본 텍스트 값에서만 작동합니다
"Homepage" 또는 "Shop All" 같은 사용자 지정 텍스트는 번역되지 않습니다
컬렉션 이름은 그대로 유지됩니다(시스템 레이블만 번역됨)
SEO 구조화 데이터는 일관된 인덱싱을 위해 영어로 유지됩니다
지원 설정
앱 내 Support 페이지를 통해 지원팀에 문의할 때 업데이트 수신 방식을 관리하세요.
지원 티켓 이메일 알림
토글: ON/OFF 설명: 지원 티켓에 새 답변이나 업데이트가 있을 때 이메일 알림을 받습니다.
활성화 시:
팀이 티켓에 답변하면 이메일을 받습니다
앱을 계속 확인하지 않아도 업데이트를 추적할 수 있습니다
여러 직원이 지원 요청을 관리하는 매장 소유자 및 팀에 권장됩니다
비활성화 시:
Support 페이지를 정상적으로 사용할 수 있습니다
답변을 확인하려면 앱 내 Support 인박스를 확인해야 합니다
알림은 어디로 전송되나요?
알림은 매장의 기본 이메일 주소로 전송됩니다
Shopify에서 매장 이메일이 변경되면 이후 알림은 업데이트된 이메일로 전송됩니다
권장 설정
전자상거래 매장을 위한
활성화:
✅ 제품 페이지(전자상거래에 필수)
✅ 컬렉션 페이지(전자상거래에 필수)
✅ 컬렉션 목록 페이지
✅ 검색 결과(사용자 경험 향상)
⚪ 블로그 페이지(블로그가 있는 경우)
⚪ 기사 페이지(블로그 기사가 있는 경우)
⚪ 페이지(선택 사항 - 소개, 연락처 등)
⚪ 방문자 탐색 경로 추적(제품이 여러 컬렉션에 속한 경우)
⚪ 자동 번역 활성화(국제 판매 시)
콘텐츠가 많은 매장을 위한
활성화:
✅ 제품 페이지
✅ 컬렉션 페이지
✅ 블로그 페이지
✅ 아티클 페이지
✅ 페이지 (About, Contact, FAQ 등)
✅ 검색 결과
✅ Collections List page
⚪ 방문자 탐색 경로 따라가기 (선택 사항)
⚪ 자동 번역 활성화 (다국어 콘텐츠인 경우)
최소 설정
활성화:
✅ 제품 페이지만
✅ 컬렉션 페이지만
⚪ 최소한의 Breadcrumbs 표시를 위해 다른 토글은 OFF로 유지
모범 사례
각 설정을 활성화할 시기
제품 및 컬렉션 페이지:
전자상거래 스토어에 필수
고객이 제품 분류를 이해하는 데 도움
구조화된 데이터로 SEO 향상
명확한 탐색 경로 제공으로 이탈률 감소
카테고리 계층 구조를 명확히 표시
Collections List Page:
컬렉션이 많은 스토어에 활성화
개요 페이지에서 일관된 탐색 제공
사용자가 홈페이지로 쉽게 돌아갈 수 있도록 도움
블로그 및 아티클 페이지:
정기적으로 블로그 콘텐츠를 게시하는 경우 활성화
독자가 콘텐츠 계층 구조를 탐색하는 데 도움
블로그 게시물 SEO 향상
아티클에서 이탈률 감소
검색 결과:
복잡한 카탈로그를 가진 스토어에 활성화
"결과 없음" 페이지에서 사용자가 돌아갈 수 있는 경로 제공
전반적인 탐색 UX 향상
일관된 탐색 유지
일반 페이지:
전문적인 외관을 위해 활성화
정적 페이지가 많은 스토어에 유용 (About, FAQ, 정책 등)
사이트 전체에 일관된 탐색 생성
사용자가 길을 찾는 데 도움
팁
필수부터 시작하세요: 먼저 제품 및 컬렉션 페이지 활성화
모바일에서 테스트하세요: Breadcrumbs가 작은 화면을 어지럽히지 않는지 확인
스토어 유형에 맞게 조정하세요: 전자상거래 스토어는 제품/컬렉션 Breadcrumbs를 우선시해야 함
사용자 행동 모니터링: Breadcrumbs가 탐색 지표를 개선하는지 확인
선택적으로 활성화: 필요하지 않으면 모든 설정을 켜지 마세요
테마를 고려하세요: 일부 테마는 내장 Breadcrumbs가 있어 충돌할 수 있음