> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.adnabu.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Shopify 스토어에 HTML 사이트맵 추가하는 방법

**HTML 사이트맵**은 귀하의 스토어의 모든 중요한 링크를 조직된 형식으로 나열한 사람이 읽을 수 있는 페이지입니다. 이는 **방문자가 스토어를 쉽게 탐색**할 수 있도록 도와주며, **검색 엔진이 내부 링크를 통해 페이지를 발견**하는 데도 도움을 줍니다.

이 가이드는 Nabu Sitemap에서 생성한 **HTML 사이트맵을 Shopify 스토어에 추가하는 방법**을 설명합니다.

## Nabu Sitemap의 HTML 사이트맵이란?
Nabu Sitemap은 자동으로 스토어에 대한 HTML 사이트맵 페이지를 생성합니다.
* 스토어의 **제품, 컬렉션, 페이지 및 블로그 콘텐츠**를 나열합니다.
* **스토어 방문자 및 내부 탐색**을 위한 것입니다.
* Google Search Console에 제출하기 위한 것이 **아닙니다**.
👉 검색 엔진을 위해서는 **XML 사이트맵**을 제출해야 합니다.

## 1단계: 앱에서 HTML 사이트맵 섹션 열기
1. Shopify 관리자에서 **Nabu Sitemap**을 엽니다.
2. **HTML 사이트맵** 섹션으로 이동합니다.
3. 일반적으로 다음과 같은 HTML 사이트맵 링크를 볼 수 있습니다:

```
/apps/sitemap
```

**HTML 사이트맵 보기**를 클릭하여 페이지를 미리 볼 수 있습니다.

![HTML Sitemap](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_8ims1k.png)

## 2단계: HTML 사이트맵 링크 복사
HTML 사이트맵 카드에서 표시된 링크를 복사합니다 (예시):

```
https://your-store.myshopify.com/apps/sitemap
```

이 링크는 스토어 탐색에 추가할 때 사용됩니다.

## 3단계: Shopify 메뉴로 이동
1. **Shopify 관리자**를 엽니다.
2. **콘텐츠 → 메뉴**로 이동합니다.
3. 사이트맵 링크를 추가할 메뉴를 선택합니다.
👉 추천: **푸터 메뉴**
푸터에 배치하는 것이 가장 좋습니다. 이유는 다음과 같습니다:
* 방문자는 사이트맵 링크를 그곳에서 기대합니다.
* 메인 탐색을 복잡하게 만들지 않습니다.
* 검색 엔진이 여전히 크롤링할 수 있습니다.

![Content > Menus](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1guy8nc.png)

## 4단계: 사이트맵 메뉴 항목 추가
1. 푸터를 선택하고 메뉴 항목을 추가합니다.
2. **이름**을 다음과 같이 설정합니다:```
사이트맵

```
3. **링크** 필드에 붙여넣습니다:```
/apps/sitemap

```
4. **추가**를 클릭합니다.

![Footer menu > Sitemap](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1n250v5.png)

## 5단계: 저장 및 게시
1. 메뉴에서 **저장**을 클릭합니다.
2. 스토어프론트를 방문합니다.
3. 푸터로 스크롤하여 **사이트맵**을 클릭하여 올바르게 열리는지 확인합니다.
✅ 이제 HTML 사이트맵이 스토어에 라이브로 표시됩니다.


![Sitemap displayed on Footer](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_yli9t4.png)

## 생성된 HTML 사이트맵 예시
HTML 사이트맵의 기본 디자인, 레이아웃 및 스타일은 자동으로 Shopify 테마의 스타일을 따르며, 스토어의 나머지 부분과 일관되게 보이도록 합니다.

향후 Shopify 테마를 변경하면 HTML 사이트맵은 자동으로 새 테마의 디자인에 적응합니다.

또한, Nabu Sitemap의 앱 설정을 사용하여 선호도에 따라 HTML 사이트맵 디자인을 사용자 정의할 수 있습니다.

![Product links](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1izze1n.png)

![Collections, Pages, Blog Categories, Articles](https://storage.crisp.chat/users/helpdesk/website/-/e/b/1/4/eb146ac45ce84800/image_1s9zb81.png)
## 중요 사항
* 스토어 콘텐츠가 변경되면 HTML 사이트맵이 자동으로 업데이트됩니다.
* 앱에서 **새로 고침** 버튼을 사용하여 언제든지 새로 고칠 수 있습니다.

## 다음에 무엇을 해야 하나요?
이제 HTML 사이트맵이 추가되었으므로:
👉 다른 도움말 기사를 확인하여 다음을 배우십시오:
* **XML 사이트맵을 Google Search Console에 제출하는 방법**
* **XML 사이트맵을 Bing Webmaster Tools에 제출하는 방법**