Replit의 SEO 점수와 Agent를 사용해 배포된 앱이 검색 엔진에서 더 높은 순위를 차지하도록 합니다.
이 작업이 끝나면 배포된 앱이 검색 엔진에서 더 높은 순위를 차지하게 되며, Publishing 도구의 SEO 점수에 반영됩니다.성공적인 배포 후 Replit은 SEO 감사를 실행하고 SEO 점수를 표시합니다. 점수가 개선 여지가 있으면, 클릭 한 번으로 특정 문제를 Agent에 전달합니다. 대부분의 빌더에게 워크플로우는 단순합니다. 배포 → 점수 확인 → Agent에게 최적화 요청.점수 계산 방법(Lighthouse 감사, 각 점수의 의미, 지원되는 배포 유형)에 대한 자세한 내용은 SEO 점수를 참조하세요.
SEO Agent는 배포된 앱에 대한 기술적 SEO 감사를 실행하고 각 발견 사항을 원클릭 수정으로 전환합니다. Project Editor의 Growth 패널에 위치하며 유료 플랜 빌더에게 제공됩니다. 다음 단계에 따라 앱을 스캔하고 수정 사항을 적용하세요.
1
앱을 배포하여 Growth 잠금 해제
SEO Agent는 배포된 앱에서 작동합니다. 배포하기 전까지는 Growth 패널이 잠겨 있으며 Go to Publishing을 클릭하라는 안내가 표시됩니다. Agent 채팅 또는 Publishing 도구에서 배포한 다음 Growth 패널로 돌아오세요.
배포 전에는 Go to Publishing 프롬프트와 함께 Growth 패널이 잠겨 있습니다
2
Agent로 스캔 실행
Growth 패널을 열고 SEO 점수 카드를 찾으세요. Run scan with Agent를 선택하여 프로젝트에 대한 기술적 SEO 감사를 시작합니다. 스캔은 보통 몇 분 정도 걸립니다.
SEO 점수 카드에서 Run scan with Agent를 선택하여 감사를 시작하세요
3
Agent로 수정 또는 Agent로 모두 수정
스캔이 완료되면 Severity(낮음, 중간, 높음) 및 Status(미해결) 열이 있는 표에 AI Readiness, Crawlability & Discovery, Landing Page Rendering & Metadata, Performance Proxies 등의 카테고리별로 분류된 문제들이 표시됩니다. 각 문제를 펼쳐 SEO Agent가 발견한 내용을 확인하세요.원하는 세분성으로 수정을 적용할 수 있습니다.
단일 문제에서 Fix with Agent를 선택하면 해당 항목만 Agent에 전달됩니다.
카테고리에서 Fix with Agent를 선택하면 해당 그룹의 모든 문제를 수정합니다.
Fix all with Agent를 선택하면 모든 문제를 한 번에 Agent에 전달합니다. 채팅의 Fix all issues 버튼도 동일한 기능을 합니다.
스캔 후 Fix all with Agent로 개별, 카테고리별, 또는 한 번에 모든 문제를 수정하세요
4
Agent가 수정 작업 진행
Agent는 각 문제에 대한 수정 작업을 생성하고 백그라운드에서 작업을 진행하므로 계속 빌드할 수 있습니다. 행이 Fix in progress로 업데이트되며, Go to task 링크를 통해 작업을 열어 진행 상황을 확인할 수 있습니다.
Agent가 수정 작업을 생성하면 문제 행에 Fix in progress 상태와 Go to task 링크가 표시됩니다
5
메인 버전에 변경 사항 적용
수정이 완료되면 작업이 Ready for review 상태로 표시됩니다. 변경 사항을 검토한 다음 초록색 Apply changes to main version 버튼을 선택하여 앱에 수정 사항을 병합하세요. 새 빌드를 기준으로 SEO 점수를 새로 고침하려면 재배포하세요.
각 수정 사항을 검토하고 Apply changes to main version을 선택하여 병합하세요
스캔 UI를 완전히 건너뛸 수도 있습니다. Agent를 열고 **“optimize my
SEO”**라고 말하면 Agent가 최신 결과를 가져와 작업을 시작합니다.
Agent가 적용할 일반적인 수정 사항:
각 페이지에 고유하고 설명적인 제목이 있도록 누락되거나 일반적인 <title> 태그를 추가하거나 재작성합니다.
모든 페이지에 메타 설명을 추가합니다.
이미지에 설명적인 alt 텍스트를 추가합니다.
<html> 요소에 lang 속성을 설정합니다.
링크에 식별 가능한 텍스트가 있는지 확인합니다 (“여기 클릭” 또는 빈 앵커 없음).
robots.txt와 sitemap.xml을 추가합니다.
모바일 렌더링을 위한 viewport 메타 태그를 추가합니다.
접근성 검사를 통과하지 못하는 텍스트의 색상 대비를 개선합니다.
소셜 플랫폼에서 앱 링크가 잘 미리보기될 수 있도록 Open Graph 및 Twitter 카드 메타 태그를 추가합니다.
