Varumärke & SEO

Anpassa din apps favicon, meta-taggar, tema och social-bild från din apps adminpanel och genom att fråga AI:n.

Varumärke och SEO hanteras från din apps egen adminpanel, byggarens Branding-inställningar och AI-chatten.

SEO-inställningar

Din apps SEO — webbplatstitel, meta-beskrivning och favicon — redigeras från din publicerade apps egen adminpanel, där ägaren kan ändra det när som helst utan kod. Dessa värden skrivs in i din publicerade HTML varje gång du publicerar; din app serveras som en statisk sajt från Proyectas CDN.

Du kan också bara be AI:n att ändra något av dem (se nedan).

Social förhandsgranskningsbild

När du klickar på Publish låter dialogens Site info-steg dig ange social-kortbilden — Open Graph- och Twitter-bilden som visas när din länk delas på sociala medier eller i chattappar. Proyecta genererar en automatiskt från din publicerade sajt, och du kan ladda upp din egen eller återskapa den när som helst.

Din webbplatstitel, beskrivning och favicon redigeras från din apps adminpanel, inte i det här steget. Den sociala bilden injiceras i din publicerade HTML som og:image och twitter:image när du publicerar.

Dölj Proyecta-märket

Publicerade appar på gratisplanen visar ett litet “Hecho con Proyecta”-märke. För att dölja det öppnar du byggarens Settings-panel och aktiverar Hide Proyecta badge under Branding. Den här kontrollen är tillgänglig för arbetsyteadministratörer på betalda planer och träder i kraft nästa gång du publicerar.

Vad du kan göra med AI-chatten

Proyectas AI har full tillgång till ditt källkodsträd, så alla varumärkes- eller SEO-ändringar du kan beskriva kan den också utföra. Dessa promptar fungerar direkt:

Favicon och webbläsarflik

• "Update the favicon to use my logo — here's the image" (dra bilden in i chatten)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Meta-taggar och sociala förhandsvisningar

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

Tema och visuell identitet

• "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" (klistra in skärmbilden)

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"

Eftersom AI:n skriver dessa ändringar direkt i din kod committas de till git precis som alla andra ändringar — du kan bläddra bland dem i Versionshistorik och återställa om du inte är nöjd med resultatet.

Tips för bättre resultat

• Dela referensbilder. Dra mockups, varumärkesriktlinjer eller skärmbilder på sajter du gillar in i chatten. AI:n fångar upp visuella detaljer.
• Var specifik om omfattningen. “Uppdatera favicon” är tydligare än “uppdatera varumärket.” Stora ändringar landar mer tillförlitligt när de bryts ned i fokuserade steg.
• Förhandsgranska innan du publicerar. Varumärkesändringar ser ofta annorlunda ut på den publicerade sajten än i byggarförhandsgranskningen. Publicera till din *.proyecta.live-subdomän och kontrollera resultatet innan du slår fast det.

Kommer snart

• Inbyggt SEO-granskningsverktyg — automatiserade förslag för förbättrad synlighet
• Automatisk sitemap-generering vid byggtid