Branding & SEO

Passe das Favicon, Meta-Tags, das Theme und die Sitemap deiner App an, indem du die KI danach fragst. Ein dediziertes Branding-Panel ist in Planung.

Branding und SEO in Proyecta lassen sich über eine Kombination aus dem Settings-Panel und dem KI-Chat verwalten.

SEO & Sharing-Einstellungen

Klicke in der Builder-Toolbar auf Settings und öffne den Tab SEO & sharing, um Folgendes festzulegen:

• Site title — erscheint im Browser-Tab und in den Suchmaschinenergebnissen
• Site description — die Meta-Beschreibung, die von Suchmaschinen verwendet wird
• Favicon — das Symbol, das in Browser-Tabs angezeigt wird (lade eine Bilddatei hoch)

Diese Einstellungen werden in das HTML deiner veröffentlichten App eingefügt, wenn du auf einer proyecta.live-Subdomain veröffentlichst. Sie werden gespeichert, aber nicht angewendet, wenn deine App Live-Pod-Routing statt CDN-Publishing verwendet.

Was du mit dem KI-Chat tun kannst

Proyectas KI hat vollständigen Zugriff auf deinen Quellcode-Baum – jede Branding- oder SEO-Änderung, die du beschreiben kannst, kann sie auch umsetzen. Diese Prompts funktionieren direkt aus dem Kasten:

Favicon und Browser-Tab

• "Update the favicon to use my logo — here's the image" (ziehe das Bild in den Chat)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Meta-Tags und Social Previews

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

Theme und visuelle Identität

• "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" (füge den Screenshot ein)

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"

Da die KI diese Änderungen direkt in deinen Code schreibt, werden sie wie jede andere Änderung in git committet – du kannst sie im Versionsverlauf einsehen und rückgängig machen, wenn dir das Ergebnis nicht gefällt.

Tipps für bessere Ergebnisse

• Teile Referenzbilder. Ziehe Mockups, Brand-Guidelines oder Screenshots von Seiten, die dir gefallen, in den Chat. Die KI erkennt visuelle Details.
• Sei präzise beim Umfang. „Aktualisiere das Favicon” ist klarer als „aktualisiere das Branding”. Größere Änderungen gelingen zuverlässiger, wenn sie in fokussierte Einzelschritte aufgeteilt werden.
• Vorschau vor dem Veröffentlichen. Branding-Änderungen sehen auf der veröffentlichten Website oft anders aus als in der Builder-Vorschau. Veröffentliche auf deiner *.proyecta.live-Subdomain und prüfe das Ergebnis, bevor du dich festlegst.

Demnächst verfügbar

• Social-Media-Previews — automatische Open-Graph-Bildgenerierung aus deinen Brand-Assets
• Integriertes SEO-Audit-Tool — automatisierte Vorschläge zur Verbesserung der Auffindbarkeit
• Automatische Sitemap-Generierung zur Build-Zeit