Branding & SEO

Pas de favicon, metatags, thema en social-afbeelding van je app aan via het beheerpaneel van je app en door de AI te vragen.

Branding en SEO worden beheerd vanuit het eigen beheerpaneel van je app, de Branding-instellingen van de builder en de AI-chat.

SEO-instellingen

De SEO van je app — sitetitel, metabeschrijving en favicon — pas je aan via het eigen beheerpaneel van je gepubliceerde app, waar de eigenaar dit op elk moment kan wijzigen zonder code. Deze waarden worden bij elke publicatie in je gepubliceerde HTML geschreven; je app wordt geserveerd als een statische site vanuit Proyecta’s CDN.

Je kunt ook gewoon aan de AI vragen om ze te wijzigen (zie hieronder).

Social-preview-afbeelding

Wanneer je op Publish klikt, kun je in de stap Site info van het dialoogvenster de social-card-afbeelding instellen — de Open Graph/Twitter-afbeelding die wordt weergegeven wanneer je link wordt gedeeld op sociale media of in chatapps. Proyecta genereert er automatisch een op basis van je live site, en je kunt op elk moment je eigen afbeelding uploaden of de afbeelding opnieuw genereren.

Je sitetitel, beschrijving en favicon pas je aan via het beheerpaneel van je app, niet via deze stap. De social-afbeelding wordt als og:image en twitter:image in je gepubliceerde HTML ingevoegd wanneer je publiceert.

De Proyecta-badge verbergen

Gepubliceerde apps op het gratis abonnement tonen een kleine “Hecho con Proyecta”-badge. Om deze te verbergen, open je het Settings-paneel van de builder en zet je Hide Proyecta badge onder Branding aan. Deze instelling is beschikbaar voor werkruimtebeheerders op betaalde abonnementen en wordt van kracht bij de volgende publicatie.

Wat je met de AI-chat kunt doen

De AI van Proyecta heeft volledige toegang tot je bronbestanden, dus elke branding- of SEO-wijziging die je kunt beschrijven, 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 in de chat)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

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

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 screenshot)

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 elke andere wijziging vastgelegd in git — je kunt ze bekijken in Versiegeschiedenis en terugdraaien als je het resultaat niet bevalt.

Tips voor betere resultaten

• Deel referentieafbeeldingen. Sleep mockups, brandingrichtlijnen of screenshots van sites die je mooi vindt in de chat. De AI pikt visuele details op.
• Wees specifiek over de scope. “Update de favicon” is duidelijker dan “update de branding.” Grote wijzigingen landen betrouwbaarder wanneer je ze opsplitst in gerichte stappen.
• Bekijk een preview vóór publicatie. 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 het definitief maakt.

Binnenkort beschikbaar

• Ingebouwde SEO-audittool — geautomatiseerde suggesties voor het verbeteren van vindbaarheid
• Automatische sitemapgeneratie tijdens het bouwen