검색 마케팅

바이브 코딩으로 만든 랜딩 페이지, 검색 노출 안되는 이유는? 테크니컬 SEO

2026.06.09 17:33
686
0
1
  • 한눈에 보는 핵심요약
  • 바이브코딩으로 만든 랜딩페이지가 구글에 안 잡히는 이유는 테크니컬 SEO 세팅 누락 때문이다. DB 연동, 메타태그, 사이트맵, 내부 링크, 전환율 트래킹까지 배포 후 반드시 확인해야 할 세팅 포인트를 정리했다.
TECHNICAL SEO

바이브 코딩으로 만든 랜딩 페이지,
검색 노출 안되는 이유는? 테크니컬 SEO

DB 연동부터 사이트맵, 메타태그, 전환율 트래킹까지. 배포 후 반드시 확인해야 할 세팅 가이드

안녕하세요. 사랑받는 IT 프로덕트의 첫걸음, 똑똑한개발자입니다.

저희 랜딩페이지가 3년 만에 리뉴얼 중입니다. 디자이너분이 바이브코딩으로 직접 만든 사이트인데, 디자인 퀄리티는 기대 이상이었습니다. 근데 개발 관점에서 중간 점검을 해보니 큰 문제 한가지 보였는데요!

바이브코딩으로 만든 사이트가 배포 후에도 구글 검색에 아예 안 잡히는 경우가 많습니다. 그 이유는 바로 테크니컬 SEO 세팅이 빠져 있기 때문입니다. 이 글에서는 바이브코딩할 때 놓치기 쉬운 SEO 세팅 포인트를 하나씩 짚어봅니다.

바이브코딩으로 만든 사이트, 배포 전에 이것부터 확인하세요

디자이너가 AI로 만든 사이트, 괜찮을까_ _ 바이브코딩 리뉴얼 중간점검 3-6 screenshot.png
클라우드 DB 없으면 데이터가 날아간다 DATABASE

저희 리뉴얼 사이트 코드를 열어봤더니, 관리자 페이지에 포트폴리오, 인사이트, FAQ 메뉴도 다 있었습니다. 로그인 기능도 겉보기엔 멀쩡했습니다.

근데 실제로 데이터를 저장하고 불러올 API가 로그인/로그아웃 외에는 하나도 없었습니다. 관리자 화면은 껍데기만 있고, 데이터가 저장되는 구조 자체가 빠져 있었던 겁니다.

💾 DB가 코드 안에 있을 때 생기는 일

  • 데이터 유실: 운영에서 포트폴리오 3개를 추가해도, 로컬에서 코드 수정 후 재배포하면 전부 사라집니다
  • 사이트맵 갱신 불가: DB가 연결되어야 콘텐츠 추가 시 사이트맵이 자동 업데이트됩니다
  • 해결책: Supabase 같은 클라우드 DB를 연동하면 코드와 데이터가 분리되어 이 문제가 해결됩니다

💡 "DB 연동 없이는 콘텐츠를 아무리 추가해도 검색 엔진에 새 페이지가 색인되지 않는다."

디자이너가 AI로 만든 사이트, 괜찮을까_ _ 바이브코딩 리뉴얼 중간점검 5-2 screenshot.png
타이틀이 영문이면 한국 검색 유입이 막힌다 META TAGS

SEO 분석 도구로 배포 사이트를 확인했더니, 메타데이터 구조는 정상이었습니다. 문제는 타이틀이었습니다. 원래 "똑똑한개발자 IT 비즈니스 파트너"였던 타이틀이 영문으로 바뀌어 있었습니다.

한국 시장 대상 서비스인데 타이틀이 영어면, 유저가 "똑똑한개발자"를 검색해도 매칭이 안 됩니다. 검색 결과에 아예 페이지가 노출되지 않는 겁니다.

🏷️ 타이틀 및 URL 세팅 포인트

  • 키워드 선정: "우리 고객이 뭐라고 검색할까"에서 출발. 구글 키워드 플래너나 트렌드로 검색량 확인
  • 글자 수 제한: 타이틀이 길면 검색 결과에서 잘립니다. 나머지 키워드는 Description 메타태그에 분리
  • URL 설계: /portfolio/123보다 /portfolio/hyundai-ai-control-tower처럼 내용이 읽히는 구조가 유리합니다

💡 "검색 엔진은 URL 안의 단어까지 읽어서 페이지 주제를 판단한다."

image.png
robots.txt와 sitemap.xml이 없으면 봇이 사이트를 모른다 CRAWLING

도메인을 연결한 뒤 빠뜨리기 쉬운 게 이 두 파일입니다. robots.txt는 검색 엔진 봇에게 페이지별 접근 권한을 알려주는 파일이고, sitemap.xml은 사이트 전체 페이지 구조를 정리한 파일입니다. 봇은 크롤링 전에 robots.txt부터 읽습니다.

구글, 네이버는 물론이고 ChatGPT나 Claude 같은 AI 서비스 봇의 접근 권한도 여기서 설정합니다. 코드가 바뀌면 이 파일도 새로 만들어야 하는데, 기존 설정이 새 코드에 안 들어가 있으면 시간이 지나면서 봇이 접근 권한을 못 읽게 됩니다.

🗺️ 동적 사이트맵과 서치 콘솔 등록

  • 동적 사이트맵: 콘텐츠 추가 시 자동 업데이트되는 구조. 클라우드 DB 연동이 선행되어야 합니다
  • 코드 자동 생성: 저희는 타입스크립트로 이 파일들을 자동 생성하도록 세팅했습니다
  • 등록: 세팅 후 구글 서치 콘솔, 네이버 서치 어드바이저에 사이트 등록하면 검색 수집이 시작됩니다

💡 "이 두 파일 없이는 검색 엔진이 사이트 존재 자체를 인식하지 못한다."

디자이너가 AI로 만든 사이트, 괜찮을까_ _ 바이브코딩 리뉴얼 중간점검 12-16 screenshot.png
콘텐츠를 외부로 보내면 체류 시간이 0이 된다 CONTENT STRATEGY

테크니컬 세팅을 다 한다고 검색 상위에 바로 올라가진 않습니다. 구글은 사용자가 사이트에 얼마나 머물렀는지, 어디까지 스크롤했는지, 어느 시점에 이탈했는지까지 수집해서 순위에 반영합니다. 따라서 퀄리티 좋은 콘텐츠가 반드시 발행되어야 합니다. 구글 SEO 가이드에도 명시된 부분입니다.

저희 원래 인사이트 페이지는 클릭하면 외부 블로그로 넘어가는 구조였습니다. 이러면 사이트 체류 시간이나 페이지뷰가 전혀 쌓이지 않습니다.

📄 내부 링크 SEO 전략

  • 콘텐츠 내재화: 블로그 글을 외부가 아닌 사이트 내부에 직접 배치
  • 탐색 유도: 방문자가 사이트 안에서 계속 이동하도록 내부 링크 설계
  • 체류 시간 확보: 페이지 간 이동이 많을수록 구글이 양질의 사이트로 판단합니다

💡 "콘텐츠를 사이트 밖으로 빼는 순간, SEO 지표는 전부 남의 것이 된다."

디자이너가 AI로 만든 사이트, 괜찮을까_ _ 바이브코딩 리뉴얼 중간점검 14-10 screenshot.png
문의 폼 URL이 안 바뀌면 전환율 측정이 불가능하다 CONVERSION TRACKING

문의하기 버튼을 눌러도 URL이 그대로인 사이트가 많습니다. 이러면 몇 명이 폼을 열었는지 데이터 수집 자체가 안 됩니다. 개선 포인트를 찾으려면 수치가 있어야 하는데, 측정할 방법이 없는 거죠.

URL 뒤에 ?contact=true 같은 쿼리 파라미터를 붙이면 클릭 횟수가 추적됩니다. 제출 완료 후 /submit 페이지로 이동시키면 실제 문의 건수까지 확인됩니다.

📊 전환 퍼널 예시

  • 유입: 페이지 방문 100명
  • 관심: 문의 폼 오픈 10명
  • 전환: 실제 제출 1명, 이렇게 수치가 쌓여야 어디서 이탈하는지 확실히 알 수 있습니다.

💡 "바이브코딩할 때 '문의하기 누르면 URL에 쿼리 파라미터 붙여줘'라고 요청하면 세팅된다."

바이브코딩 사이트, 만드는 건 쉬워졌지만
검색에 잡히게 하려면 세팅이 따로 필요합니다

저희 디자이너분은 피그마 없이 스토리보드만 잡고
하루 30분~2시간씩, 약 일주일 만에 전체 디자인을 완성했습니다.
다만 DB 연동이나 테크니컬 SEO는 여전히 개발 영역의 도움이 필요한 부분이고,
저희도 지금 DB 연동 이후 검색 환경 세팅을 본격 진행 중입니다.

바이브코딩 프로젝트, 검색 환경까지 세팅하고 싶다면

똑똑한개발자는 AI를 직접 실무에 쓰는 AI 네이티브 조직입니다.
사이트 구축부터 테크니컬 SEO 환경 세팅까지 함께 고민하고 있습니다.
바이브코딩 기술 컨설팅이나 AX 컨설팅이 필요하시다면 편하게 연락주세요.

똑똑한개발자 알아보기 →

AI 네이티브 개발 조직, 똑똑한개발자

 

 

#AI #바이브코딩 #랜딩페이지 #SEO #검색
이 콘텐츠가 도움이 되셨나요?
이 글에 대한 의견을 남겨주세요!
서로의 생각을 공유할수록 인사이트가 커집니다.
광고

    추천 콘텐츠

    관련 콘텐츠가 없습니다.