Breadcrumb JSON-LD 생성기

Breadcrumb JSON-LD 생성기 사용 가이드

'홈 › 여성 의류 › 원피스'처럼 페이지가 사이트 어디에 있는지 보여 주는 경로를 이동 경로(breadcrumb)라고 합니다. BreadcrumbList 구조화 데이터를 넣으면 검색결과의 주소 자리에 이 경로가 표시될 수 있습니다.

이 생성기는 상위 경로를 위에서 아래 순서로 '이름|주소' 한 줄씩 받아 ListItem으로 바꾸고 position을 1부터 매깁니다. 두 번째 칸에 현재 페이지 이름을 적으면 마지막 단계로 추가하는데, 현재 페이지는 주소를 생략해도 되는 규격에 맞춰 이름만 넣습니다.

각 주소가 전체 주소인지 확인하고, | 기호가 없는 줄은 몇 번째 줄인지 알려 줍니다. 경로가 한 단계뿐이면 두 단계 이상일 때 의미가 있다고 안내합니다.

사용 방법

1. 1'상위 경로 (한 줄에 하나: 이름|주소, 위에서 아래로)'에 홈부터 순서대로 적습니다.
2. 2'현재 페이지 이름 (선택 · 마지막 단계로 추가)'에 지금 페이지 이름을 적습니다.
3. 3'실행'을 누르면 BreadcrumbList script 태그가 나옵니다.
4. 4페이지에 보이는 이동 경로와 같은 순서·이름인지 확인하고 붙여 넣습니다.

홈|https://shop.example.com/
여성 의류|https://shop.example.com/women
원피스|https://shop.example.com/women/dress
현재 페이지: 린넨 오버핏 원피스

"itemListElement": [
  { "@type": "ListItem", "position": 1, "name": "홈", "item": "https://shop.example.com/" },
  { "@type": "ListItem", "position": 2, "name": "여성 의류", "item": "https://shop.example.com/women" },
  { "@type": "ListItem", "position": 3, "name": "원피스", "item": "https://shop.example.com/women/dress" },
  { "@type": "ListItem", "position": 4, "name": "린넨 오버핏 원피스" }
]

이럴 때 쓰면 좋아요

• 쇼핑몰 상품 상세에 카테고리 경로를 표시할 때
• 블로그 글에 '홈 › 카테고리 › 글' 경로를 알릴 때
• 검색결과의 주소 표시를 읽기 쉬운 경로로 바꾸고 싶을 때
• 카테고리 구조를 바꾼 뒤 구조화 데이터를 다시 만들 때

문제가 생겼을 때

활용 팁

• 홈 단계는 생략해도 되지만 넣으면 경로가 더 명확해집니다.
• 카테고리 이름이 너무 길면 검색결과에서 잘리니 짧은 이름을 쓰세요.
• 상품 정보는 Product JSON-LD로 따로 만들어 같은 페이지에 함께 넣으면 됩니다.

자주 묻는 질문