브레드크럼 Schema 예시
좋은 브레드크럼 Schema 예시에는 Google이 읽는 모든 필드가 들어 있습니다. 목록 유형, 각 단계의 위치, 이름, URL입니다. 아래 예시를 참고한 뒤 위 도구에 내 탐색경로를 입력하면 같은 구조에 내 페이지가 채워진 코드를 얻을 수 있습니다.
예시를 내 마크업으로 바꾸는 방법
-
1
줄 형식 따라 하기
단계마다 한 줄씩 "이름 | URL" 형태로 입력합니다. 첫 줄은 예를 들어 홈 | https://example.com/ 입니다.
-
2
더 깊은 단계 추가
둘째 줄에 섹션을, 마지막 줄에 현재 페이지를 각각 전체 URL과 함께 적습니다.
-
3
생성
결과 화면으로 이동하면 도구가 1부터 번호를 매기고 script 태그를 만듭니다.
-
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을 추가하면 그 단계가 포함됩니다.
관련 도구
UTM 링크 빌더
UTM의 source, medium, campaign, term, content 파라미터로 캠페인 추적 URL을 만듭니다. 광고와 뉴스레터에 바로 쓸 수 있는 깔끔한 URL 인코딩 링크.
UTM 파서
캠페인 URL을 붙여넣으면 다섯 개의 표준 UTM 태그(source, medium, campaign, term, content)를 각 값이 디코딩된 상태로 읽어줍니다. 추적 링크를 보내기 전에 빠르게 점검하는 방법입니다.
SERP 미리보기
게시하기 전에 구글 검색 결과를 미리 확인하세요. 실시간 글자 수 카운터가 너무 긴 제목과 메타 설명을 알려주고, 구글 스타일 스니펫으로 결과가 어떻게 보이는지 보여줍니다.
사이트맵 생성기
URL 목록을 붙여넣어 changefreq, priority, 선택적 lastmod가 포함된 유효한 XML 사이트맵을 생성하세요. 저장해 Search Console에 제출할 준비가 됩니다.
보안 헤더 분석기
HTTP 응답 헤더를 붙여넣으면 중요한 보안 헤더에 대한 우선순위별 조언을 받을 수 있습니다: Content-Security-Policy, Strict-Transport-Security, X-Frame-Options, Referrer-Policy 등.
URL에서 SERP 스니펫 미리보기
URL을 붙여넣고 그 제목, 메타 설명, 표준 URL이 구글 스니펫으로 어떻게 나타나는지 바로 확인하세요. 페이지에서 직접 가져오며 수동 복사가 필요 없습니다.
이 도구는 다른 언어로도 제공됩니다
- Przykład schematu breadcrumbs [PL]
- ตัวอย่าง Breadcrumb Schema [TH]
- Ví dụ về Breadcrumb Schema [VI]
- Exemplo de Schema de Breadcrumb [PT]
- Breadcrumb-Schema Beispiel [DE]
- Ejemplo de esquema de migas de pan [ES]
- Contoh Breadcrumb Schema [ID]
- パンくずリスト構造化データの例 [JA]
- Breadcrumb schema exempel [SV]
- Exemple de schéma de fil d'Ariane [FR]
- مثال على Breadcrumb Schema [AR]
- Breadcrumb schema voorbeeld [NL]
- Пример разметки Breadcrumb Schema [RU]
- Breadcrumb Schema Örneği [TR]
- 面包屑结构化数据示例 [ZH]
- Breadcrumb Schema Example [EN]
- Esempio di Schema Breadcrumb [IT]