Branding & SEO

Personalize o favicon, as meta tags, o tema e a imagem social do seu app pelo painel administrativo do app e pedindo à IA.

O branding e o SEO são gerenciados pelo painel administrativo do próprio app, pelas configurações de Branding do builder e pelo chat com a IA.

Configurações de SEO

O SEO do seu app — título do site, meta description e favicon — é editado pelo painel administrativo do seu app publicado, onde o proprietário pode alterá-lo a qualquer momento sem mexer no código. Esses valores são inseridos no HTML publicado cada vez que você faz um publish; seu app é servido como um site estático a partir do CDN da Proyecta.

Você também pode simplesmente pedir à IA para alterar qualquer um deles (veja abaixo).

Imagem de prévia social

Ao clicar em Publish, a etapa Site info do diálogo permite definir a imagem de social card — a imagem de Open Graph / Twitter exibida quando seu link é compartilhado em redes sociais ou apps de chat. A Proyecta gera uma automaticamente a partir do seu site publicado, e você pode fazer upload da sua própria ou regenerá-la a qualquer momento.

O título do site, a descrição e o favicon são editados pelo painel administrativo do seu app, e não nessa etapa. A imagem social é injetada no HTML publicado como og:image e twitter:image no momento do publish.

Ocultar o badge da Proyecta

Apps publicados no plano gratuito exibem um pequeno badge “Hecho con Proyecta”. Para ocultá-lo, abra o painel de Settings do builder e ative a opção Hide Proyecta badge em Branding. Esse controle está disponível para administradores de workspace nos planos pagos e entra em vigor na próxima vez que você fizer um publish.

O que você pode fazer com o chat de IA

A IA da Proyecta tem acesso completo à sua árvore de código-fonte, então qualquer mudança de branding ou SEO que você conseguir descrever, ela consegue aplicar. Estes prompts funcionam de imediato:

Favicon e aba do navegador

• "Update the favicon to use my logo — here's the image" (arraste a imagem para o chat)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Meta tags e prévias sociais

• "Add Open Graph meta tags for social sharing with my tagline and hero image"
• "Make sure every page has a unique meta description based on its content"
• "Generate a Twitter Card image for the landing page"

Tema e identidade visual

• "Change the theme colors to navy and gold and apply them across the whole app"
• "Switch to a softer, rounded visual style — more playful than corporate"
• "Use the brand colors from this screenshot" (cole o screenshot)

SEO

• "Do an SEO audit of my site and suggest improvements"
• "Generate a sitemap.xml for my app"
• "Add structured data (JSON-LD) to my landing page for rich snippets"
• "Check that every page has proper meta descriptions and h1 tags"

Como a IA escreve essas mudanças diretamente no seu código, elas são commitadas no git como qualquer outra alteração — você pode visualizá-las no Histórico de Versões e revertê-las se não gostar do resultado.

Dicas para melhores resultados

• Compartilhe imagens de referência. Arraste mockups, guias de marca ou screenshots de sites que você gosta para o chat. A IA capta detalhes visuais com facilidade.
• Seja específico sobre o escopo. “Atualize o favicon” é mais claro do que “atualize o branding”. Mudanças grandes chegam com mais precisão quando divididas em etapas focadas.
• Visualize antes de publicar. Mudanças de branding frequentemente parecem diferentes no site publicado em relação à prévia do builder. Publique no seu subdomínio *.proyecta.live e confira o resultado antes de confirmar.

Em breve

• Ferramenta de auditoria de SEO integrada — sugestões automatizadas para melhorar a descoberta do seu app
• Geração automática de sitemap no momento do build