Branding & SEO

Personalize o favicon, as meta tags, o tema e o sitemap do seu app pedindo à IA. Um painel dedicado de Branding está no roadmap.

O branding e o SEO no Proyecta podem ser gerenciados por meio de uma combinação do painel Settings e do chat com a IA.

Configurações de SEO e compartilhamento

Clique no botão Settings na barra de ferramentas do builder e abra a aba SEO & sharing para definir:

• Site title — aparece na aba do navegador e nos resultados de mecanismos de busca
• Site description — a meta description utilizada pelos mecanismos de busca
• Favicon — o ícone exibido nas abas do navegador (faça upload de um arquivo de imagem)

Essas configurações são injetadas no HTML do seu app publicado quando você publica em um subdomínio proyecta.live. Elas ficam salvas, mas não são aplicadas se o seu app utilizar roteamento via pod ao vivo em vez de publicação por CDN.

O que você pode fazer com o chat da IA

A IA do Proyecta tem acesso completo à sua árvore de arquivos, então qualquer mudança de branding ou SEO que você consiga 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 para redes 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 grava essas mudanças diretamente no seu código, elas são commitadas no git como qualquer outra alteração — você pode consultá-las em 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.
• Prévia antes de publicar. Mudanças de branding costumam ter aparência diferente no site publicado em comparação com a prévia do builder. Publique no seu subdomínio *.proyecta.live e confira o resultado antes de se comprometer com ele.

Em breve

• Prévias para redes sociais — geração automática de imagens Open Graph a partir dos seus assets de marca
• 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