사이트맵과 IA 차이: 정보 구조 설계부터 sitemap.xml까지 한 번에 정리

IA(정보 구조)는 사이트의 콘텐츠를 어떻게 나누고, 어떤 이름을 붙이고, 어떻게 이어 줄지 정하는 설계 전체예요. 사이트맵은 그 설계 결과 중에서 페이지 계층만 한눈에 보이게 그린 그림이고요. 그리고 SEO에서 말하는 사이트맵(sitemap.xml)은 검색엔진에 주는 주소 목록이라, 이름만 같고 또 다른 물건이에요.

웹 프로젝트를 하다 보면 "IA 먼저 주세요", "사이트맵 보내 주세요" 하는 말을 자주 들어요. 둘을 같은 뜻으로 쓰는 사람도 있고, 다른 문서를 가리키는 사람도 있어서 처음엔 꽤 헷갈렸어요. 마침 이 블로그 카테고리를 다시 짜면서 직접 겪은 일이라, 이 블로그를 예시로 정리해 볼게요.

---

IA(정보 구조)란?

IA는 Information Architecture의 줄임말로, 우리말로는 정보 구조 또는 정보 설계라고 해요. 사용자가 원하는 정보를 헤매지 않고 찾을 수 있게 콘텐츠를 정리하는 방법 전체를 말해요.

'정보 건축가(information architect)'라는 말은 1970년대 리처드 솔 워먼(Richard Saul Wurman)이 쓰기 시작했어요. 웹에서 IA가 하나의 분야로 자리 잡은 건 1998년 루이스 로젠펠드(Louis Rosenfeld)와 피터 모빌(Peter Morville)이 쓴 책 Information Architecture for the World Wide Web 이후예요. 표지에 북극곰이 있어서 '북극곰 책'이라고도 불러요.

IA는 무엇을 정하나요?

로젠펠드와 모빌은 IA를 네 가지 체계로 나눠 설명해요.

구분	정하는 것	이 블로그의 예
조직 체계	콘텐츠를 어떤 기준으로 묶을지	주제별 카테고리, 연재는 시리즈로 따로 묶기
레이블 체계	묶음에 어떤 이름을 붙일지	'Tips' 대신 '제작기', 'Note' 대신 '생각'
내비게이션 체계	어디서 어디로 이동하게 할지	상단 카테고리 메뉴, 글 아래 시리즈 이전·다음 편
검색 체계	원하는 걸 어떻게 찾게 할지	카테고리별 글 목록 (검색창은 아직 없어요)

이렇게 보면 IA는 그림 한 장이 아니라 여러 결정을 모은 설계라는 게 보여요.

IA 문서는 어떻게 생겼나요?

실무에서 "IA 문서"라고 하면 보통 표(스프레드시트) 를 말해요. 메뉴 깊이(depth)별로 페이지를 나열하고, 페이지마다 화면 이름, 주소, 메모를 적어요. 이 블로그를 IA 문서로 쓰면 이렇게 돼요.

1depth	2depth	화면	주소
홈	-	전체 글 목록	/
카테고리	AI 도구	카테고리 글 목록	/category/ai-tools
카테고리	제작기	카테고리 글 목록	/category/making
카테고리	웹디자인 실무	카테고리 글 목록	/category/web-design
카테고리	SEO	카테고리 글 목록	/category/seo
카테고리	생각	카테고리 글 목록	/category/thoughts
시리즈	시리즈별	시리즈 글 목록	/series/시리즈이름
글	-	글 상세	/posts/글주소

디자이너는 이 표를 보고 몇 종류의 화면을 그려야 하는지 알고, 개발자는 어떤 주소를 만들어야 하는지 알아요. 위 표에서는 화면이 '글 목록'과 '글 상세' 두 종류뿐이라는 게 바로 보여요.

---

사이트맵이란?

사이트맵은 쓰는 자리에 따라 뜻이 둘로 갈려요.

기획 단계의 사이트맵은 무엇인가요?

IA에서 정한 페이지 계층을 나무 모양 그림으로 그린 것이에요. 위의 IA 표를 그림으로 바꾸면 이렇게 돼요.

홈
├─ 카테고리
│   ├─ AI 도구
│   ├─ 제작기
│   ├─ 웹디자인 실무
│   ├─ SEO
│   └─ 생각
├─ 시리즈
│   └─ 시리즈별 글 목록
└─ 글 상세

표보다 덜 자세하지만, 구조를 한눈에 보여 주는 데는 그림이 훨씬 좋아요. 그래서 클라이언트나 팀원에게 처음 구조를 설명할 때는 사이트맵을 보여 주고, 실제 작업은 IA 표로 해요. 저는 피그마나 피그잼에서 박스와 선으로 그려요.

검색엔진용 사이트맵(sitemap.xml)은 무엇인가요?

사이트의 모든 페이지 주소를 검색엔진에 알려 주는 XML 파일이에요. 사람이 보는 그림이 아니라 검색 로봇이 읽는 목록이에요. 2005년 구글이 처음 내놓았고, 2006년부터 구글, 야후, 마이크로소프트가 함께 sitemaps.org 표준으로 써요.

<url>
  <loc>https://www.oliveves.blog/category/seo</loc>
</url>

계층도 없고 메뉴 이름도 없어요. 주소만 쭉 나열해요. 자세한 내용은 사이트맵, RSS, IndexNow 차이 글에 정리해 뒀어요.

---

사이트맵과 IA는 무엇이 다른가요?

IA가 설계라면, 기획 사이트맵은 그 설계를 그린 그림이고, sitemap.xml은 완성된 사이트의 주소 목록이에요.

구분	IA	기획 사이트맵	sitemap.xml
한마디로	정보 구조 설계	계층 구조 그림	검색엔진용 주소 목록
보는 사람	기획자·디자이너·개발자	클라이언트·팀 전체	검색 로봇
담는 내용	분류, 이름, 이동 경로, 검색	페이지 계층	페이지 주소, 수정일
만드는 때	디자인 전	IA와 함께	사이트 완성 후 (보통 자동)
형태	표·문서	나무 모양 그림	XML 파일

헷갈릴 때는 이렇게 기억하면 쉬워요. IA는 결정이고, 사이트맵은 그 결정을 보여 주는 방법 중 하나예요.

---

실무에서는 어떤 순서로 만드나요?

보통 이 순서로 진행해요.

1. 콘텐츠 목록 만들기: 사이트에 들어갈 글, 페이지, 기능을 모두 적어요.
2. 묶고 이름 붙이기: 비슷한 것끼리 묶어요. 사용자에게 직접 묶어 보게 하는 '카드 소팅'을 쓰기도 해요.
3. IA 문서 작성: 깊이별로 표를 만들고 화면과 주소를 정해요.
4. 사이트맵 그리기: 표를 그림으로 바꿔 공유하고 의견을 받아요.
5. 와이어프레임·디자인: 정해진 화면 종류대로 그려요.
6. 개발 후 sitemap.xml 생성: 요즘 프레임워크는 대부분 자동으로 만들어 줘요.

IA를 바꾸면 sitemap.xml도 바뀌나요?

네, 같이 바뀌어요. 저는 지난달 이 블로그 카테고리를 'Projects, Tips, Note'에서 'AI 도구, 제작기, 생각'으로 바꿨어요. IA에서 레이블과 묶음을 바꾼 거예요. 그러자 카테고리 주소가 /category/tips에서 /category/making처럼 바뀌었고, sitemap.xml에 들어가는 주소도 달라졌어요.

여기서 놓치면 안 되는 게 하나 있어요. 예전 주소로 들어오는 사람과 검색 로봇을 새 주소로 넘겨 줘야 해요. 저는 옛 카테고리 주소마다 새 주소로 가는 301 리다이렉트를 걸어 뒀어요. 이걸 빼먹으면 검색 결과에 남아 있던 옛 주소가 전부 '페이지 없음'이 돼요. IA를 바꾸는 건 디자인 작업 같지만, 주소가 바뀌는 순간 SEO 작업이 되는 거예요.

---

자주 묻는 질문

---

정리