손님은 옛 주소를 눌렀다가 새까만 에러 화면을 만나고, 여기 망한 가게인가 싶어 뒤로 나간다 — 작은 회사 웹사이트 404 에러 페이지 설계의 5가지 원칙

손님은 옛 주소를 눌렀다가 새까만 에러 화면을 만나고, 여기 망한 가게인가 싶어 뒤로 나간다 — 작은 회사 웹사이트 404 에러 페이지 설계의 5가지 원칙
대표 이미지

깨진 링크 하나가 손님을 '망한 가게'로 돌려보낸다

손님이 늘 보던 주소를 눌렀는데, 검은 화면에 404 Not Found 한 줄만 뜬다. 페이지 주소를 바꿨거나, 오래된 게시물을 지웠거나, 손님이 링크를 잘못 눌렀을 뿐인데, 화면은 마치 가게가 문을 닫은 것처럼 보인다. 손님은 '여기 망했나' 싶어 뒤로 나가고, 다시 돌아오지 않는다. 404 페이지는 사고가 아니라 모든 사이트에 반드시 생기는 정상적인 상황이다. 문제는 그 순간을 방치하느냐, 손님을 붙잡느냐다.

1. 브라우저 기본 화면을 그대로 두지 않는다

서버가 뱉는 기본 404 화면은 흰 바탕에 영어 오류 문구뿐이라, 손님에게는 '고장'과 구분되지 않는다. 최소한 우리 로고, 우리 색, 우리 말투가 담긴 페이지로 바꿔야 한다. "찾으시는 페이지가 사라졌어요. 주소가 바뀌었을 수 있어요" 한 줄이면, 손님은 사고가 아니라 안내를 받았다고 느낀다.

2. 나갈 문이 아니라 돌아갈 길을 준다

404 화면에서 손님이 할 수 있는 행동이 '뒤로 가기'뿐이면 그대로 이탈한다. 홈으로 가기 버튼, 검색창, 주요 메뉴 링크를 함께 놓아 손님이 원하던 곳으로 다시 흘러가게 만든다. 쇼핑몰이라면 인기 상품 몇 개, 콘텐츠 사이트라면 최신 글 목록을 얹는 것만으로도 이탈이 눈에 띄게 줄어든다.

3. 왜 여기 왔는지 짐작해 안내한다

손님이 검색으로 들어왔다면 검색어에 맞는 페이지를, 옛 이벤트 링크로 들어왔다면 새 이벤트를 안내하는 식으로 맥락에 맞는 다음 행동을 제안하면 좋다. 여기까지 못 하더라도, 자주 찾는 페이지 3~4개를 링크로 걸어 두는 것만으로 충분히 친절하다.

4. 사라진 주소는 방치하지 말고 넘겨준다

페이지 주소를 바꿨다면, 옛 주소로 들어온 손님을 새 주소로 자동으로 넘기는 301 리다이렉트를 걸어야 한다. 그래야 손님도 404를 안 보고, 검색엔진에 쌓아 둔 순위도 새 주소로 이어진다. 리다이렉트가 빠지면 애써 쌓은 검색 유입이 통째로 새는 셈이다.

5. 404가 얼마나, 어디서 뜨는지 지켜본다

어떤 주소에서 404가 자주 뜨는지 기록으로 남겨 두면, 깨진 링크와 잘못된 안내를 찾아 고칠 수 있다. 방문 분석 도구나 서버 로그로 '404가 많이 뜬 주소'를 월 1회만 확인해도, 손님이 헛걸음하는 길목을 미리 막을 수 있다.

사소해 보이지만, 손님을 붙잡는 마지막 안전망

404 페이지는 평소엔 눈에 안 띄지만, 하필 손님이 우리를 찾다가 길을 잃은 바로 그 순간에 뜬다. 그 순간을 '망한 가게'로 보이게 둘지, '괜찮아요, 이쪽이에요'라고 손을 내밀지가 재방문을 가른다. CYAN 에이전시는 작은 회사 웹사이트를 만들 때 이런 눈에 안 띄는 길목까지 함께 설계한다. 손님이 어디서 길을 잃든 다시 우리 쪽으로 돌아오게 만드는 것, 그게 오래가는 웹사이트의 조건이다.