홈페이지 제작

이동 경로와 메뉴의 현재 위치를 일치시키는 점검법

TL;DR

메뉴의 현재 항목과 본문의 이동 경로는 같은 페이지의 위치를 서로 다른 방식으로 설명합니다. 각 페이지의 부모 관계를 먼저 정한 뒤 실제 주소와 표시 상태를 대조하면 다른 메뉴에서 들어왔을 때 생기는 혼란을 찾을 수 있습니다.

들어온 경로와 소속 위치를 혼동하지 않기

홈에서 서비스 상세로 들어오는 길과 업종 안내에서 같은 상세로 들어오는 길은 다를 수 있습니다. 이동 경로가 브라우저에서 지나온 기록을 그대로 나열해야 하는 것은 아닙니다. 사이트 안에서 현재 문서가 어느 정보 영역에 속하는지 일관되게 설명하는 것이 목적입니다. 같은 문서인데 들어온 곳에 따라 회사 소개 또는 문의 아래로 바뀌면 관리자가 관계를 정하지 않은 상태일 수 있습니다.

Google은 이동 경로가 사이트 계층 안에서 페이지의 위치를 나타내고 사용자의 탐색을 도울 수 있다고 설명합니다. 따라서 경로의 문구와 주소는 현재 문서의 실제 정보 관계를 반영해야 합니다. 사용자가 상위 설명으로 이동했을 때 예상한 내용이 나오는지 확인하고, 단순히 화면 위 공간을 채우는 텍스트로 취급하지 않습니다.

부모 관계표로 기준을 하나로 정하기

페이지 목록에 현재 페이지 이름, 기준 주소, 부모 정보 영역, 상단 메뉴 선택 항목, 이동 경로를 함께 적습니다. 여러 메뉴에서 필요해도 기본 소속과 접근 경로를 구분할 수 있습니다. 별도 상위 화면이 없다면 없는 주소를 만들어 연결하기보다 실제 존재하는 정보 위치로 관계를 정해야 합니다. 중간 단계가 이름만 있고 클릭할 곳이 없는 경우에도 그 역할이 이해되는지 살펴봅니다.

같은 자료를 여러 주소에 복제한 상태라면 어느 주소가 기준인지부터 확인합니다. 기준이 정해지지 않은 채 현재 메뉴만 조정하면 다른 경로의 화면은 계속 다르게 보일 수 있습니다. 사이트 구조와 주소 변경은 외부 공유 링크에 영향을 줄 수 있으므로 표시 수정과 이전 작업을 구분합니다.

W3C는 메뉴에서 현재 항목을 마크업으로 표시해 사용자가 자신의 위치를 이해하도록 돕는 방식을 안내합니다. 색상이나 밑줄만으로 구별하기보다 실제 현재 상태도 함께 제공해야 합니다. 메뉴의 같은 항목이 두 개 동시에 현재 페이지로 표시되거나, 모바일 메뉴에서는 선택 정보가 사라지는지 확인하세요. 큰 메뉴 영역과 상세 페이지의 관계도 일관돼야 합니다.

본문 제목과 경로 문구가 어긋나는 사례

메뉴에는 유지보수라고 쓰고 본문 제목은 콘텐츠 운영이라면 같은 서비스인지 알기 어려울 수 있습니다. 실제 범위가 다르다면 문서를 구분하고, 같은 범위를 다른 이름으로 부른 것이라면 용어를 맞춥니다. 회사 내부 약어를 그대로 경로에 쓰는 경우에도 처음 방문한 사람이 의미를 알 수 있는지 검토해야 합니다.

W3C는 제목이 페이지 내용의 조직 구조를 전달한다고 설명합니다. 현재 문서의 주된 제목과 이동 경로의 끝 항목은 같은 내용을 가리켜야 합니다. 문구를 완전히 똑같이 해야만 한다는 뜻보다 이용자가 다른 문서로 오인하지 않도록 일치하는 의미를 유지하는 것이 중요합니다. 제목만 변경하고 탐색 표시는 남겨 놓지 않습니다.

직접 주소로 들어오는 검수도 수행하기

홈에서 클릭하는 경로 외에 상세 주소로 바로 접속하고, 새로고침한 뒤에도 위치 정보가 맞는지 확인합니다. 이전 방문 기록이 없어도 부모 페이지와 주요 메뉴로 이동할 수 있어야 합니다. 없는 카테고리나 변경된 상위 주소가 끼어 있다면 링크가 깨지지 않도록 함께 수정합니다. 검수 기록에는 출발 경로뿐 아니라 도착 주소와 현재 표시를 남겨 재현할 수 있게 합니다.

마무리

상위 페이지로 이동한 뒤 원래 상세를 다시 찾을 수 있는지도 확인합니다. 이동 경로에는 연결돼 있지만 부모 목록에서 현재 문서가 빠져 있다면 관계가 일방향으로만 만들어진 상태일 수 있습니다. 공개 목록의 분류 조건과 실제 소속을 함께 살펴야 표시만 맞춘 수정을 피할 수 있습니다.

현재 위치 표시는 장식이 아니라 사이트 구조의 설명입니다. 부모 관계표와 실제 화면을 대조하고, 다른 경로로 들어와도 메뉴·본문 제목·이동 경로가 같은 문서를 가리키는지 확인하세요.

#현재위치#이동경로#메뉴검수

우리 사이트에 적용할 차례.

프로젝트 문의 ↗
상담 문의무료 진단 받기

프로젝트 상담

프로젝트에 필요한 범위를 함께 정리합니다.

프로젝트 문의 ↗
WEBSITE CHECK

분석 순서를 기다리고 있습니다.

메인 페이지 1개를 확인합니다.
창을 닫아도 접수한 분석은 계속 진행됩니다.

YOUR WEBSITE CHECKS

내 진단 기록

같은 브라우저에서 신청한 최근 24시간의 진단입니다.
쿠키를 삭제하거나 다른 브라우저를 사용하면 이전 기록을 확인할 수 없습니다.

다른 사이트 진단 ↗