Lovable 사이트가 Google에 나오지 않는 이유와 해결 방법
Lovable 앱은 두 종류이고 해결 방법이 다릅니다. 2026년 5월 13일 이후 만든 앱은 서버에서 페이지를 만드는 TanStack Start로 돌아갑니다. 그 전 앱은 Vite로 만든 React 앱이라 거의 빈 페이지를 보내고 브라우저가 JavaScript로 채웁니다.
먼저 내 앱이 어떤 종류인지 확인하기
새 Enterprise 프로젝트는 2026년 6월 22일부터 TanStack Start를 씁니다. 확인하려면 게시된 사이트를 열고 페이지 소스를 보세요(Ctrl+U, Mac은 Cmd+Option+U). 또는 내 주소로 터미널에서 실행하세요.
curl -s https://www.example.com/ | grep -o '<div id="root"></div>'소스에 제목과 글이 보이면 서버에서 렌더링하는 앱입니다. 본문이 <div id="root"></div>뿐이면 예전 앱입니다. Lovable 채팅에서 "What stack is this project on?"이라고 물어봐도 됩니다.
Google은 대개 소스보다 많이 받습니다
Lovable은 게시된 페이지의 사전 렌더링 사본을 자신이 확인한 크롤러에게 보냅니다. 목록에는 Google, Bing, 소셜 미리보기 봇, ChatGPT, Perplexity, Claude, Gemini 같은 AI 엔진이 있습니다. 그래서 예전 앱도 Googlebot은 보통 글을 받습니다.
SEO 검사 도구와 다른 크롤러는 빈 페이지를 받습니다. 외부 진단이 Lovable 사이트를 빈 페이지라고 해도 Google은 잘 색인할 수 있는 이유입니다. 바꾸기 전에 Google이 실제로 받은 것을 확인하세요.
- Search Console 맨 위 검색창에 페이지 주소를 넣으면 URL 검사가 열립니다.
- 'URL이 Google에 등록되어 있음'이면 크롤링된 페이지 보기를 눌러 Google이 색인한 HTML을 보세요.
- 실제 URL 테스트를 누르고 테스트된 페이지 보기의 스크린샷 탭을 여세요. 오늘 Google이 렌더링한 페이지입니다.
- 스크린샷이 비었거나 로딩 표시라면 Google이 내용을 받지 못하는 것입니다. 내용 없이 페이지 색인이 생성됨을 보세요.
200을 돌려주는 없는 페이지
2026년 10월 우리가 시험한 예전 Lovable 앱은 페이지가 없는 주소에도 진짜 페이지처럼 상태 200을 돌려주고, JavaScript로 찾을 수 없음 화면을 그렸습니다. Google은 이런 주소를 Soft 404로 보고할 수 있습니다. 시험한 TanStack Start 앱은 진짜 404를 돌려줬습니다.
Lovable 문서는 없는 페이지에 사전 렌더링 사본이 어떤 상태를 보내는지 말하지 않습니다. Search Console에 Soft 404가 있으면 앱에서 고치세요. Google의 JavaScript 가이드는 404를 돌려주는 주소로 보내거나, 찾을 수 없음 화면에 noindex robots 태그를 넣는 두 방법을 듭니다. 아래는 우리가 쓴 예시 프롬프트입니다. Lovable이 공개한 것은 아닙니다.
When someone opens an address that has no page, show the not-found screen and add <meta name="robots" content="noindex"> to it. Don't add that tag to any other page.오래가는 해결책: TanStack Start로 업그레이드
업그레이드하면 Lovable이 확인한 크롤러만이 아니라 모든 방문자와 크롤러가 완성된 페이지를 받습니다. Lovable은 링크 미리보기도 더 안정적이 된다고 말합니다.
- 채팅에서
/를 입력하고 Migrate to TanStack Start를 고르세요. 또는 Settings > General > Project actions에서 Migrate를 고르세요. - 나타나는 카드에서 Start migration을 고르세요.
- 미리보기에서 페이지를 눌러 보세요. Lovable은 브라우저 전용 라이브러리가 서버 렌더링을 깨뜨릴 수 있다고 경고합니다.
- 게시하세요. 게시하기 전까지 공개된 사이트는 옛 버전이고, 버전 기록에서 되돌릴 수 있습니다.
Lovable은 업그레이드에 프로젝트 크기에 따라 보통 10~35 크레딧이 든다고 말합니다.
제목, 사이트맵, robots.txt, 표준 태그
Lovable 자체 검토가 대부분을 다룹니다. More > SEO & AI search를 열고 Scan project를 누르세요. 결과에서 Try to fix를 누르면 Lovable이 채팅으로 고칩니다. 검사는 무료이고 수정에는 메시지 크레딧이 듭니다. 게시할 때 다시 돌지 않으니 큰 변경 뒤에는 다시 Scan을 누르세요.
- 제목과 설명: Lovable이 만들면서 사이트 제목과 설명을 씁니다. 예전 앱에서는
index.html에 있어서 앱이 따로 정하기 전까지 모든 페이지가 같습니다. 채팅으로 요청하거나 Publish 대화상자의 Social & search appearance에서 바꾸세요. sitemap.xml: 처음부터 항상 만들어지지는 않습니다. 검토는 사이트맵 누락, 자리 표시 경로, 상대 URL, 빠진 페이지를 짚습니다. Google은 게시된 파일을 읽으니 제출 전에 게시하세요.robots.txt: 검토는 파일 누락, 크롤러를 막는 규칙,Sitemap:줄 누락을 짚습니다.- 표준 태그: 모든 페이지가 홈페이지를 가리키는 것처럼 잘못된 표준 URL을 짚습니다.
맞춤 도메인: Google에 주소 하나만
Project > Settings > Domains에서 도메인을 연결하세요. 첫 맞춤 도메인이 기본 도메인이 됩니다. Live로 나오면 Lovable이 lovable.app 주소와 다른 도메인의 방문자를 그쪽으로 보냅니다.
Lovable은 나중에 기본 도메인을 바꿀 수 있게 302 리디렉션을 씁니다. Google은 302를 새 주소가 기본이라는 신호로 받지 않고 옛 주소를 계속 보여 줄 수 있습니다. 그러니 모든 페이지에 내 도메인을 가리키는 표준 태그를 넣고, 내 도메인의 사이트맵만 제출하세요.
Lovable의 Search Console 연결은 사이트를 확인하고 사이트맵을 제출해 줍니다. HTML 태그로만 확인하며, 태그가 서버가 보내는 HTML에 있어야 합니다. 예전 앱에서 JavaScript로 넣은 태그는 failedToFindMetaTag로 실패합니다. 브랜드 워크스페이스 URL과 게시하지 않은 프로젝트는 색인되지 않습니다.
Search Console에 나오는 이유
- Soft 404: 예전 앱은 페이지가 없는 주소에
200으로 답하고 JavaScript로 찾을 수 없음 화면을 그립니다. 찾을 수 없음 화면에noindexrobots 태그를 넣거나404를 돌려주는 주소로 보내세요. - 크롤링됨 - 현재 색인이 생성되지 않음: 프롬프트 하나로 만든 짧은 페이지는 Google이 남길 자기만의 내용이 적습니다. 페이지마다 분명한 주제와 실제 정보를 주고 홈페이지에서 링크하세요. 일반적인 문구 대신 내 메모로 쓰라고 Lovable에 요청하세요.
- 리디렉션이 포함된 페이지: 기본 도메인을 정하면
lovable.app주소와 다른 도메인이 그쪽으로 리디렉션되고, Search Console은 옛 주소를 여기에 둡니다. 예상된 일입니다. 기본 도메인의 사이트맵만 제출하고 표준 태그는 모두 내 도메인으로 두세요.
CrawlCoach가 Lovable 사이트에서 하는 일
CrawlCoach는 사이트맵의 각 페이지에 대한 Search Console의 판정을 읽고 Google이 건너뛴 페이지를 이유별로 묶습니다. Lovable 사이트라면 Soft 404와 '크롤링됨 - 현재 색인이 생성되지 않음' 페이지가 해결 방법과 함께 한 목록에 들어갑니다. 아직 사이트맵이 없나요? 무료 보고서가 알려 드리고, 대신 Search Console이 이미 아는 페이지를 확인합니다. 유료 요금제는 JavaScript를 실행하지 않고 서버가 보내는 HTML도 읽어서, 예전 Lovable 앱에서 HTML에 글이 없는 페이지를 짚어 드립니다.
자주 묻는 질문
Lovable은 SEO에 나쁜가요?
아닙니다. 2026년 5월 13일 이후 만든 앱은 Google에 완성된 페이지를 보냅니다. 예전 앱은 대부분의 도구에 빈 페이지를 보내지만, Lovable이 Google과 확인된 크롤러에게 사전 렌더링해 줍니다. 예전 앱을 TanStack Start로 업그레이드할 수도 있습니다.
Lovable 사이트에 사전 렌더링 서비스가 필요한가요?
Lovable은 필요 없다고 말합니다. 예전 앱도 확인된 크롤러에게 직접 사전 렌더링합니다. 다른 도구도 글을 받아야 한다면 서비스를 더하지 말고 TanStack Start로 업그레이드하세요.
Lovable의 SEO 설정은 어디에 있나요?
세 곳입니다. More > SEO & AI search에서 검토를 돌리세요. 제목, 설명, 공유 이미지는 채팅으로 요청하거나 Publish 대화상자에서 바꾸세요. 도메인은 Project > Settings > Domains에서 관리하세요.
출처
2026년 10월 8일에 확인했습니다. Google은 Search Console과 도움말을 가끔 바꿉니다. 화면이 다르게 보이면 출처를 확인하세요.
- Lovable Docs: SEO and AEO(영어)
- Lovable Docs: Upgrade a project to TanStack Start(영어)
- Lovable Docs: Custom domain(영어)
- Lovable Docs: Launch on a custom domain(영어)
- Lovable Docs: Google Search Console(영어)
- Lovable Docs: Changelog(영어)
- Google 검색 센터: JavaScript 검색엔진 최적화의 기본사항 이해하기
- Search Console 도움말: URL 검사 도구
- Google 검색 센터: 리디렉션 및 Google 검색
Google에 없는 내 사이트 페이지를 확인하세요
Google 계정으로 로그인하세요. CrawlCoach가 최대 500개 페이지를 무료로 확인하고, 문제마다 해결 방법을 알려 드립니다.
무료 보고서 받기최대 500개 페이지까지 무료입니다. 신용카드는 필요 없습니다. Search Console에서 쓰는 Google 계정으로 로그인하세요.
CrawlCoach 앱과 보고서는 영어로 제공됩니다.