피드로 돌아가기
How I Went From Zero Code to 27-Page SEO Website Using Only AI and Free Tools
Dev.toDev.to
Frontend

AI 활용 정적 웹사이트 27페이지 구축 후 Google 인덱싱 3주 소요经历的教訓 정리함

How I Went From Zero Code to 27-Page SEO Website Using Only AI and Free Tools

xuejiep-bit2026년 4월 2일3beginner

Context

AI 도구(Claude)만으로 코드 작성 없이 포켓몬 Nuzlocke 추적 웹사이트를 구축함. GitHub Pages 호스팅과 Cloudflare DNS를 사용하며 27개 정적 HTML 페이지로 구성됨.

Technical Solution

  • GitHub Pages: Cloudflare Pages 대신 호스팅으로 선택하여 Googlebot 리다이렉트 문제 회피함
  • CNAME DNS 설정: Cloudflare에서 프록시 대신 "DNS only"(회색 클라우드) 모드로 설정하여 Googlebot 정상 크롤링 달성함
  • robots.txt 관리: Cloudflare Managed robots.txt 기능을 비활성화하고 커스텀 sitemap 선언이 삭제되지 않도록 조치함
  • sitemap.xml 배치: .xyz 도메인의 알려진 버그를 우회하기 위해 서브디렉토리(/sitemap/sitemap.xml)에 복사본 배치함
  • 원본 픽셀 아트 시스템: 저작권 문제 회피를 위해 pixel-decorations.js로 SVG 기반 커스텀 디코레이션 생성함

Impact

3주 후 Google에 5개 페이지 인덱싱됨. 전체 27개 페이지 라이브 상태이며 Google과 Bing sitemap 모두 성공적으로 크롤링됨.

Key Takeaway

AI는 코드 작성 능력을 제공하지만 인프라 디버깅(특히 DNS, CDN, SEO 관련)은 별도의 지식과 시간이 필요함. Cloudflare Pages와 Googlebot 간의 프록시 처리 방식 차이는 예상치 못한 인덱싱 실패의 주요 원인이 됨.


Cloudflare DNS를 사용하는 정적 사이트에서 Google 인덱싱 문제를 겪을 경우, CNAME 레코드를 DNS only 모드로 변경하고 Cloudflare Managed robots.txt를 비활성화한 후 /sitemap/sitemap.xml 경로로 sitemap을 배치할 것.

원문 읽기