Branding & SEO

अपने app का favicon, meta tags, theme, और social image अपने app के admin और AI से पूछकर customize करें।

Branding और SEO को आपके app के अपने admin panel, builder की Branding settings, और AI chat से manage किया जाता है।

SEO settings

आपके app का SEO — site title, meta description, और favicon — आपके published app के अपने admin panel से edit किया जाता है, जहाँ owner बिना किसी code के इसे कभी भी बदल सकता है। ये values आपके published HTML में हर बार publish करने पर लिखी जाती हैं; आपका app Proyecta के CDN से एक static site के रूप में serve किया जाता है।

आप बस AI से भी इनमें से कोई भी बदलाव करने के लिए कह सकते हैं (नीचे देखें)।

Social preview image

जब आप Publish पर click करते हैं, तो dialog के Site info step में आप social-card image set कर सकते हैं — वो Open Graph / Twitter image जो आपका link social media या chat apps पर share होने पर दिखती है। Proyecta आपकी live site से automatically एक image generate करता है, और आप कभी भी अपनी खुद की upload कर सकते हैं या उसे regenerate कर सकते हैं।

आपका site title, description, और favicon आपके app के admin panel से edit किए जाते हैं, इस step से नहीं। Social image को publish करने पर आपके published HTML में og:image और twitter:image के रूप में inject किया जाता है।

Proyecta badge छुपाएँ

Free plan पर published apps में एक छोटा “Hecho con Proyecta” badge दिखता है। इसे छुपाने के लिए, builder की Settings sheet खोलें और Branding के अंतर्गत Hide Proyecta badge toggle करें। यह control paid plans पर workspace admins के लिए उपलब्ध है, और अगली बार publish करने पर प्रभाव में आता है।

AI chat से आप क्या कर सकते हैं

Proyecta के AI के पास आपके source tree तक पूरी access है, इसलिए branding या SEO का कोई भी बदलाव जो आप describe कर सकते हैं, वो apply कर सकता है। ये prompts सीधे काम करते हैं:

Favicon और browser tab

• "Update the favicon to use my logo — here's the image" (image को chat में drag करें)
• "Change the browser tab title to 'Acme — All-in-one CRM'"

Meta tags और 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 और visual identity

• "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" (screenshot paste करें)

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"

चूँकि AI ये बदलाव सीधे आपके code में लिखता है, इसलिए ये हर दूसरे बदलाव की तरह git में commit होते हैं — आप इन्हें Version History में browse कर सकते हैं और पसंद न आने पर revert कर सकते हैं।

बेहतर results के लिए tips

• Reference images share करें। Mockups, brand guidelines, या उन sites के screenshots जो आपको पसंद हैं, chat में drag करें। AI visual details को समझ लेता है।
• Scope के बारे में specific रहें। “Update the favicon” “update the branding” से ज़्यादा स्पष्ट है। बड़े बदलाव focused turns में तोड़े जाने पर ज़्यादा सही तरीके से होते हैं।
• Publish से पहले preview करें। Branding changes अक्सर builder preview की तुलना में published site पर अलग दिखते हैं। अपने *.proyecta.live subdomain पर publish करें और commit करने से पहले result जाँचें।

जल्द आ रहा है

• Built-in SEO audit tool — discoverability बेहतर बनाने के लिए automated suggestions
• Automatic sitemap generation build time पर