Branding & SEO

Pas de favicon, metatags, het thema en de sitemap van je app aan door het aan de AI te vragen. Een speciaal Branding-paneel staat op de roadmap.

Branding en SEO in Proyecta kunnen worden beheerd via een combinatie van het Settings-paneel en de AI-chat.

SEO- en deelinstelling

Klik op de knop Settings in de builder-werkbalk en open het tabblad SEO & sharing om het volgende in te stellen:

Site title — verschijnt in het browsertabblad en in zoekresultaten
Site description — de metabeschrijving die door zoekmachines wordt gebruikt
Favicon — het pictogram dat wordt weergegeven in browsertabbladen (upload een afbeeldingsbestand)

Deze instellingen worden in de HTML van je gepubliceerde app ingevoegd wanneer je publiceert naar een proyecta.live-subdomein. Ze worden opgeslagen maar niet toegepast als je app gebruikmaakt van live pod-routing in plaats van CDN-publishing.

Wat je met AI-chat kunt doen

De AI van Proyecta heeft volledige toegang tot je bronstructuur, dus elke branding- of SEO-wijziging die je kunt omschrijven, kan de AI doorvoeren. Deze prompts werken direct:

Favicon en browsertabblad

"Update the favicon to use my logo — here's the image" (sleep de afbeelding naar de chat)
"Change the browser tab title to 'Acme — All-in-one CRM'"

Metatags en sociale voorvertoningen

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

Thema en visuele identiteit

"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" (plak de schermafbeelding)

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"

Omdat de AI deze wijzigingen rechtstreeks in je code schrijft, worden ze net als alle andere wijzigingen gecommit naar git — je kunt ze bekijken in Versiegeschiedenis en terugdraaien als je niet tevreden bent met het resultaat.

Tips voor betere resultaten

Deel referentieafbeeldingen. Sleep mockups, merkrichtlijnen of schermafbeeldingen van sites die je aanspreken naar de chat. De AI herkent visuele details.
Wees specifiek over de reikwijdte. “Update de favicon” is duidelijker dan “update de branding.” Grote wijzigingen landen betrouwbaarder wanneer je ze opdeelt in gerichte stappen.
Bekijk een preview vóór je publiceert. Brandingwijzigingen zien er op de gepubliceerde site vaak anders uit dan in de builder-preview. Publiceer naar je *.proyecta.live-subdomein en controleer het resultaat voordat je er definitief voor kiest.

Binnenkort beschikbaar

Sociale media-previews — automatische Open Graph-afbeeldingsgeneratie op basis van je merkassets
Ingebouwde SEO-audittool — geautomatiseerde suggesties voor het verbeteren van vindbaarheid
Automatische sitemapgeneratie tijdens het buildproces