현재 위치 표시(브레드크럼)는 지금 보는 페이지의 상위 페이지들을 차례대로 링크로 보여 주는 탐색 요소입니다. 병원 홈페이지에서 검색을 통해 접수 안내나 주차 안내 페이지로 바로 들어온 방문자는 그 페이지가 어느 메뉴 아래에 있는지 모른 채 내용을 읽기 시작합니다. 청주·충북 지역 병원 홈페이지처럼 접수 방법, 진료시간, 오시는 길을 이용 안내 메뉴 아래에 묶어 둔 경우라면, 본문 위에 현재 위치를 짧게 보여 주는 것만으로 다른 이용 안내로 옮겨 가기가 쉬워집니다.
현재 위치 표시가 하는 일
W3C의 ARIA 제작 실무 안내 중 브레드크럼 패턴은 브레드크럼을 현재 페이지의 상위 페이지로 가는 링크를 계층 순서대로 늘어놓은 목록으로 설명합니다. 이용자가 웹사이트 안에서 자기 위치를 찾도록 돕고, 보통 본문 앞에 가로로 놓인다는 설명도 있습니다. 병원 홈페이지라면 '첫 화면 › 이용 안내 › 접수 안내'처럼 보이게 됩니다.
같은 문서는 화면 낭독 프로그램 이용자를 위해 세 가지를 정합니다.
- 브레드크럼은 탐색 영역(navigation landmark) 안에 둡니다.
- 그 영역에는
aria-label이나aria-labelledby로 이름을 붙입니다. - 현재 페이지를 가리키는 링크에는
aria-current를page로 지정합니다. 현재 페이지 항목이 링크가 아니라면 이 속성은 선택 사항입니다.
탐색 영역에 이름을 붙이면 상단 메뉴, 하단 메뉴와 구별됩니다. 병원 홈페이지에는 이미 여러 탐색 영역이 있는 경우가 많으므로, 현재 위치 표시에는 '현재 위치'처럼 역할이 드러나는 이름을 붙여 두면 구별하기 쉽습니다.
AI로 생성한 개념 이미지. 실제 병원 사진이 아닙니다.
검색 결과에 쓰이는 이동 경로 정보
Google 검색 센터의 브레드크럼 구조화 데이터 안내는 페이지의 브레드크럼이 사이트 계층에서 그 페이지의 위치를 나타낸다고 설명하고, Google 검색이 본문에 있는 브레드크럼 마크업을 검색 결과에서 페이지 정보를 분류하는 데 쓴다고 적습니다. 이 기능은 Google 검색을 이용할 수 있는 모든 지역과 언어의 데스크톱 검색에서 제공된다고 안내합니다.
같은 안내에서 병원 홈페이지에 바로 적용할 만한 내용은 다음과 같습니다.
- 주소(URL)의 폴더 구조를 그대로 옮기기보다 이용자가 실제로 그 페이지에 이르는 일반적인 경로를 브레드크럼으로 나타내라고 권합니다.
- 사이트의 최상위 주소(도메인)와 페이지 자신은 목록에 꼭 넣지 않아도 됩니다.
- 구조화 데이터로 표시하려면 목록 항목이 적어도 두 개 있어야 합니다.
- 한 페이지에 이르는 길이 여러 개라면 브레드크럼 경로를 여러 개 지정할 수 있습니다.
주소가 '/sub02/page03'처럼 만들어진 홈페이지라면 이 권장이 특히 쓸모 있습니다. 주소 이름 대신 방문자가 메뉴에서 실제로 보는 '이용 안내', '접수 안내' 같은 이름으로 경로를 적으면 됩니다.
AI로 생성한 개념 이미지. 실제 병원 사진이 아닙니다.
병원 홈페이지에 적용하는 순서
메디지오의 운영 권장은 화면에 보이는 현재 위치 표시와 구조화 데이터의 경로를 같은 메뉴 이름으로 관리하는 것입니다. 메뉴 이름을 바꿀 때 한쪽만 고치면 두 정보가 서로 다른 경로를 가리키게 됩니다.
- 이용 안내, 의료진 소개, 진료과 안내 같은 상위 메뉴 아래에 어떤 페이지가 있는지 목록으로 정리합니다.
- 각 페이지의 경로를 방문자에게 보이는 메뉴 이름으로 적습니다. 주소 폴더 이름이나 관리자 화면에서만 쓰는 이름은 쓰지 않습니다.
- 현재 위치 표시를 본문 앞에 두고, 마지막 항목인 현재 페이지는 링크로 두지 않거나
aria-current를 지정해 다른 항목과 구별합니다. - 현재 위치 표시를 감싼 탐색 영역에 이름이 붙어 있는지 확인합니다.
- 진료시간 안내처럼 첫 화면 바로가기와 이용 안내 메뉴 양쪽에서 들어올 수 있는 페이지는 화면에 보여 줄 대표 경로를 하나 정하고, 구조화 데이터에 다른 경로도 함께 적을지 제작 담당자와 정합니다.
- 메뉴 이름이나 메뉴 구조를 바꾼 날에는 현재 위치 표시와 구조화 데이터를 함께 다시 확인합니다.
이 글은 청주·충북 지역 병원을 포함한 일반적인 병원 홈페이지의 탐색 구조를 W3C·Google 문서에 따라 정리한 것이며 특정 병원 홈페이지를 진단한 결과가 아니고, 진료 내용에 관한 안내가 아닙니다. Google 외 검색 서비스의 표시 방식은 각 서비스의 안내를 따로 확인해야 합니다.
