Guias de SEO e performance para apps feitos com IA
Explicações diretas sobre os problemas mais comuns em apps criados no Lovable, Bolt e v0, e como corrigir cada um.
- SEO
Por que meu app feito no Lovable não aparece no Google
Apps do Lovable entregam um HTML vazio para buscadores. Entenda por que isso acontece, como confirmar no seu app e como corrigir com pré-renderização ou SSR.
- SEO
Todas as páginas do meu app têm o mesmo título no Google
Em apps React e Lovable, toda rota costuma herdar o mesmo <title> do index.html. Veja por que isso derruba seu SEO e como gerar título e descrição por página.
- SEO
Link do meu site aparece sem imagem no WhatsApp e LinkedIn
Quando a prévia do link sai sem imagem ou título, faltam as tags Open Graph no HTML. Veja como adicionar og:title, og:image e Twitter Card do jeito certo.
- SEO
Como adicionar sitemap.xml e robots.txt em um app Lovable
Sem sitemap.xml, o Google demora para descobrir as páginas do seu app. Veja o que colocar no sitemap e no robots.txt e como gerá-los no build.
- Performance
Meu app está lento no celular: como melhorar o LCP
O LCP mede quanto tempo o conteúdo principal leva para aparecer. Veja por que apps React gerados por IA costumam passar de 4 segundos no celular e como chegar abaixo de 2,5 s.
- Acessibilidade
Contraste de cores e WCAG: como corrigir texto difícil de ler
Texto cinza-claro sobre fundo branco é o problema de acessibilidade mais comum em apps gerados por IA. Entenda a regra de contraste da WCAG e como corrigir no tema.
- Boas práticas
Cabeçalhos de segurança HTTP: o básico que todo site deveria ter
HSTS, CSP, X-Content-Type-Options, Referrer-Policy e proteção contra iframes. O que cada cabeçalho faz e como configurar no seu host ou CDN.