손님이 휴대폰으로 우리 가게 홈페이지를 열었다. 전화를 걸어 예약하려는데, 화면에 적힌 번호가 그냥 검은 글자다. 눌러도 아무 일도 일어나지 않는다. 손님은 번호를 길게 눌러 복사하려다 실패하고, 화면을 캡처했다가, 결국 전화 앱을 따로 열어 숫자를 하나씩 옮겨 적는다. 그 사이에 마음이 식는다.
모바일 방문자 비중이 70%를 넘는 지금, 작은 회사 웹사이트에서 전화·길찾기·메신저로 이어지는 '한 번의 탭'은 디자인 문제가 아니라 매출 문제다. 실제로 저희가 지역 업종 사이트를 만들 때 가장 자주 손보는 부분이기도 하다. 오늘은 이 연결을 제대로 붙이는 다섯 가지 원칙을 정리한다.
1. 전화번호는 글자가 아니라 링크여야 한다
가장 기본이면서 가장 많이 빠져 있는 것이 전화 걸기 링크(tel:)다. 화면에 02-1234-5678이라고 쓰는 것과, 그 번호를 누르면 바로 전화 앱이 열리는 것은 전혀 다른 경험이다.
- 번호는 국제 표기로 적는 편이 안전하다. 국내 번호도 +82로 시작하면 로밍 중인 손님이나 해외 거주 고객까지 문제없이 연결된다.
- 화면에 보이는 텍스트는 손님이 읽기 쉬운 형태(하이픈 포함)로, 링크 값은 공백·하이픈 없는 숫자로 나누어 관리한다.
- 내선 번호가 있다면 링크 안에 대기 신호를 함께 넣어 손님이 두 번 누르지 않게 한다.
PC에서는 전화 앱이 없어 어색할 수 있다. 이때는 링크를 없애는 대신, 클릭하면 번호가 복사되도록 처리하면 양쪽 모두 자연스럽다.
2. 주소는 '적어두는 정보'가 아니라 '길 안내 버튼'이다
사업장 주소를 텍스트로만 적어두면 손님은 그 주소를 복사해 지도 앱에 붙여넣어야 한다. 세 단계가 필요하다. 이걸 한 단계로 줄이는 방법은 간단하다.
- 지도 앱으로 바로 넘기는 링크를 버튼으로 만든다. 국내 손님이 많다면 네이버 지도·카카오맵, 해외 방문객이 있다면 구글 지도를 함께 두는 것이 좋다.
- 주소 텍스트 자체도 눌러서 복사되게 해두면 내비게이션에 직접 입력하려는 손님을 놓치지 않는다.
- 지도를 페이지에 심을 때는 지연 로딩을 건다. 지도 위젯은 무겁다. 손님이 '지도 보기'를 누르기 전까지는 이미지 한 장만 보여주는 방식으로 첫 화면 속도를 지킨다.
주차 가능 여부, 가장 가까운 지하철 출구, 건물 몇 층인지 같은 한 줄이 지도 링크보다 더 큰 역할을 할 때도 많다. 길찾기 버튼 바로 아래에 짧게 적어두자.
3. 메신저 상담은 '있는 것'보다 '어디에 있는지'가 중요하다
전화가 부담스러운 손님이 늘고 있다. 특히 20~30대는 첫 문의를 메신저로 시작하는 경우가 압도적으로 많다. 카카오톡 채널 상담 링크를 붙이는 것 자체는 어렵지 않다. 문제는 위치다.
- 손님이 마음을 정하는 지점에 둔다. 가격표 바로 아래, 시술 사례 갤러리 끝, 상세 페이지 하단이 그 자리다. 푸터 구석에만 있으면 없는 것과 같다.
- 메신저 버튼에는 응답 가능 시간을 함께 적는다. "평일 10–19시 내 답변"이라는 한 줄이 밤 11시에 문의를 남기는 손님의 기대를 관리해준다.
- 모바일에서는 앱으로, PC에서는 웹 상담 화면으로 열리도록 링크를 구분한다.
4. 세 개를 한 줄로 묶어 화면 아래에 고정한다
모바일 웹사이트에서 가장 확실한 전환 장치는 화면 하단 고정 바다. 전화·길찾기·상담을 한 줄에 나란히 두고 스크롤과 관계없이 늘 보이게 하는 방식이다. 설계할 때 놓치기 쉬운 점이 몇 가지 있다.
- 터치 영역은 최소 가로세로 44px 이상을 확보한다. 아이콘만 작게 넣으면 손끝이 계속 빗나간다.
- 버튼은 세 개를 넘기지 않는다. 네 개, 다섯 개가 되는 순간 어느 것도 눌리지 않는다. 우리 업종에서 가장 많이 들어오는 경로 하나를 색으로 강조한다.
- 고정 바가 본문 마지막 문단이나 푸터 정보를 가리지 않도록, 페이지 아래쪽에 바 높이만큼 여백을 준다. 이 처리를 빠뜨려 사업자 정보가 영영 가려지는 사이트가 의외로 많다.
- 아이콘만 쓰지 말고 짧은 라벨을 붙인다. 수화기 그림 하나보다 '전화 문의' 두 단어가 훨씬 잘 눌린다.
5. 어느 버튼이 눌렸는지 세지 않으면 개선할 수 없다
전화·길찾기·메신저는 클릭하는 순간 손님이 우리 사이트를 떠나기 때문에, 아무 설정도 하지 않으면 성과가 통계에 한 줄도 남지 않는다. 방문자 수는 늘었는데 무엇이 효과가 있었는지 모르는 상황이 여기서 생긴다.
- 각 버튼에 클릭 이벤트를 붙여 분석 도구로 보낸다. 전화 클릭, 길찾기 클릭, 상담 클릭을 각각 전환 이벤트로 잡아두면 된다.
- 한 달만 모아 봐도 순위가 뚜렷하게 갈린다. 업종에 따라 길찾기가 전화의 세 배인 곳도 있고, 정반대인 곳도 있다. 그 데이터가 고정 바에서 무엇을 강조할지 알려준다.
- 광고를 돌리고 있다면 이 이벤트를 광고 전환 목표로 연결한다. 문의 폼 제출만 세고 있었다면 실제 성과의 절반 이상을 못 보고 있었을 가능성이 크다.
정리하면
손님이 마음을 정한 순간과 실제 연락 사이에는 늘 몇 초의 틈이 있다. 그 틈에서 대부분의 문의가 사라진다. 번호를 링크로 바꾸고, 주소를 버튼으로 바꾸고, 세 개를 화면 아래 한 줄로 묶는 일은 하루면 끝나는 작업이지만, 그 하루가 한 달치 광고비보다 더 많은 문의를 만들어내는 경우를 저희는 여러 번 봤다.
지금 휴대폰으로 우리 홈페이지를 열어보자. 전화번호를 한 번 눌러보고, 주소를 한 번 눌러보면 된다. 아무 일도 일어나지 않는다면 고칠 곳을 찾은 것이다. CYAN은 작은 회사와 지역 사업장의 웹사이트를 만들면서 이 연결 장치를 기본 구성으로 넣고 있다. 지금 쓰는 사이트에 무엇이 빠져 있는지 함께 짚어보고 싶다면 편하게 문의해 주셔도 좋다.
