Build-time 정적 생성으로 50ms 로딩을 구현한 2,600페이지 Programmatic SEO 시스템

Context

기존 단위 변환 서비스의 과도한 JavaScript 번들로 인한 느린 로딩 속도와 광고 중심의 복잡한 UI가 사용자 경험을 저해함. 단일 페이지 내 드롭다운 방식의 범용 컨버터 구조가 가진 낮은 검색 엔진 최적화 효율을 해결해야 하는 상황.

Technical Solution

• 롱테일 키워드 점유를 위해 모든 변환 쌍에 대해 개별 URL을 할당하는 Programmatic SEO 구조 설계
• Runtime API 호출 비용 제거를 위해 환율 및 변환 계수를 Build-time에 미리 계산하여 페이지에 내장
• Exact match, Prefix matching, Substring matching 순의 Scored matching 알고리즘을 적용한 자연어 검색 파서 구현
• 페이지별 고유성 확보를 위해 AI 기반의 Context tips와 Use cases를 Build-time에 생성하여 정적 콘텐츠로 배치
• 검색 엔진 가시성 극대화를 위한 FAQPage, HowTo, BreadcrumbList의 Structured data 스키마 적용
• 외부 트래픽 유입 경로 확장을 위한 iframe 기반의 Embeddable Widget 제공

Impact

• 15개 카테고리 기준 2,600개 이상의 고유 페이지 생성
• 페이지당 로딩 속도 50ms 미만 달성
• 단일 페이지 용량 30KB 미만으로 경량화

Key Takeaway

데이터 기반의 대량 페이지 생성 시, 단순 템플릿 복제가 아닌 AI를 통한 콘텐츠 차별화와 Build-time 정적 최적화가 결합되어야 성능과 SEO를 동시에 잡을 수 있음.