인천홈페이지제작

[사이트맵(site map)은 어떻게 작성하나요?]

오늘은 홈페이지 제작 준비 시 많이 작성하는 '사이트맵'에 대해서 알아보려고 합니다.
사이트맵은 무엇이며, 언제 사용하고, 어떻게 작성하는지 함께 알아볼까요?

- 사이트맵이란?
사이트맵은 사이트에 구성되어야 하는(혹은 구성되어 있는) 페이지를 트리 형태로 표현한 문서로 보통 메뉴 간의 상/하 관계와 기능 등을 엑셀로 작업하는 문서입니다.
쉽게 말하면 홈페이지에 있는 메뉴들의 연관 있는 것끼리 모아 정리를 한 문서라고 볼 수 있습니다.

네이버를 예로 들어볼까요?
네이버그룹 사이트로 접속하면 상단 '네이버, 서비스, 가치실현, 홍보, 투자정보, 채용'이라는 메뉴를 확인할 수 있습니다.

네이버그룹 사이트에서는 많은 페이지들을 6개의 대메뉴로 구성해놓았다고 생각하면 됩니다.
물론 대메뉴이지만 메인에 바로 노출시키지 않는 경우도 있습니다.

만일 제일 첫 번째 '네이버'라는 메뉴를 클릭하면 하단에 이 메뉴와 연관된 서브메뉴들이 노출됩니다.

'NAVER, 주요 관계사, 제휴제안, CONTACT'가 2차 서브메뉴, '네이버소개, 주요연혁, 수상내역'이 3차 서브메뉴가 됩니다.
사이트맵의 구조는 너무 복잡하면 불편하기 때문에 2차 서브메뉴로 구성하는 게 대다수이나 물론 3차, 4차 서브메뉴가 존재할 수도 있습니다.

이렇게 사이트의 전체적인 메뉴 정보를 한눈에 알아볼 수 있도록 그룹화한 것을 사이트맵(site map)이라 합니다.

- 사이트맵을 작성하는 이유는 무엇일까요?
사이트맵을 작성하는 이유는 다양합니다.
주로 제안서 작성을 위한 사전조사, 홈페이지 신규 구축, 홈페이지 리뉴얼/고도화 작업 시 작성합니다.
사이트의 가장 기본이 되는 사항을 미리 분석하고 이해하기 위함입니다.
현재 A라는 홈페이지의 구조는 어떻게 되어있는지, 어떤 기능들이 있는지, 어떤 불편함이 있는지를 분석하기 위한 첫 번째 작업이 사이트맵 작성입니다.

- 사이트맵은 어떻게 작성해야 할까요?
사이트맵에는 딱 정해진 양식이 없습니다.
웹 버전이냐 모바일 버전이냐에 따라, 제작 목적에 따라 다르게 작성할 수 있습니다.

(버전)
WEB : 앞에서 설명한 방식대로 사이트맵 작성
MOBILE : 메뉴의 상/하 관계를 고려해 사이트맵을 작성하지만 메뉴 간의 이동 방식도 함께 작성

(목적)
신규 제작 : 의뢰인의 요구 사항을 바탕으로 1차 메뉴 구성을 한 뒤, 다시 그룹화하는 방식으로 작성
2개의 사이트를 통합 : 각각의 홈페이지 메뉴 구조 및 기능을 1차 작성 뒤, 통합 가능한 메뉴와 불가능한 메뉴를 구분해 작성

- 사이트맵 작성 TIP
(1) 동종업계 참고사이트에 접속합니다.(잘 만들어진 사이트, 유명한 사이트, 대기업 사이트 등)
(2) 메뉴들을 다 클릭해보면서 사이트맵을 1차적으로 작성합니다.
(3) 작성한 사이트맵과 참고사이트를 비교하면서 누락한 부분이 있는지 확인합니다.
(4) 새로운 파일을 열어 다시 2차적으로 메뉴들을 작성해봅니다.
(5) 추가적으로 각 메뉴의 기능을 설명란에 상세히 적어봅니다.(로그인/조회/계산/게시판 기능 필요)

사이트맵이 잘못 작성되었을 경우 화면 설계를 할 때 지장이 갈 수 있으므로 꼼꼼하게 메뉴 간의 관계와 사용자 편의성을 고려해야겠습니다.

감사합니다.