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 사이트맵 보기를 클릭하여 페이지를 미리 볼 수 있습니다.

2단계: HTML 사이트맵 링크 복사

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

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

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

3단계: Shopify 메뉴로 이동

1. Shopify 관리자를 엽니다.
2. 콘텐츠 → 메뉴로 이동합니다.
3. 사이트맵 링크를 추가할 메뉴를 선택합니다.

👉 추천: 푸터 메뉴

푸터에 배치하는 것이 가장 좋습니다. 이유는 다음과 같습니다:

• 방문자는 사이트맵 링크를 그곳에서 기대합니다.
• 메인 탐색을 복잡하게 만들지 않습니다.
• 검색 엔진이 여전히 크롤링할 수 있습니다.

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에 제출하는 방법**

업데이트 날짜: 30/12/2025