웹사이트 계층 구조: 사례와 설계 방법

웹사이트 계층 구조가 무엇인지, 지역 업체·쇼핑몰·블로그의 계층적 웹사이트 구조 사례, 제작 전 설계 방법을 알아보세요.

웹사이트 계층 구조는 가장 일반적인 것부터 가장 구체적인 것까지 페이지를 배열하는 방식입니다. 최상단에 홈 페이지, 그 아래 주요 섹션, 그 아래 세부 페이지가 있습니다. 이 구조가 메뉴 구성, URL 형태, 방문자와 검색 엔진이 각 페이지를 찾는 용이성을 결정합니다.

경험 법칙: 홈 페이지에서 세 번 이하의 클릭으로 모든 페이지에 도달할 수 있어야 합니다. 중요한 페이지가 더 깊이 묻혀 있다면 한 단계 올리세요.

지역 서비스 업체(예: 배관공): 홈 > 서비스 > 하수구 청소, 온수기, 재배관; 홈 > 서비스 지역 > 각 동네 페이지; 홈 > 소개; 홈 > 문의.

온라인 쇼핑몰: 홈 > 쇼핑 > 카테고리(예: 드레스, 액세서리) > 제품 페이지; 홈 > 소개; 홈 > 배송 및 반품; 홈 > 문의.

블로그 또는 콘텐츠 사이트: 홈 > 블로그 > 주제 카테고리 > 기사; 홈 > 소개; 홈 > 뉴스레터. 각 기사는 카테고리와 관련 기사로 연결됩니다.

계층 구조는 각 페이지 내부에서도 이어집니다. 페이지는 섹션들의 묶음(히어로, 서비스 목록, 리뷰, 문의 양식)이며 각 섹션에는 제목, 텍스트, 이미지, 버튼 등 콘텐츠가 있습니다. 페이지 내에서는 페이지 제목에 H1 하나, 각 섹션에 H2, 섹션 내 항목에 H3를 사용해 헤딩 순서가 구조를 반영하도록 하세요.

시작할 때 페이지를 설명하면, 예를 들어 "서비스 페이지, 서비스별 페이지, 서비스 지역 페이지, 문의 페이지가 있는 배관공 웹사이트"라고 하면, 유료 플랜(Starter $20/월부터)에서 AI가 해당 구조를 제작합니다. 무료 플랜에서는 이미 페이지와 섹션이 구성된 템플릿으로 시작해 we.inc 주소에서 최대 3개 템플릿 사이트를 게시할 수 있습니다. 어떤 방식이든 미리보기에서 클릭해 각 섹션을 편집할 수 있습니다.

사이트가 공개된 후 페이지 URL을 변경하면 저장된 링크가 깨질 수 있습니다. 먼저 계층을 설계하고, 이후 페이지를 이동해야 한다면 이전 주소를 새 주소로 리디렉션하세요.

무료로 시작하기 · 신용카드 필요 없음

Product

Who It's For

Features

Resources

Company

View Sitemap