홈페이지에 방문자 분석 도구를 달아 두면 '어제 몇 명이 왔는지', '어느 페이지를 많이 봤는지'까지는 알 수 있다. 그런데 정작 중요한 물음에는 침묵한다. 손님은 첫 화면에서 어디까지 스크롤하다 멈췄나? 눌러야 할 버튼을 못 찾고 엉뚱한 글자를 눌렀나? 문의 폼 어느 칸에서 손을 떼고 창을 닫았나? 숫자는 '왔다'와 '떠났다'만 말할 뿐, 그 사이에 무슨 일이 있었는지는 히트맵이라야 보인다. 화면 위에 손님의 눈길과 손끝을 열지도처럼 겹쳐 그려 주는 도구다.
1. 스크롤 히트맵으로 '어디서 멈추는지'를 본다
스크롤 히트맵은 손님들이 페이지를 어디까지 내려 읽었는지를 색으로 보여 준다. 붉은 구간은 대다수가 본 곳, 파란 구간은 도달조차 못 한 곳이다. 공들여 쓴 소개 문구나 문의 버튼이 파란 구간에 있다면, 그건 '안 읽힌 게' 아니라 애초에 보이지도 않은 것이다. 정작 보여 주고 싶은 것은 손님 대부분이 멈추는 지점 위쪽으로 끌어올려야 한다.
2. 클릭 히트맵으로 '헛손질'을 잡는다
클릭 히트맵은 손님이 어디를 누르는지를 점으로 찍어 준다. 여기서 놓치기 쉬운 것이 죽은 클릭이다. 링크도 버튼도 아닌 이미지나 굵은 글자를 손님이 자꾸 누른다면, 그건 '눌러도 되는 것처럼 생겼다'는 뜻이다. 그 자리에 진짜 링크를 걸거나, 반대로 눌리는 것처럼 보이지 않게 손봐야 한다. 손님의 헛손질은 곧 우리 화면의 오해받는 부분을 알려 주는 신호다.
3. 세션 녹화로 '한 사람의 여정'을 따라 걷는다
히트맵이 여러 사람을 겹친 평균이라면, 세션 녹화는 손님 한 명의 마우스 움직임을 처음부터 끝까지 되감아 보여 준다. 문의 폼 앞에서 마우스가 몇 번을 오갔는지, 어느 칸을 채우다 멈췄는지가 그대로 드러난다. 열 건만 돌려 봐도 '왜 다들 여기서 나가지?' 하던 물음의 답이 눈앞에서 재생된다.
4. 도구는 무료로, 오늘 바로 시작한다
히트맵이 대기업 전용 도구라는 건 옛말이다. 마이크로소프트 클래리티(Microsoft Clarity)는 히트맵과 세션 녹화를 무료로, 방문자 수 제한 없이 제공한다. 추적 코드 한 줄을 홈페이지에 붙이면 하루 이틀 안에 데이터가 쌓이기 시작한다. 구글 애널리틱스가 '몇 명이 왔나'를 센다면, 클래리티는 '그들이 무엇을 했나'를 보여 준다. 둘은 경쟁이 아니라 짝이다.
5. 숫자가 아니라 '가설 → 수정 → 재측정'을 돌린다
히트맵의 값어치는 들여다보는 데 있지 않고 고치는 데 있다. '문의 버튼이 안 보이는 것 같다'는 가설을 세우고, 버튼을 위로 올리고, 2주 뒤 다시 히트맵을 열어 클릭이 늘었는지 확인한다. 이 한 바퀴를 한 달에 한 번만 돌려도 홈페이지는 손님의 실제 행동에 맞춰 조금씩 또렷해진다. 감이 아니라 손님이 남긴 발자국이 다음 수정을 정해 주는 것이다.
작은 회사일수록 방문자 한 명 한 명이 귀하다. 그 귀한 손님이 화면 어디에서 망설이고 어디에서 등을 돌리는지, CYAN은 홈페이지를 만드는 데서 끝내지 않고 히트맵으로 손님의 눈길을 함께 읽으며 문의로 이어지는 길을 다듬어 간다. 이미 운영 중인 홈페이지라도, 오늘 코드 한 줄이면 손님의 발자국을 읽기 시작할 수 있다.
