왜 모바일 퍼스트인가?
2026년 기준 전체 웹 트래픽의 75% 이상이 모바일에서 발생합니다. 구글도 모바일 버전을 기준으로 검색 순위를 매기는 '모바일 퍼스트 인덱싱'을 적용하고 있습니다.
모바일 랜딩페이지 체크리스트
1. 반응형 디자인
화면 크기에 따라 자동으로 레이아웃이 조정되어야 합니다. 가로 스크롤이 생기면 안 됩니다.
2. 터치 친화적 UI
버튼 크기 최소 44px × 44px, 버튼 간 간격 최소 8px. 엄지로 편하게 누를 수 있어야 합니다.
3. 전화번호 클릭 투 콜
<a href="tel:010-1234-5678">로 설정하면 터치 시 바로 전화가 걸립니다.
4. 텍스트 가독성
본문 폰트 최소 16px, 줄 간격 1.5 이상. 작은 화면에서도 읽기 편해야 합니다.
5. 이미지 최적화
모바일에서는 작은 이미지면 충분합니다. srcset을 활용해 화면 크기에 맞는 이미지를 로드하세요.
모바일 테스트 도구
- Chrome DevTools 모바일 에뮬레이터
- Google Mobile-Friendly Test
- 실제 스마트폰에서 직접 테스트 (가장 중요)