Lewati ke konten

Branding & SEO

Sesuaikan favicon, meta tag, tema, dan gambar sosial aplikasimu dari panel admin aplikasi dan dengan meminta AI.

Branding dan SEO dikelola dari panel admin aplikasimu sendiri, pengaturan Branding di builder, dan chat AI.

SEO aplikasimu — judul situs, meta description, dan favicon — diedit dari panel admin aplikasi yang sudah dipublikasikan, di mana pemilik dapat mengubahnya kapan saja tanpa kode. Nilai-nilai ini ditulis ke dalam HTML yang dipublikasikan setiap kali kamu melakukan publish; aplikasimu disajikan sebagai situs statis dari CDN Proyecta.

Kamu juga bisa langsung meminta AI untuk mengubah salah satu dari mereka (lihat di bawah).

Saat kamu mengklik Publish, langkah Site info pada dialog memungkinkan kamu mengatur gambar social-card — gambar Open Graph / Twitter yang ditampilkan saat tautanmu dibagikan di media sosial atau aplikasi chat. Proyecta menghasilkannya secara otomatis dari situs live-mu, dan kamu bisa upload sendiri atau regenerate kapan saja.

Judul situs, deskripsi, dan favicon diedit dari panel admin aplikasimu, bukan dari langkah ini. Gambar sosial disuntikkan ke dalam HTML yang dipublikasikan sebagai og:image dan twitter:image saat kamu melakukan publish.

Aplikasi yang dipublikasikan pada paket gratis menampilkan badge kecil “Hecho con Proyecta”. Untuk menyembunyikannya, buka sheet Settings di builder dan aktifkan Hide Proyecta badge di bawah Branding. Kontrol ini tersedia untuk admin workspace pada paket berbayar, dan berlaku saat kamu melakukan publish berikutnya.

AI Proyecta memiliki akses penuh ke pohon sumber kode aplikasimu, sehingga perubahan branding atau SEO apa pun yang dapat kamu deskripsikan, dapat diterapkan olehnya. Prompt-prompt berikut berfungsi langsung:

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, perubahan tersebut di-commit ke git seperti setiap perubahan lainnya — kamu bisa menelusurinya di Version History dan mengembalikannya jika hasilnya tidak sesuai.

  • Bagikan gambar referensi. Seret mockup, panduan brand, atau screenshot situs yang kamu sukai ke dalam chat. AI memperhatikan detail visual.
  • Jelaskan ruang lingkupnya secara spesifik. “Update the favicon” lebih jelas daripada “update the branding.” Perubahan besar lebih berhasil jika dipecah menjadi permintaan-permintaan yang lebih fokus.
  • Preview sebelum publish. Perubahan branding sering kali terlihat berbeda di situs yang dipublikasikan dibandingkan di preview builder. Publish ke subdomain *.proyecta.live-mu dan periksa hasilnya sebelum kamu yakin dengan perubahan tersebut.
  • Alat audit SEO bawaan — saran otomatis untuk meningkatkan kemudahan penemuan situs
  • Pembuatan sitemap otomatis saat build time