Branding & SEO

Personnalisez le favicon, les balises meta, le thème et l’image sociale de votre application depuis son panneau d’administration et en demandant à l’IA.

Le branding et le SEO se gèrent depuis le panneau d’administration de ton application, les paramètres Branding du builder, et le chat avec l’IA.

Paramètres SEO

Le SEO de ton application — titre du site, meta description et favicon — se modifie depuis le panneau d’administration de ton application publiée, où le propriétaire peut le mettre à jour à tout moment sans toucher au code. Ces valeurs sont intégrées dans le HTML publié à chaque publication ; ton application est servie en tant que site statique depuis le CDN de Proyecta.

Tu peux aussi simplement demander à l’IA de les modifier (voir ci-dessous).

Image de prévisualisation sociale

Lorsque tu cliques sur Publish, l’étape Site info de la boîte de dialogue te permet de définir l’image de carte sociale — l’image Open Graph / Twitter affichée quand ton lien est partagé sur les réseaux sociaux ou dans des applications de messagerie. Proyecta en génère une automatiquement à partir de ton site en ligne, et tu peux téléverser la tienne ou la regénérer à tout moment.

Le titre du site, la description et le favicon se modifient depuis le panneau d’administration de ton application, et non depuis cette étape. L’image sociale est injectée dans ton HTML publié en tant que og:image et twitter:image lors de la publication.

Masquer le badge Proyecta

Les applications publiées sur le plan gratuit affichent un petit badge « Hecho con Proyecta ». Pour le masquer, ouvre le panneau Settings du builder et active l’option Hide Proyecta badge sous Branding. Ce contrôle est disponible pour les administrateurs d’espaces de travail sur les plans payants, et prend effet lors de la prochaine publication.

Ce que tu peux faire avec le chat IA

L’IA de Proyecta a un accès complet à ton arborescence de code source, donc tout changement de branding ou de SEO que tu peux décrire, elle peut l’appliquer. Ces exemples de prompts fonctionnent d’emblée :

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 prévisualisations sociales

• "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 commitées dans git comme tout autre changement — tu peux les consulter dans l’Historique des versions et les annuler si le résultat ne te convient pas.

Conseils pour de meilleurs résultats

• Partage des images de référence. Glisse des maquettes, des guides de marque ou des captures d’écran de sites qui t’inspirent dans le chat. L’IA perçoit les détails visuels.
• Sois précis sur le périmètre. « Mettre à jour le favicon » est plus clair que « mettre à jour le branding ». Les changements importants aboutissent plus facilement lorsqu’ils sont découpés en étapes ciblées.
• Prévisualise avant de publier. Les modifications 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 t’y engager définitivement.

Bientôt disponible

• Outil d’audit SEO intégré — suggestions automatisées pour améliorer la visibilité
• Génération automatique du sitemap au moment du build