웹사이트 구조 설계 방법: 페이지 계층, URL 구조, 내부 링크, 플랫 vs 깊은 사이트, 루퍼·레스토랑·클리닉·로펌·온라인 쇼핑몰에 맞는 5가지 사이트맵 다이어그램 포함. 각 예시는 We.Inc 템플릿 디자인에서 파생.
웹사이트 구조란 페이지가 어떻게 구성되고 연결되는지를 의미합니다. 즉, 어떤 페이지가 어떤 페이지 아래에 위치하는지, 주소(URL)는 어떻게 생겼는지, 방문자와 검색 엔진이 어떻게 페이지 간에 이동하는지를 말합니다. 좋은 구조는 누구든 두세 번의 클릭으로 원하는 페이지에 도달할 수 있고, 각 페이지에 하나의 명확한 역할이 있는 것입니다. 아래에 원칙을 설명하고, We.Inc 템플릿 디자인(실제 고객 사이트가 아님)의 섹션에서 파생한 사이트맵 예시 5가지를 소개합니다.
| 요소 | 의미 | 기준 |
|---|---|---|
| 계층 | 어떤 페이지가 최상위이고 어떤 페이지가 그 아래에 위치하는지. | 메인 메뉴에 최상위 페이지 5~7개. |
| URL 구조 | 각 페이지의 주소. | 짧고 소문자에 하이픈을 사용하며 계층을 반영: /services/roof-repair. |
| 내부 링크 | 내 사이트의 한 페이지에서 다른 페이지로 이어지는 링크. | 모든 페이지는 상위 페이지와 관련 페이지로 링크됨. 링크가 전혀 없는 페이지는 없어야 함. |
| 깊이 | 홈페이지에서 특정 페이지까지의 클릭 수. | 중요한 페이지는 세 번의 클릭 이내. |
플랫 사이트는 거의 모든 페이지를 홈페이지에서 한 번의 클릭으로 접근할 수 있도록 유지합니다. 깊은 사이트는 여러 단계(홈, 카테고리, 하위 카테고리, 항목)로 페이지를 중첩합니다.
아래의 각 템플릿은 메뉴 링크가 섹션으로 이동하는 단일 긴 페이지로 제공됩니다. 이것은 좋은 출발점입니다. 섹션이 성장하거나(더 많은 서비스, 더 많은 메뉴 항목, 더 많은 변호사) 독자적인 검색 결과를 원할 때 별도 페이지로 분리하세요. 다이어그램은 분리된 버전을 보여줍니다. [대괄호] 안의 항목은 자리 표시자입니다.
Ironpeak Roofing 템플릿의 섹션에서 파생: 서비스, 자재, 폭풍 피해 청구, 후기, 무료 점검.
//services/services/roof-replacement/services/roof-repair/services/gutters/storm-damage/materials/reviews/areas/areas/town-a/areas/town-b/free-inspection이런 구조인 이유: 각 서비스에 고유 페이지가 있어 고유한 검색어("지붕 수리 [지역]")에 대응할 수 있습니다. 서비스 지역 페이지는 실제 지역 정보(해당 지역의 시공 사례, 이동 시간)가 있을 때만 가치가 있으며, 도시 이름만 바꾼 복사본은 콘텐츠가 빈약합니다. 무료 점검 페이지는 모든 페이지의 헤더에서 링크됩니다. 자세한 내용은 지붕 SEO를 참고하세요.
Azafran 템플릿에서 파생: 공간, 메뉴, 예약, 방문.
//menu/menu/dinner/menu/drinks/about/private-dining/reservations/visit이런 구조인 이유: 플랫입니다. 방문자는 주로 스마트폰으로 메뉴, 영업시간, 예약을 원합니다. 메뉴를 PDF로만 제공하지 말고 HTML 텍스트로 제공해야 검색할 수 있습니다. 레스토랑 SEO 및 레스토랑 웹사이트 만드는 방법을 참고하세요.
Verdant Family Health 템플릿에서 파생: 진료 서비스, 의료진 소개, 방문하기, 예약.
//services/services/check-ups/services/chronic-conditions/services/children/team/team/doctor-name/new-patients/visit/book이런 구조인 이유: 별도의 "신규 환자" 페이지는 처음 방문하는 환자의 질문(서류, 보험, 준비물)에 답하면서 홈페이지를 복잡하게 만들지 않습니다. 각 의료진 페이지는 담당 서비스로 링크되고, 각 서비스 페이지는 담당 의료진으로 다시 링크됩니다. 치과 SEO를 참고하세요.
Sterling & Vance LLP 템플릿에서 파생: 업무 분야, 변호사, 성과, 연락처.
//practice-areas/practice-areas/commercial-litigation/practice-areas/employment/practice-areas/real-estate/attorneys/attorneys/partner-name/results/blog/blog/article-slug/contact이런 구조인 이유: 다섯 가지 중 가장 깊은 구조 중 하나입니다. 사람들은 법적 문제로 검색하므로 각 업무 분야는 독립 페이지가 되고, 각 변호사 프로필은 담당 분야와 링크됩니다. 인사이트 섹션(블로그)은 선택 사항이며 정기적으로 게시할 경우에만 추가하세요. 변호사 SEO를 참고하세요.
Cellar & Rowan 템플릿에서 파생: 쇼핑, 우리의 공예, 자재, 판매처, 장바구니.
//shop/shop/candles/shop/candles/product-name/shop/stoneware/shop/pantry/about/stockists/blog/shipping-returns/cart이런 구조인 이유: 다섯 가지 중 가장 깊은 구조: 홈, 카테고리, 상품. 카테고리 페이지에서 탐색과 검색이 모두 이루어집니다. 두 카테고리에 동시에 등장하더라도 각 상품은 하나의 URL로 유지하고, 정책 페이지는 푸터와 결제 단계에서 링크하세요. 온라인 스토어 시작하는 방법을 참고하세요.
그런 다음 웹사이트 레이아웃 예시에서 각 유형의 페이지 레이아웃을 선택하고, 메뉴는 내비게이션 예시를 참고하세요.
비즈니스에 가장 가까운 템플릿에서 시작하세요. 무료 플랜으로 we.inc 주소의 템플릿 사이트 최대 3개를 만들 수 있습니다(AI 크레딧 없음, 커스텀 도메인 없음). Starter($20/월)에서는 AI 빌더에게 "각 서비스에 고유 주소를 가진 페이지를 추가해"와 같이 요청하여 페이지를 추가하고 자신의 도메인을 연결할 수 있습니다. Pro는 월 $50, Max는 월 $99입니다(요금제). SEO 친화적 웹사이트 디자인 가이드에서 페이지 내 최적화를 다룹니다.
사이트의 페이지가 어떻게 구성되고 연결되는지를 말합니다: 페이지 계층, 각 페이지의 URL, 페이지 간 내부 링크.
대개 플랫 구조입니다: 홈페이지, 5~7개의 최상위 페이지, 각 주요 서비스별 별도 페이지, 모두 두세 번의 클릭 이내에 위치.
소규모 사이트에는 플랫 구조; 쇼핑몰, 목록 사이트, 서비스 분야가 많은 업체에는 약간 더 깊은 구조(홈, 카테고리, 항목). 중요한 페이지는 세 번의 클릭 이내에 위치해야 합니다.
계층을 반영하는 짧고 소문자에 하이픈으로 구분된 단어: /services/roof-repair. 이미 방문자가 있는 URL은 301 리다이렉트 없이 변경하지 마세요.
네. 명확한 계층과 내부 링크는 검색 엔진이 모든 페이지를 찾고 이해하는 데 도움을 주며, 각 페이지가 고유한 검색어를 타겟팅할 수 있게 합니다.
아닙니다. 구조의 예시로서 We.Inc 템플릿 디자인의 섹션에서 파생한 것입니다.
무료로 시작하기 · 신용카드 필요 없음