사장님의 홈페이지를 스마트폰으로 열어본 적 있으신가요? PC에서는 멀쩡한데 휴대폰에서는 글씨가 깨알같이 작아지고, 옆으로 스크롤해야 내용이 보이고, 버튼이 눌리지 않는 홈페이지가 아직도 많습니다. 오늘은 반응형이 무엇이고 왜 매출과 직결되는지 이야기해보겠습니다.
반응형 홈페이지란
반응형(responsive)은 화면 크기에 맞춰 홈페이지 구성이 자동으로 재배치되는 방식입니다. PC에서는 3단으로 보이던 메뉴가 모바일에서는 세로 1단으로 정렬되고, 글씨와 버튼이 손가락으로 조작하기 좋은 크기로 조정됩니다. 하나의 홈페이지로 PC, 태블릿, 모바일을 모두 대응하는 것이죠.
방문자 대부분은 모바일로 들어옵니다
업종에 따라 다르지만 소상공인 홈페이지의 모바일 방문 비율은 통상 70~85%에 이릅니다. 네이버에서 가게를 검색하는 손님, 인스타그램 프로필 링크를 누르는 손님, 카톡으로 받은 링크를 여는 손님 모두 스마트폰입니다. 즉 모바일 화면이 사실상 홈페이지의 본체이고 PC 화면이 보조입니다.
모바일에서 불편한 홈페이지에 들어온 손님은 어떻게 행동할까요? 뒤로 가기를 누릅니다. 그리고 검색 결과에 나란히 떠 있던 경쟁 가게로 넘어갑니다. 홈페이지가 손님을 데려오고도 놓치는 셈입니다.
검색 순위에도 영향을 줍니다
구글은 모바일 페이지를 기준으로 사이트를 평가하는 모바일 우선 색인(mobile-first indexing)을 적용하고 있습니다. 모바일 대응이 안 된 사이트는 검색 순위에서 불리해질 수 있다는 뜻입니다. 네이버 역시 모바일 사용성이 나쁜 사이트를 좋게 평가할 이유가 없죠. 반응형은 디자인 문제이기 전에 검색 노출의 문제입니다.
우리 홈페이지 확인하는 법
- 스마트폰으로 홈페이지를 열고 좌우 스크롤 없이 내용이 다 보이는지 확인하세요.
- 전화번호를 눌렀을 때 바로 전화 연결이 되는지 확인하세요.
- 문의 버튼과 메뉴가 엄지손가락으로 편하게 눌리는지 확인하세요.
- 사진이 찌그러지거나 잘리지 않는지 확인하세요.
하나라도 문제가 있다면 손님도 같은 불편을 겪고 있다는 뜻입니다.
반응형은 옵션이 아니라 기본입니다
아직도 일부 업체는 "모바일 버전 추가 제작"을 별도 비용으로 청구합니다. 방문자의 대부분이 모바일인 시대에 맞지 않는 방식입니다. JD8은 모든 홈페이지를 반응형으로 제작하며 추가 비용이 없습니다. 30만원부터 시작하는 기본 패키지에 반응형, 기본 SEO 세팅, 문의 폼이 모두 포함됩니다. 업종별 모바일 구성 예시는 업종별 홈페이지 제작 가이드에서 확인하실 수 있습니다.