웹사이트의 내비게이션 메뉴 — Global Navigation Bar(GNB)와 Footer — 는 사이트의 지도 역할을 합니다. GNB는 주 내비게이션으로, 방문자를 핵심 제품 및 비즈니스 페이지로 안내합니다. Footer는 유틸리티 링크, 도움말 센터, 기업 정책, 소셜 프로필을 담당합니다. 이 영역을 올바르게 구조화하면 원활한 사용자 경험을 보장하고 검색 크롤러가 페이지를 효율적으로 색인하는 데 도움이 됩니다.
이 가이드에서는 사이트 아키텍처와 UX를 최적화하기 위한 GNB 및 Footer 디자인 모범 사례를 다룹니다.
1. GNB 모범 사례(주 내비게이션)
GNB는 집중적이고 탐색하기 쉬워야 합니다. 너무 많은 선택지로 과부하를 주면 방문자에게 결정 피로를 유발합니다.
- 최상위 링크 제한: 5~7개의 주요 항목을 목표로 합니다(예: 제품, 솔루션, 가격, 리소스, 회사).
- 논리적 그룹화: 드롭다운 하위 메뉴를 일관되게 구조화합니다. 관련 하위 페이지가 적절한 상위 카테고리 아래에 그룹화되어 있는지 확인합니다.
- 모바일 호환성: 깔끔하고 접근 가능한 모바일 내비로 접히는 메뉴를 디자인합니다.
2. Footer 모범 사례(보조 내비게이션)
GNB가 집중적이라면, Footer는 더 다양한 링크를 수용할 수 있습니다:
- 유틸리티 링크: 개인정보 처리방침, 이용약관, 윤리 공시, 파트너 포털을 footer에 배치합니다.
- 리소스 디렉터리: 리소스를 명확한 열로 그룹화합니다(예: 블로그, 가이드, 도움말 센터, API 문서).
- 저작권 및 소셜 아이콘: 저작권 날짜, 브랜드 아이콘, 소셜 페이지 참조를 포함합니다.
3. 공유 내비게이션 링크의 SEO 영향
GNB와 Footer 내부의 링크는 사이트의 모든 페이지에 존재합니다. 이는 검색 엔진에 해당 페이지가 매우 중요하다고 알려 검색 권위를 그쪽으로 유도합니다.
- GNB 및 Footer 링크가 canonical이며 색인 가능한 URL을 가리키도록 합니다.
- 크롤러 경로를 명확히 유지하기 위해 리다이렉트되거나 오류 코드를 반환하는 페이지로 연결하지 않습니다.
4. 사이트 아키텍처 문서에서 COMMON 링크 그룹화
웹사이트 정보 아키텍처를 문서화할 때 GNB 및 Footer 섹션을 COMMON 링크로 분류합니다. 사이트 전체 링크를 IA 시트 상단에 함께 그룹화하면 디자인 및 개발 팀이 일관된 메뉴를 구축하기 쉬워집니다.
GNB 및 Footer 감사 체크리스트
- [ ] 최상위 GNB 메뉴 항목이 7개 이하로 제한되어 있습니다.
- [ ] GNB 링크가 반응형이며 모바일 기기에서 깔끔하게 접힙니다.
- [ ] Footer에 필수 법적 링크(개인정보 처리방침, 이용약관)가 포함되어 있습니다.
- [ ] 내비게이션 링크가 활성 canonical URL을 직접 가리킵니다.
- [ ] 사이트 전체 링크가 IA 시트에서 COMMON 항목으로 문서화되어 있습니다.
AttractiveWebAI로 내비게이션 감사하기
AttractiveWebAI의 DeepAnalyzer는 GNB 및 Footer 구조를 재귀적으로 크롤링하여 내비게이션 링크를 추출하고 인터랙티브 디렉터리로 컴파일합니다. 이를 통해 깨진 경로를 식별하고, 리다이렉트 링크를 감사하며, sitemap 구조를 스타일이 적용된 Excel 파일로 내보낼 수 있습니다.
사이트의 GNB 및 Footer 레이아웃을 감사하고 싶으신가요? 아래를 클릭하여 내비게이션 메뉴를 확인하세요.