GNB, LNB? 웹사이트 용어를 알아보자

GNB

• Global Navigation Bar
• 웹사이트에 동일하게 적용되는 내비게이션 바
• 보통 웹사이트 최상단에 위치하며 어떤 페이지를 클릭해도 동일하게 보여짐
• 웹사이트 전역에 해당된다는 의미로 Global 이라고 표현하며 메인 메뉴라고도 할 수 있음
• 웹사이트가 제공하는 모든 서비스를 표현하고 직관적으로 구성하는 것이 좋음

LNB

• Local Navigation Bar
• GNB를 클릭하거나 마우스를 댔을 때 나오는 하위 카테고리 리스트
• 특정 GNB 카테고리에 해당하는 특정 페이지로 연결되는 링크 역할을 하기 때문에 웹사이트의 특정 지역을 한정한다는 의미로 Local이라고 표현함
• 서브 메뉴

FNB

• Foot Navigation Bar
• GNB와 동일하게 모든 웹페이지 가장 하단에 위치한 네비게이션 바
• 웹페이지가 기업이라면, 기업의 로고와 연락처, 주소 등 웹페이지의 정보를 기재함
• 가장 하단에 있다는 의미로 Foot이라고 표현함

GLB, LNB, FNB는 모든 웹사이트가 기본으로 갖추고 있는 필수적인 구성 요소이다. 이외에도 웹사이트의 기본적인 구성 요소는 다양한데, 다른 웹사이트 용어에 대해서도 알아보자.

기타 웹사이트 용어

SNB

• Side Navigation Bar
• 보통 왼쪽이나 오른쪽에 위치해 Side라고 함
• 보통 메인 메뉴와 서브 메뉴를 제외한 기타 메뉴로 구성하며 사이드 메뉴라고도 함

Header, Footer

• Header는 웹사이트의 최상단을 의미
• GNB가 있는 위치이기도 하며, 헤더 왼쪽 최상단에는 홈페이지로 이동 가능한 링크를 넣는 것이 보편적이고, 웹사이트의 로고로 표현함
• 헤더에는 검색창, GNB, 홈페이지 연결 링크가 포함되어야 함
• Footer는 웹사이트의 최하단을 의미
• FNB가 있는 위치이기도 하고, 컨택트 정보와 카피라이트 등 웹사이트의 정보를 기억함

Bread crumb

• 복잡한 웹사이트 안에서 방문자가 길을 잃지 않도록 현재 위치한 페이지가 어디인지 단계별로 나타내는 구성요소
• 보통 메인 콘텐츠 영역 상단에 위치함
• 방문자가 방문 가능한 페이지가 다양하고 카테고리의 깊이가 깊을수록 유용하게 쓰일 수 있음