> ## 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.

# Melhore o SEO do seu app

> Use a classificação de SEO e o Agent do Replit para fazer seu app publicado ter uma classificação mais alta nos mecanismos de busca.

export const AiPrompt = ({children}) => {
  return <CodeBlock className="relative block font-sans whitespace-pre-wrap break-words">
      <div className="pr-7">
        {children}
      </div>
    </CodeBlock>;
};

Ao final, seu app publicado terá uma classificação mais alta nos mecanismos de busca — e a classificação de SEO na ferramenta de Publicação refletirá isso.

Após cada publicação bem-sucedida, o Replit executa uma auditoria de SEO e mostra uma classificação de SEO. Se a classificação tiver espaço para crescer, um clique passa os problemas específicos para o Agent. Para a maioria dos desenvolvedores, o fluxo de trabalho é simplesmente: **publicar → ver a classificação → pedir ao Agent para otimizar**.

Para detalhes sobre como a classificação é calculada (auditoria do Lighthouse, o que cada classificação significa, tipos de implantação suportados), consulte [Classificação de SEO](/pt/references/publishing/seo-rating).

## Otimize com o SEO Agent

O [SEO Agent](/pt/references/publishing/seo-agent) executa uma auditoria técnica de SEO no seu app publicado e transforma cada descoberta em uma correção com um clique. Ele fica no painel **Growth** no Editor de Projetos e está disponível para desenvolvedores em um plano pago. Siga estes passos para verificar seu app e aplicar as correções.

<Steps>
  <Step title="Publique seu app para desbloquear o Growth">
    O SEO Agent funciona em um app publicado. Até que você publique, o painel **Growth** fica bloqueado e solicita que você **Vá para Publicação**. Publique pelo chat do Agent ou pela ferramenta de **Publicação** e depois volte ao painel Growth.

    <Frame caption="Antes de publicar, o painel Growth fica bloqueado com um prompt Ir para Publicação">
      <img src="https://mintcdn.com/replit/H2YQXOP8FssoA8VI/images/deployments/seo-agent/01-growth-locked.png?fit=max&auto=format&n=H2YQXOP8FssoA8VI&q=85&s=7e91cef3ebd191171c305f2a98d59fc7" alt="O painel Growth mostrando o estado bloqueado com o título Publique seu app para desbloquear as ferramentas Growth e um botão Ir para Publicação" width="1657" height="947" data-path="images/deployments/seo-agent/01-growth-locked.png" />
    </Frame>
  </Step>

  <Step title="Execute a verificação com o Agent">
    Abra o painel **Growth** e encontre o card **Classificação de SEO**. Selecione **Executar verificação com Agent** para iniciar uma auditoria técnica de SEO do seu projeto. Uma verificação geralmente leva alguns minutos.

    <Frame caption="Selecione Executar verificação com Agent no card Classificação de SEO para iniciar a auditoria">
      <img src="https://mintcdn.com/replit/H2YQXOP8FssoA8VI/images/deployments/seo-agent/02-run-scan.png?fit=max&auto=format&n=H2YQXOP8FssoA8VI&q=85&s=16c07094556e97393d541aa59f5ecfe4" alt="Uma visão ampliada do card Classificação de SEO com um retângulo vermelho destacando o botão Executar verificação com Agent" width="1656" height="946" data-path="images/deployments/seo-agent/02-run-scan.png" />
    </Frame>
  </Step>

  <Step title="Corrigir com Agent ou Corrigir tudo com Agent">
    Quando a verificação termina, os problemas aparecem em uma tabela com colunas de **Severidade** (Baixa, Média ou Alta) e **Status** (Não resolvido), agrupados em categorias como **Prontidão para IA**, **Rastreabilidade e Descoberta**, **Renderização e Metadados da Página Inicial** e **Proxies de Desempenho**. Expanda qualquer problema para ler o que o SEO Agent encontrou.

    Aplique correções na granularidade que preferir:

    * **Corrigir com Agent** em um único problema passa apenas aquele item para o Agent.
    * **Corrigir com Agent** em uma categoria corrige todos os problemas daquele grupo.
    * **Corrigir tudo com Agent** envia todos os problemas para o Agent de uma vez. O botão **Corrigir todos os problemas** no chat faz a mesma coisa.

    <Frame caption="Após a verificação, corrija problemas individualmente, por categoria ou todos de uma vez com Corrigir tudo com Agent">
      <img src="https://mintcdn.com/replit/H2YQXOP8FssoA8VI/images/deployments/seo-agent/03-fix-with-agent.png?fit=max&auto=format&n=H2YQXOP8FssoA8VI&q=85&s=56675222e5874686576a93459520bed5" alt="A tabela de resultados da verificação agrupada por categoria com colunas de severidade e status, um retângulo vermelho destacando o botão Corrigir tudo com Agent e botões Corrigir com Agent por categoria" width="1657" height="947" data-path="images/deployments/seo-agent/03-fix-with-agent.png" />
    </Frame>
  </Step>

  <Step title="O Agent trabalha nas correções">
    O Agent cria uma tarefa de correção para cada problema e as executa em segundo plano, para que você possa continuar desenvolvendo. As linhas são atualizadas para **Correção em andamento** e um link **Ir para tarefa** permite abrir qualquer tarefa para acompanhar o progresso.

    <Frame caption="O Agent cria tarefas de correção; as linhas de problemas mostram Correção em andamento com um link Ir para tarefa">
      <img src="https://mintcdn.com/replit/H2YQXOP8FssoA8VI/images/deployments/seo-agent/04-fixes-in-progress.png?fit=max&auto=format&n=H2YQXOP8FssoA8VI&q=85&s=2db8d2f664ab52f76949585b2c159644" alt="A tabela de resultados da verificação com linhas de problemas agora mostrando o status Correção em andamento e links Ir para tarefa enquanto o Agent trabalha" width="1657" height="947" data-path="images/deployments/seo-agent/04-fixes-in-progress.png" />
    </Frame>
  </Step>

  <Step title="Aplique as alterações à versão principal">
    Quando uma correção está pronta, a tarefa mostra o estado **Pronto para revisão**. Revise as alterações e selecione o botão verde **Aplicar alterações à versão principal** para incorporar a correção no seu app. Republique para atualizar sua Classificação de SEO em relação ao novo build.

    <Frame caption="Revise cada correção e selecione Aplicar alterações à versão principal para incorporá-la">
      <img src="https://mintcdn.com/replit/H2YQXOP8FssoA8VI/images/deployments/seo-agent/05-apply-changes.png?fit=max&auto=format&n=H2YQXOP8FssoA8VI&q=85&s=de876287c947e726966293d1ec109bbd" alt="Uma visão ampliada do rodapé da tarefa Pronto para revisão com um retângulo vermelho destacando o botão verde Aplicar alterações à versão principal" width="1656" height="946" data-path="images/deployments/seo-agent/05-apply-changes.png" />
    </Frame>
  </Step>
</Steps>

<Tip>
  Você também pode pular a interface de verificação completamente. Abra o Agent e diga **"otimize meu
  SEO"** — o Agent pegará seus últimos resultados e começará a trabalhar neles.
</Tip>

Correções comuns que o Agent aplicará:

* Adicionar ou reescrever tags `<title>` ausentes ou genéricas para que cada página tenha um título único e descritivo.
* Adicionar uma meta description a cada página.
* Adicionar texto `alt` descritivo às imagens.
* Definir o atributo `lang` no elemento `<html>`.
* Garantir que os links tenham texto discernível (sem "clique aqui" ou âncoras vazias).
* Adicionar um `robots.txt` e um `sitemap.xml`.
* Adicionar uma meta tag de viewport para renderização mobile.
* Melhorar o contraste de cor em textos que falham nas verificações de acessibilidade.
* Adicionar meta tags Open Graph e Twitter card para que os links para o seu app tenham boa aparência nas plataformas sociais.

## Melhores práticas para um app otimizado para SEO

Seja pedindo ao Agent para cuidar disso ou fazendo você mesmo, estas são as coisas de maior impacto para acertar:

* **Dê a cada página um título único e uma meta description.** Busque títulos abaixo de 60 caracteres e descriptions em torno de 150 a 160 caracteres.
* **Use HTML semântico.** Envolva seu layout em `<main>`, `<header>`, `<nav>` e `<footer>`. Use `<h1>` uma vez por página e ordene os níveis de cabeçalho em sequência.
* **Adicione texto alt a cada imagem.** Descreva o que a imagem mostra, não apenas o que ela é.
* **Gere um `sitemap.xml` e `robots.txt`.** Peça ao Agent para criar ambos para que os mecanismos de busca saibam o que rastrear.
* **Adicione tags Open Graph e Twitter card.** Controle como seu app aparece quando compartilhado nas redes sociais.
* **Use um domínio personalizado.** Um domínio com marca constrói confiança com visitantes e mecanismos de busca. Consulte [Adicionar um domínio personalizado](/pt/build/add-custom-domain).
* **Escolha o tipo de implantação certo.** Para sites com muito conteúdo, os [Static Deployments](/pt/references/publishing/static-deployments) entregam HTML pré-renderizado que os mecanismos de busca analisam instantaneamente.
* **Adicione dados estruturados.** A marcação JSON-LD ajuda os mecanismos de busca a mostrar resultados ricos para produtos, artigos, FAQs e eventos.
* **Mantenha seu app rápido.** Otimize imagens, evite scripts que bloqueiam a renderização e aproveite a hospedagem do Replit para manter os tempos de resposta baixos.

Uma forma simples de aplicar a maioria disso de uma vez:

<AiPrompt>
  Audite meu site para as melhores práticas de SEO e aplique as correções. Adicione um sitemap,
  robots.txt, tags Open Graph, dados estruturados onde fizer sentido e certifique-se de que cada
  página tenha um título único e uma meta description.
</AiPrompt>

## Melhorias a seguir

<CardGroup cols={2}>
  <Card title="SEO Agent" icon="robot" href="/pt/references/publishing/seo-agent">
    Execute uma auditoria técnica de SEO e aplique correções com um clique para rastreabilidade,
    metadados e dados estruturados.
  </Card>

  <Card title="Classificação de SEO" icon="magnifying-glass-chart" href="/pt/references/publishing/seo-rating">
    Veja exatamente como a classificação é calculada, o que cada classificação significa e quais
    tipos de implantação a suportam.
  </Card>

  <Card title="Adicionar um domínio personalizado" icon="globe" href="/pt/build/add-custom-domain">
    Mova seu app para o seu próprio domínio — uma URL com marca constrói confiança com visitantes e mecanismos de busca.
  </Card>

  <Card title="Static Deployments" icon="file-code" href="/pt/references/publishing/static-deployments">
    O melhor tipo de implantação para sites com muito conteúdo e críticos para SEO.
  </Card>

  <Card title="Geografia de Publicação" icon="globe-pointer" href="/pt/references/publishing/publishing-geography">
    Escolha onde seu app é executado para manter os tempos de resposta baixos para o seu público.
  </Card>
</CardGroup>

## Precisa de mais ajuda?

* **A classificação não atualizou após republicar:** aguarde um ou dois minutos — a auditoria é executada de forma assíncrona após a implantação entrar em vigor e o badge é atualizado quando os resultados chegam.
* **A classificação é a mesma após as alterações do Agent:** peça ao Agent quais itens específicos do Lighthouse ele tratou e depois verifique o tooltip do badge para os itens ainda sinalizados.
* **Algumas páginas têm uma classificação mais baixa que outras:** o badge exibe a menor classificação entre todas as URLs rastreadas. Peça ao Agent para focar na página específica que o Lighthouse sinalizou.
* **Você não vê uma classificação em um app publicado:** as classificações de SEO são executadas apenas para tipos de implantação web públicos voltados para o público (Autoscale, Reserved VM, Static). Implantações programadas e privadas não produzem uma classificação.
