세 가지 방식이 있습니다
모바일 대응이라고 하면 대개 반응형을 떠올리시지만, 실제로는 선택지가 세 가지입니다.
- 반응형(Responsive) — 하나의 사이트가 화면 크기에 따라 배치를 바꿉니다. 주소는 하나입니다
- 모바일 전용 사이트 —
m.도메인처럼 별도 사이트를 만들고 접속 기기에 따라 보냅니다 - PC 전용 — 모바일에서도 PC 화면이 그대로 나옵니다. 손가락으로 확대해야 읽힙니다
결론: 특별한 이유가 없으면 반응형입니다
이유는 취향이 아니라 세 가지 실무적 근거 때문입니다.
1. 관리 비용이 절반입니다
모바일 전용 사이트를 따로 두면 공지 하나를 올려도 두 곳에 올려야 합니다. 시간이 지나면 반드시 한쪽이 방치되고, 결국 PC와 모바일 내용이 서로 달라집니다. 반응형은 한 번만 고치면 됩니다.
2. 검색 노출에 유리합니다
구글은 모바일 화면을 기준으로 검색 순위를 매깁니다. 또 별도 주소로 운영하면 같은 내용이 두 주소에 존재해 평가가 갈릴 수 있고, 이를 막으려면 canonical 태그 같은 추가 설정을 정확히 해야 합니다. 반응형은 주소가 하나라 이 문제가 없습니다.
3. 화면 크기가 계속 늘어납니다
지금은 폰과 PC만이 아니라 태블릿, 접히는 화면, 큰 모니터까지 다양합니다. "모바일용"과 "PC용" 두 벌로는 그 사이를 채울 수 없습니다.
모바일 전용을 고려할 만한 경우
드물지만 있습니다.
- PC와 모바일에서 제공하는 기능 자체가 다른 서비스 (예: 모바일에서만 위치 기반 기능 제공)
- 기존 PC 사이트가 너무 오래돼 손댈 수 없고, 예산상 모바일만 급히 만들어야 하는 경우
두 번째는 임시방편입니다. 결국 전면 리뉴얼이 필요해집니다.
"반응형입니다"라는 말을 믿지 말고 직접 확인하세요
견적서에 반응형이라고 쓰여 있어도 실제로는 어설픈 경우가 있습니다. 아래는 휴대폰만 있으면 확인하실 수 있습니다.
- 확대하지 않고 본문이 읽히는가
- 좌우로 밀리지 않는가 — 옆으로 스크롤되면 잘못된 것입니다
- 메뉴 버튼과 링크가 손가락으로 정확히 눌리는가
- 입력창을 눌렀을 때 화면이 확 커지지 않는가 — 커진다면 글자 크기 설정 문제입니다
- 표나 이미지가 화면 밖으로 나가지 않는가
- 전화번호를 누르면 바로 통화 연결이 되는가
마지막 항목처럼 사소해 보이는 것이 실제 문의 전환율을 좌우합니다.
비용 차이
반응형은 하나의 사이트를 여러 화면에 맞추는 작업이라 PC 전용보다 공수가 더 듭니다. 다만 모바일 전용 사이트를 따로 만드는 것보다는 저렴하고, 운영 비용까지 합치면 차이가 더 벌어집니다. 이데아폼은 모든 제작에 반응형을 기본 포함하며 별도 항목으로 청구하지 않습니다.
자주 묻는 질문
기존 PC 전용 사이트를 반응형으로 바꿀 수 있나요?
가능하지만 구조에 따라 다릅니다. 오래된 방식(테이블 레이아웃 등)으로 만들어졌다면 고치는 비용이 새로 만드는 비용과 비슷해지기도 합니다. 소스를 보고 판단해 드립니다.
앱을 만드는 것과 어떻게 다른가요?
반응형 웹은 브라우저로 접속하고, 앱은 설치가 필요합니다. 알림을 보내거나 카메라·위치 같은 기기 기능을 깊게 쓸 계획이 아니라면 대부분 반응형 웹으로 충분합니다.
지금 사이트가 모바일에서 어떻게 보이는지 점검이 필요하시면 문의 주세요. 무료로 확인해 드립니다.