Branding & SEO

Passe Favicon, Meta-Tags, Theme und Social-Image deiner App über das Admin-Panel und per KI-Chat an.

Branding und SEO werden über das eigene Admin-Panel deiner App, die Branding-Einstellungen des Builders und den KI-Chat verwaltet.

SEO-Einstellungen

Der SEO deiner App — Seitentitel, Meta-Beschreibung und Favicon — wird im Admin-Panel deiner veröffentlichten App bearbeitet, wo du als Inhaber jederzeit Änderungen vornehmen kannst, ohne Code schreiben zu müssen. Diese Werte werden bei jedem Publish in dein veröffentlichtes HTML geschrieben; deine App wird als statische Site über Proyectas CDN ausgeliefert.

Du kannst die KI auch einfach bitten, beliebige dieser Einstellungen zu ändern (siehe unten).

Social-Preview-Bild

Wenn du auf Publish klickst, kannst du im Schritt Site info des Dialogs das Social-Card-Bild festlegen — also das Open Graph- / Twitter-Bild, das angezeigt wird, wenn dein Link in sozialen Netzwerken oder Chat-Apps geteilt wird. Proyecta generiert automatisch eines aus deiner Live-Site, und du kannst jederzeit dein eigenes hochladen oder es neu generieren.

Seitentitel, Beschreibung und Favicon werden im Admin-Panel deiner App bearbeitet, nicht in diesem Schritt. Das Social-Image wird beim Publish als og:image und twitter:image in dein veröffentlichtes HTML eingefügt.

Das Proyecta-Badge ausblenden

Veröffentlichte Apps im Free-Plan zeigen ein kleines „Hecho con Proyecta“-Badge. Um es auszublenden, öffne das Settings-Panel des Builders und aktiviere Hide Proyecta badge unter Branding. Diese Option steht Workspace-Admins auf bezahlten Plänen zur Verfügung und wird beim nächsten Publish wirksam.

Was du mit dem KI-Chat tun kannst

Proyectas KI hat vollständigen Zugriff auf deinen Quellcode-Tree, sodass sie jede Branding- oder SEO-Änderung, die du beschreibst, direkt umsetzen kann. Diese Prompts funktionieren sofort:

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 bei Bedarf rückgängig machen.

Tipps für bessere Ergebnisse

• Teile Referenzbilder. Ziehe Mockups, Brand-Guidelines oder Screenshots von Seiten, die dir gefallen, in den Chat. Die KI nimmt visuelle Details sehr gut auf.
• Sei konkret beim Umfang. „Update the favicon“ ist klarer als „update the branding.“ Umfangreiche Änderungen gelingen zuverlässiger, wenn du sie in gezielte Einzelschritte aufteilst.
• Vorschau vor dem Publish. Branding-Änderungen sehen auf der veröffentlichten Site oft anders aus als in der Builder-Vorschau. Veröffentliche zunächst auf deiner *.proyecta.live-Subdomain und prüfe das Ergebnis, bevor du es festlegst.

Demnächst verfügbar

• Integriertes SEO-Audit-Tool — automatisierte Vorschläge zur Verbesserung der Auffindbarkeit
• Automatische Sitemap-Generierung beim Build