Branding & SEO

Personalizza favicon, meta tag, tema e immagine social della tua app dal pannello di amministrazione e chiedendo all’AI.

Branding e SEO si gestiscono dal pannello di amministrazione della tua app, dalle impostazioni Branding del builder e dalla chat con l’AI.

Impostazioni SEO

Il SEO della tua app — titolo del sito, meta description e favicon — si modifica dal pannello di amministrazione della tua app pubblicata, dove il proprietario può aggiornarlo in qualsiasi momento senza toccare il codice. Questi valori vengono scritti nell’HTML pubblicato ogni volta che pubblichi; la tua app viene servita come sito statico dalla CDN di Proyecta.

Puoi anche semplicemente chiedere all’AI di modificarli (vedi sotto).

Immagine di anteprima social

Quando clicchi su Publish, il passaggio Site info del dialogo ti consente di impostare l’immagine social — l’immagine Open Graph / Twitter mostrata quando condividi il link sui social media o nelle app di chat. Proyecta ne genera una automaticamente dal tuo sito live, e puoi caricare la tua o rigenerarla in qualsiasi momento.

Titolo del sito, descrizione e favicon si modificano dal pannello di amministrazione della tua app, non in questo passaggio. L’immagine social viene iniettata nell’HTML pubblicato come og:image e twitter:image al momento della pubblicazione.

Nascondere il badge di Proyecta

Le app pubblicate con il piano gratuito mostrano un piccolo badge “Hecho con Proyecta”. Per nasconderlo, apri il pannello Settings del builder e attiva Hide Proyecta badge sotto Branding. Questa opzione è disponibile per gli amministratori del workspace nei piani a pagamento e ha effetto alla successiva pubblicazione.

Cosa puoi fare con la chat AI

L’AI di Proyecta ha accesso completo al tuo albero sorgente, quindi qualsiasi modifica di branding o SEO che riesci a descrivere, lei è in grado di applicarla. Questi prompt funzionano immediatamente:

Favicon e scheda del browser

• "Update the favicon to use my logo — here's the image" (trascina l’immagine nella chat)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Meta tag e anteprime social

• "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 identità visiva

• "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" (incolla lo 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"

Poiché l’AI scrive queste modifiche direttamente nel codice, vengono salvate su git come qualsiasi altra modifica — puoi consultarle nella Cronologia versioni e annullarle se il risultato non ti soddisfa.

Consigli per risultati migliori

• Condividi immagini di riferimento. Trascina nella chat mockup, linee guida del brand o screenshot di siti che ti ispirano. L’AI coglie i dettagli visivi.
• Sii preciso sull’ambito. “Aggiorna la favicon” è più chiaro di “aggiorna il branding”. Le modifiche complesse riescono meglio se suddivise in interventi mirati.
• Visualizza l’anteprima prima di pubblicare. Le modifiche al branding spesso appaiono diverse nel sito pubblicato rispetto all’anteprima del builder. Pubblica sul tuo sottodominio *.proyecta.live e verifica il risultato prima di confermare.

Prossimamente

• Strumento SEO integrato — suggerimenti automatici per migliorare la visibilità
• Generazione automatica della sitemap al momento del build