Aller au contenu

Branding & SEO

Personnalise le favicon, les balises meta, le thème et le sitemap de ton application en demandant à l’IA. Un panneau Branding dédié est prévu dans la feuille de route.

Le branding et le SEO dans Proyecta peuvent être gérés via une combinaison du panneau Settings et du chat avec l’IA.

Clique sur le bouton Settings dans la barre d’outils du builder et ouvre l’onglet SEO & sharing pour définir :

  • Site title — apparaît dans l’onglet du navigateur et dans les résultats des moteurs de recherche
  • Site description — la meta description utilisée par les moteurs de recherche
  • Favicon — l’icône affichée dans les onglets du navigateur (importe un fichier image)

Ces paramètres sont injectés dans le HTML de ton application publiée lorsque tu publies sur un sous-domaine proyecta.live. Ils sont enregistrés mais ne sont pas appliqués si ton application utilise le pod-routing en direct plutôt que la publication via CDN.

L’IA de Proyecta a un accès complet à ton arborescence de fichiers, donc tout changement de branding ou de SEO que tu peux décrire, elle peut l’appliquer. Ces instructions fonctionnent immédiatement :

Favicon et onglet navigateur

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

Balises meta et aperçus sociaux

  • "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"

Thème et identité visuelle

  • "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" (colle la capture d’écran)

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"

Comme l’IA écrit ces modifications directement dans ton code, elles sont committées dans git comme tous les autres changements — tu peux les consulter dans l’Historique des versions et les annuler si le résultat ne te convient pas.

  • Partage des images de référence. Glisse des maquettes, des chartes graphiques ou des captures d’écran de sites qui t’inspirent dans le chat. L’IA relève les détails visuels.
  • Sois précis·e sur le périmètre. « Mets à jour le favicon » est plus clair que « mets à jour le branding ». Les changements importants aboutissent plus sûrement lorsqu’ils sont découpés en étapes ciblées.
  • Prévisualise avant de publier. Les changements de branding ont souvent un rendu différent sur le site publié par rapport à l’aperçu dans le builder. Publie sur ton sous-domaine *.proyecta.live et vérifie le résultat avant de le valider définitivement.
  • Aperçus pour les réseaux sociaux — génération automatique d’images Open Graph à partir de tes assets de marque
  • Outil d’audit SEO intégré — suggestions automatisées pour améliorer ta visibilité
  • Génération automatique du sitemap au moment du build