> ## Documentation Index > Fetch the complete documentation index at: https://docs.replit.com/llms.txt > Use this file to discover all available pages before exploring further. # SEO 등급 > Replit의 SEO 등급과 Agent를 활용해 게시된 앱의 검색 엔진 최적화를 측정하고 개선하세요. export const AiPrompt = ({children}) => { return
{children}
; }; Replit에서 웹 앱을 게시하면 실제 URL을 대상으로 검색 엔진 최적화(SEO) 감사가 자동으로 실행되고, Publishing 도구에 SEO 등급이 표시됩니다. 등급을 더 높일 여지가 있다면, 클릭 한 번으로 구체적인 문제를 Agent에게 전달해 몇 초 안에 해결할 수 있습니다. 대부분의 빌더에게 전체 워크플로는 다음과 같습니다. 앱을 게시하고, 등급을 확인한 다음, Agent에게 "SEO를 최적화해줘"라고 요청하는 것입니다. 이 페이지에서는 그 이면에서 무슨 일이 일어나는지와 이를 최대한 활용하는 방법을 설명합니다. ## SEO란 무엇이며 왜 중요한가 검색 엔진 최적화(SEO)는 Google과 같은 검색 엔진이 사이트를 찾고, 이해하고, 순위를 매길 수 있도록 사이트를 구축하는 방법입니다. 강력한 SEO는 광고비를 지출하지 않고도 사람들이 여러분이 제공하는 것을 검색할 때 앱이 노출된다는 것을 의미합니다. 대부분의 SEO 성과를 좌우하는 몇 가지 요소가 있습니다. 명확한 페이지 제목과 설명, 시맨틱 HTML, 빠른 로드 시간, 모바일 친화적인 레이아웃, 이미지에 대한 설명적인 대체 텍스트, 그리고 크롤링 가능한 사이트 구조입니다. 검색 엔진은 사람과 기계 모두가 읽기 쉬운 사이트에 보상을 줍니다. 랜딩 페이지, 마케팅 사이트, 블로그, 디렉토리 등 검색 가능성이 중요한 무언가를 출시하는 경우, SEO는 초기에 투자할 가치가 가장 높은 항목 중 하나입니다. ## Replit이 기본적으로 SEO를 개선하는 방법 Replit은 여러분이 콘텐츠와 제품에 집중할 수 있도록 SEO 기초 작업의 많은 부분을 대신 처리합니다. * **빠르고 전 세계에 분산된 호스팅**: Replit Deployments는 속도에 최적화된 인프라에서 앱을 제공하며, [Publishing Geography](/ko/features/publishing/publishing-geography)를 통해 앱이 실행되는 위치를 선택할 수 있습니다. * **기본 제공되는 HTTPS**: 게시된 모든 앱은 Replit이 관리하는 TLS 인증서를 받으며, 이는 검색 엔진의 기본적인 순위 신호입니다. * **커스텀 도메인**: 자신의 도메인을 연결해 신뢰와 브랜드 권위를 구축하세요. [Custom Domains](/ko/features/publishing/custom-domains)를 참고하세요. * **콘텐츠 사이트를 위한 Static Deployments**: 마케팅 페이지, 블로그, 문서의 경우 [Static Deployments](/ko/features/publishing/deployment-types#static)가 검색 엔진이 쉽게 크롤링할 수 있는 사전 렌더링된 HTML을 제공합니다. * **SEO를 고려해 코드를 작성하는 Agent**: Agent가 페이지를 빌드할 때 기본적으로 시맨틱 HTML, 접근성 있는 마크업, 메타 태그를 생성합니다. 이는 SEO 도구가 확인하는 것과 동일한 요소들입니다. * **SEO 등급**: 게시 후 자동으로 실행되는 감사를 통해 항상 현재 상태를 파악할 수 있으며, 발견된 문제를 클릭 한 번으로 Agent에게 넘겨 수정할 수 있습니다. ## SEO 등급 게시가 성공적으로 완료될 때마다 Replit은 배포된 URL을 대상으로 Lighthouse 감사를 실행하고 결과를 저장합니다. 그러면 Publishing 도구에 앱의 전체 SEO 등급이 표시됩니다. Severity와 Status 열이 있는 Issues 테이블을 보여주는 SEO Rating 카드로, AI Readiness, Crawlability & Discovery, Landing Page Rendering & Metadata, Performance Proxies로 그룹화되어 있으며 Run scan with Agent와 Fix all with Agent 버튼, 그리고 등급이 게시된 앱의 Lighthouse 지표를 기반으로 한다는 안내가 포함됨 ### 확인 위치 게시된 앱에서 **Publishing** 도구를 엽니다. SEO 등급은 배포 개요에서 다른 빌드 세부 정보와 함께 표시됩니다. 등급 위에 마우스를 올리면 Lighthouse가 각 페이지에 대해 표시한 구체적인 조치 항목을 확인할 수 있습니다. SEO 등급이 보이지 않는다면 앱이 비공개 상태이거나 최근에 게시되지 않았을 가능성이 있습니다. 등급은 게시된 공개 웹 앱에만 표시됩니다. ### 등급 읽는 방법 Replit은 Lighthouse 감사를 기반으로 세 가지 등급 중 하나를 표시합니다. | 등급 | 의미 | | :--------- | :-------------------------------------------- | | Healthy | 앱이 SEO 모범 사례를 따르고 있습니다. 주요 변경 후에는 계속 주시하세요. | | Needs Work | 여러 문제로 인해 검색 엔진이 앱을 제대로 이해하기 어렵습니다. | | Weak | 중요한 SEO 기본 요소가 누락되었습니다. 보통 몇 분 안에 수정할 수 있습니다. | 앱에 여러 페이지가 있는 경우, 배지에는 Replit이 크롤링한 모든 URL 중 **가장 낮은** 등급이 표시되므로, 평균으로 희석되지 않고 가장 문제가 있는 페이지가 먼저 드러납니다. ### 등급 계산 시점 감사는 게시가 성공적으로 완료될 때마다 자동으로 실행됩니다. 등급은 일반적으로 배포가 라이브로 전환된 후 1\~2분 이내에 나타나며, 결과가 도착하는 즉시 Publishing 도구가 배지를 새로고침합니다. ### 지원되는 배포 유형 SEO 등급은 검색 엔진이 URL을 크롤링할 수 있는 공개 웹 배포에 대해서만 계산됩니다. * [Autoscale Deployments](/ko/features/publishing/deployment-types#autoscale) * [Reserved VM Deployments](/ko/features/publishing/deployment-types#reserved-vm) * [Static Deployments](/ko/features/publishing/deployment-types#static) Scheduled deployments와 비공개 배포는 공개 웹 트래픽을 처리하지 않기 때문에 SEO 등급이 생성되지 않습니다. ## Agent로 SEO 최적화하기 등급 옆에 **Optimize SEO with Agent** 버튼이 표시됩니다. 이 버튼을 선택하면 Growth 패널에서 [SEO Agent](/ko/features/publishing/seo-agent)가 열리며, 여기서 기술적인 SEO 감사를 실행하고, 발견된 문제를 검토하고, 클릭 한 번으로 수정을 적용할 수 있습니다. 버튼을 사용하지 않고 바로 진행할 수도 있습니다. Agent를 열고 \*\*"SEO를 최적화해줘"\*\*라고 말하면 Agent가 최신 결과를 가져와 문제를 하나씩 해결하기 시작합니다. Agent가 변경 작업을 마친 후에는 앱을 다시 게시하세요. SEO 등급이 새 빌드를 기준으로 다시 계산되고 배지가 자동으로 업데이트됩니다. Agent가 적용하는 일반적인 수정 사항: * 누락되었거나 일반적인 `` 태그를 추가하거나 다시 작성하여 각 페이지에 고유하고 설명적인 제목을 부여 * 모든 페이지에 메타 설명 추가 * 이미지에 설명적인 `alt` 텍스트 추가 * `<html>` 요소에 `lang` 속성 설정 * 링크에 식별 가능한 텍스트가 있는지 확인("여기를 클릭" 또는 빈 앵커 금지) * `robots.txt`와 `sitemap.xml` 추가 * 모바일 렌더링을 위한 뷰포트 메타 태그 추가 * 접근성 검사를 통과하지 못하는 텍스트의 색상 대비 개선 * Open Graph 및 Twitter 카드 메타 태그를 추가해 소셜 플랫폼에서 앱 링크가 잘 표시되도록 함 ## Replit에서 SEO에 최적화된 사이트를 만들기 위한 모범 사례 이러한 작업을 Agent에게 맡기든 직접 작성하든, Replit으로 만든 앱에서 가장 큰 효과를 얻으려면 다음 사항을 제대로 지켜야 합니다. * **모든 페이지에 고유한 제목과 메타 설명을 부여하세요.** 제목은 60자 이내, 설명은 150\~160자 정도를 목표로 하세요. * **시맨틱 HTML을 사용하세요.** 레이아웃을 `<main>`, `<header>`, `<nav>`, `<footer>`로 감싸세요. `<h1>`은 페이지마다 한 번만 사용하고 제목 레벨을 순서대로 단계화하세요. * **모든 이미지에 대체 텍스트를 추가하세요.** 이미지가 무엇인지가 아니라 이미지가 보여주는 내용을 설명하세요. * **`sitemap.xml`과 `robots.txt`를 생성하세요.** 검색 엔진이 무엇을 크롤링해야 하는지 알 수 있도록 Agent에게 두 파일을 모두 만들어 달라고 요청하세요. * **Open Graph 및 Twitter 카드 태그를 추가하세요.** 소셜 미디어에서 공유될 때 앱이 어떻게 보이는지 제어할 수 있습니다. * **커스텀 도메인을 사용하세요.** 브랜드화된 도메인은 방문자와 검색 엔진 모두에게 신뢰를 줍니다. [Custom Domains](/ko/features/publishing/custom-domains)를 참고하세요. * **적절한 배포 유형을 선택하세요.** 콘텐츠가 많은 사이트의 경우 [Static Deployments](/ko/features/publishing/deployment-types#static)가 검색 엔진이 즉시 분석할 수 있는 사전 렌더링된 HTML을 제공합니다. * **구조화된 데이터를 추가하세요.** JSON-LD 마크업은 검색 엔진이 제품, 기사, FAQ, 이벤트에 대한 리치 결과를 표시하는 데 도움이 됩니다. * **앱을 빠르게 유지하세요.** 이미지를 최적화하고, 렌더링을 차단하는 스크립트를 피하고, Replit의 호스팅을 활용해 응답 시간을 낮게 유지하세요. 이러한 작업의 대부분을 한 번에 적용하는 간단한 방법은 다음과 같습니다. <AiPrompt> Audit my site for SEO best practices and apply the fixes. Add a sitemap, robots.txt, Open Graph tags, structured data where it makes sense, and make sure every page has a unique title and meta description. </AiPrompt> ## 다음 단계 * [SEO Agent](/ko/features/publishing/seo-agent) — Growth 패널에서 기술적인 SEO 감사를 실행하고 클릭 한 번으로 수정을 적용하세요. * [Custom Domains](/ko/features/publishing/custom-domains) — 게시된 앱에 자신의 도메인을 연결하세요. * [Static Deployments](/ko/features/publishing/deployment-types#static) — 콘텐츠가 많고 SEO가 중요한 사이트에 가장 적합한 배포 유형입니다. * [Publishing Geography](/ko/features/publishing/publishing-geography) — 대상 사용자를 위해 응답 시간을 낮게 유지할 수 있도록 앱이 실행되는 위치를 선택하세요. * [Agent](/ko/features/agent/overview) — 앱에서 Agent와 함께 작업하는 방법을 더 자세히 알아보세요.