광고에 100만 원을 쓰면, 평균 1,500~5,000명의 방문자가 유입됩니다. 업종별 차이는 있지만 대략 이 범위입니다. 그런데 이 방문자 중 실제 구매·문의로 전환되는 비율은 평균 0.5~3%. 나머지 97~99.5%는 어디로 갔을까요.
답은 "아무 데도 가지 않았다"입니다. 그냥 사라졌습니다. 왜냐하면 담을 그릇(홈페이지)이 허술하거나, 아예 없었거나, 엉뚱한 페이지였기 때문입니다.
광고-홈페이지의 물리학 — 4단계 깔때기
광고는 단독으로 매출을 만들지 않습니다. 4단계 깔때기의 첫 번째 단계일 뿐입니다.
1. 광고 노출 (예: 10,000회 노출)
↓
2. 광고 클릭 (예: 200명 클릭, CTR 2%)
↓
3. 랜딩페이지 도달 (예: 180명 도달, 로딩 실패 10% 제외)
↓
4. 전환 (예: 5명 구매, CVR 2.8%)
각 단계마다 대량 손실이 발생합니다. 그리고 거의 모든 손실은 랜딩페이지(홈페이지)에서 일어납니다.
랜딩페이지에서 이탈이 일어나는 이유 5가지
1. 로딩이 느리다
Google 연구에 따르면, 모바일 페이지 로딩이 3초 넘으면 방문자의 53%가 이탈합니다. 5초를 넘으면 이탈률 90%. 아임웹·카페24로 만든 평균 사이트의 모바일 로딩은 4.2~6.8초입니다.
광고비 100만 원 중 50만 원 이상이 로딩 기다리다 떠난 사람들에게 쓰인 셈입니다.
2. 광고 문구와 페이지 내용이 안 맞는다
"30% 할인" 광고를 클릭했는데 할인 정보가 안 보이면 즉시 이탈합니다. 광고 문구(카피)와 랜딩페이지 첫 화면(Above the Fold)의 일치도를 Message Match라고 부릅니다.
Message Match가 낮으면:
- Google 광고 품질평가점수 하락 → CPC 상승 최대 2배
- 페이스북 관련성 점수 하락 → 노출 감소
- 이탈률 급증 → ROAS 폭락
3. 모바일에서 깨진다
한국 광고 트래픽의 78%가 모바일입니다. 그런데 데스크탑 기준으로만 설계된 홈페이지는 모바일에서 버튼이 작거나, 글자가 안 읽히거나, 좌우 스크롤이 생깁니다. 이 상태로 광고를 돌리면 **모바일 이탈률 80%+**가 당연합니다.
4. 다음 행동이 불명확하다
페이지에 도달한 방문자가 "여기서 뭘 해야 하지?"라고 3초 이상 망설이면 이탈합니다. 좋은 랜딩페이지는 단 하나의 행동을 명확하게 제시합니다.
- ❌ "회사 소개 보기", "포트폴리오", "블로그", "상담 문의" 4개 버튼 동등 배치
- ✅ "지금 무료 진단 받기" 단일 CTA 버튼 크게 배치
5. 신뢰 요소가 없다
리뷰·실적·수상·클라이언트 로고 — 이런 신뢰 요소가 없으면 전환은 일어나지 않습니다. 광고로 들어온 방문자는 당신을 처음 봅니다. 3초 안에 "믿을 만한 곳인가"를 판단합니다.
새는 양동이 시뮬레이션
같은 광고비 200만 원, 같은 제품, 다른 홈페이지.
케이스 A: 허술한 랜딩 (로딩 5초, Message Match 낮음)
광고비 2,000,000원
광고 클릭수 3,000명 (CPC 667원)
로딩 이탈 1,500명 (50%)
메시지 이탈 900명 (60% of 나머지)
실제 탐색 600명
구매 전환 3명 (CVR 0.5%)
매출 (객단가 10만원) 300,000원
ROAS 15%
ROAS 15%는 사실상 재앙입니다. 광고 돌리면 돌릴수록 손실.
케이스 B: 최적화된 랜딩 (로딩 1.8초, Message Match 높음)
광고비 2,000,000원
광고 클릭수 3,500명 (CPC 571원, 품질점수 할인)
로딩 이탈 350명 (10%)
메시지 이탈 472명 (15% of 나머지)
실제 탐색 2,678명
구매 전환 80명 (CVR 3.0%)
매출 (객단가 10만원) 8,000,000원
ROAS 400%
같은 광고비로 ROAS 15% vs 400%. 26배 차이. 광고가 아니라 홈페이지가 만든 차이입니다.
좋은 랜딩페이지의 6가지 조건
치로가 광고 유입 페이지를 설계할 때 반드시 적용하는 기준.
- 로딩 속도 — LCP(Largest Contentful Paint) 2.5초 이하. Core Web Vitals 전 항목 Good.
- Message Match — 광고 헤드라인이 페이지 첫 화면에 그대로 반복.
- 단일 CTA — 스크롤 없이 보이는 영역에 단 하나의 행동 버튼.
- 신뢰 블록 — 리뷰·실적·로고·수상 실제 데이터. 모든 블록이 DOM에 렌더링.
- 모바일 퍼스트 — 375px 화면에서 완전 동작. 터치 타겟 44x44px 이상.
- 구조화 데이터 — Product·FAQ·Review JSON-LD 기본 탑재.
이 6가지를 갖추면 광고 ROAS는 평균 2~4배 상승합니다. 같은 광고비로.
"광고비 아깝다"는 말의 진짜 뜻
"광고가 돈이 아깝다"가 아니라 **"내 홈페이지가 광고비를 못 받아내고 있다"**가 정확한 문장입니다. 전자는 광고 자체를 탓하는 감정이고, 후자는 구조의 문제를 직시하는 진단입니다.
진단이 바뀌면 해결책이 바뀝니다.
- 감정: "광고를 줄이자" → 매출 감소
- 진단: "랜딩을 고치자" → 같은 광고비로 매출 2~4배
자주 묻는 질문
Q. 광고마다 별도 랜딩페이지를 만들어야 하나요?
캠페인별·타겟별로 만들면 ROAS가 가장 높지만, 현실적으로는 메인 제품군별 2~4개로 운영해도 충분합니다. 치로는 Next.js App Router로 동적 랜딩페이지를 빠르게 생성하는 구조를 제공합니다.
Q. 랜딩페이지 최적화 전후 ROAS 차이는 얼마인가요?
업종·상품·광고 매체에 따라 다르지만, 평균 1.8~3.5배 상승합니다. 초기 ROAS가 100% 미만이었다면 250~400%까지 회복 가능. 구체 수치는 업종별 광고비 벤치마크에서 다룹니다.
Q. 지금 쓰고 있는 홈페이지를 그대로 쓰면서 개선할 수 있나요?
부분 개선은 가능하지만 한계가 있습니다. 빌더(아임웹·카페24)로 만든 사이트는 로딩 속도·구조화 데이터 개선이 구조적으로 제한됩니다. 근본 해결은 코드 기반 리모델링입니다.
결론
광고는 호스고, 홈페이지는 양동이입니다. 양동이가 새고 있는 상태로 호스를 더 틀어봐야 바닥만 젖습니다. 광고비가 아깝다는 느낌이 들면, 광고부터 보지 말고 랜딩페이지를 먼저 보세요.