브레드크럼 Schema 예시

항목당 한 줄: 이름 | URL

좋은 브레드크럼 Schema 예시에는 Google이 읽는 모든 필드가 들어 있습니다. 목록 유형, 각 단계의 위치, 이름, URL입니다. 아래 예시를 참고한 뒤 위 도구에 내 탐색경로를 입력하면 같은 구조에 내 페이지가 채워진 코드를 얻을 수 있습니다.

예시를 내 마크업으로 바꾸는 방법

  1. 1

    줄 형식 따라 하기

    단계마다 한 줄씩 "이름 | URL" 형태로 입력합니다. 첫 줄은 예를 들어 홈 | https://example.com/ 입니다.

  2. 2

    더 깊은 단계 추가

    둘째 줄에 섹션을, 마지막 줄에 현재 페이지를 각각 전체 URL과 함께 적습니다.

  3. 3

    생성

    결과 화면으로 이동하면 도구가 1부터 번호를 매기고 script 태그를 만듭니다.

  4. 4

    예시와 비교

    출력에 샘플과 같은 키가 있는지 확인한 뒤 복사 버튼을 누릅니다.

3단계 페이지의 완전한 예시

https://example.com/blog/breadcrumb-basics/ 에 있는 블로그 글을 가정합니다. 화면에 보이는 탐색경로는 홈, 블로그, 브레드크럼 기초입니다. 도구에는 이렇게 입력합니다.

홈 | https://example.com/
블로그 | https://example.com/blog/
브레드크럼 기초 | https://example.com/blog/breadcrumb-basics/

생성되는 출력은 다음과 같습니다.

<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/"
    },
    {
      "@type": "ListItem",
      "position": 3,
      "name": "브레드크럼 기초",
      "item": "https://example.com/blog/breadcrumb-basics/"
    }
  ]
}
</script>

각 부분의 역할

필드 의미
@context 사용하는 어휘가 schema.org임을 파서에 알립니다.
@type: BreadcrumbList 이 블록이 탐색경로를 설명한다고 선언합니다.
itemListElement 단계를 순서대로 담는 배열입니다.
position 단계 번호로, 최상위가 1입니다.
name 탐색경로에 표시되는 라벨입니다.
item 해당 단계의 URL입니다.

예시를 내 사이트에 맞게 바꾸기

순서는 사이트 최상위에서 현재 페이지까지로 유지합니다. 방문자가 화면의 탐색경로에서 보는 라벨을 그대로 쓰고, URL은 프로토콜을 포함한 전체 주소로 적습니다. 이름이나 URL이 없는 줄은 건너뛰므로 번호에 빈 곳이 생기지 않습니다. 도구는 마지막 단계에도 URL을 적어 주며, 이는 유효한 마크업입니다.

더 깊은 페이지는 줄을 더 추가하면 됩니다. 깊이 5의 상품 페이지는 위치 1부터 5까지 다섯 개 항목이 됩니다.

내 출력 읽어 보기

생성한 뒤에는 샘플과 위에서 아래로 비교해 보세요. 첫 항목은 위치 1의 홈이어야 하고, 마지막 항목은 마크업이 들어가는 페이지 자신의 URL이어야 합니다. 이름이 이상하면 해당 줄을 고쳐 다시 생성하면 되고, 바뀌는 것은 번호뿐이며 도구가 알아서 갱신합니다.

더 얕은 페이지, 예를 들어 홈 바로 아래의 회사 소개 페이지라면 예시는 두 항목으로 줄어듭니다. 구조는 그대로이고 ListItem의 개수만 달라지며, 그 개수는 도구가 처리합니다.

자주 묻는 질문

이름과 URL을 내 것으로 바꾼 뒤에만 쓰세요. example.com은 자리표시자이며, 존재하지 않거나 화면의 탐색경로와 맞지 않는 페이지를 가리키는 마크업은 무시될 수 있습니다.

페이지가 가진 단계 수만큼입니다. 보통 2~5단계이며, 도구는 줄 수에 제한을 두지 않습니다.

결과가 바로 붙여넣을 수 있는 application/ld+json 형식의 블록이기 때문입니다. 페이지의 head나 body에 넣고 다른 태그로 감싸지 마세요.

그 줄은 건너뛰며 번호도 받지 않습니다. 파이프 문자 뒤에 URL을 추가하면 그 단계가 포함됩니다.

관련 도구

이 도구는 다른 언어로도 제공됩니다

사용 가이드와 활용 사례