Lewati ke konten
Proyecta Docs

Branding & SEO

Sesuaikan favicon, meta tag, tema, dan sitemap aplikasimu dengan meminta AI. Panel Branding khusus sedang dalam roadmap.

Branding dan SEO di Proyecta dapat dikelola melalui kombinasi panel Settings dan chat AI.

Pengaturan SEO & berbagi

Section titled “Pengaturan SEO & berbagi”

Klik tombol Settings di toolbar builder dan buka tab SEO & sharing untuk mengatur:

  • Site title — muncul di tab browser dan hasil mesin pencari
  • Site description — meta description yang digunakan oleh mesin pencari
  • Favicon — ikon yang ditampilkan di tab browser (unggah file gambar)

Pengaturan ini akan disuntikkan ke dalam HTML aplikasi yang kamu publikasikan saat kamu publish ke subdomain proyecta.live. Pengaturan ini tersimpan tetapi tidak diterapkan jika aplikasimu menggunakan live pod-routing alih-alih CDN publishing.

Yang bisa kamu lakukan dengan chat AI

Section titled “Yang bisa kamu lakukan dengan chat AI”

AI Proyecta memiliki akses penuh ke source tree-mu, sehingga perubahan branding atau SEO apa pun yang bisa kamu deskripsikan dapat langsung diterapkan. Prompt-prompt berikut langsung bisa digunakan:

Favicon dan tab browser

  • "Update the favicon to use my logo — here's the image" (seret gambar ke dalam chat)
  • "Change the browser tab title to 'Acme — All-in-one CRM'"

Meta tag dan pratinjau sosial

  • "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 dan identitas visual

  • "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" (tempel screenshot-nya)

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"

Karena AI menulis perubahan ini langsung ke dalam kode-mu, perubahan tersebut di-commit ke git seperti perubahan lainnya — kamu bisa melihatnya di Version History dan mengembalikannya jika hasilnya tidak sesuai harapan.

Tips untuk hasil yang lebih baik

Section titled “Tips untuk hasil yang lebih baik”
  • Bagikan gambar referensi. Seret mockup, panduan brand, atau screenshot situs yang kamu sukai ke dalam chat. AI akan menangkap detail-detail visualnya.
  • Spesifik soal cakupan. “Update the favicon” lebih jelas daripada “update the branding.” Perubahan besar lebih berhasil jika dipecah menjadi langkah-langkah yang lebih terfokus.
  • Pratinjau sebelum publish. Perubahan branding sering terlihat berbeda di situs yang sudah dipublikasikan dibandingkan di pratinjau builder. Publish ke subdomain *.proyecta.live-mu dan periksa hasilnya sebelum kamu memutuskan untuk melanjutkan.

Segera hadir

Section titled “Segera hadir”
  • Pratinjau media sosial — pembuatan gambar Open Graph otomatis dari aset brand-mu
  • Alat audit SEO bawaan — saran otomatis untuk meningkatkan keterdapatan (discoverability)
  • Pembuatan sitemap otomatis saat build time