İçeriğe geç

Marka & SEO

AI’ya sorarak uygulamanın favicon’ını, meta etiketlerini, temasını ve site haritasını özelleştir. Özel bir Marka paneli yol haritasında yer alıyor.

Proyecta’da marka ve SEO ayarları, Settings paneli ile AI sohbetinin birlikte kullanımıyla yönetilebilir.

Builder araç çubuğundaki Settings düğmesine tıkla ve şunları ayarlamak için SEO & sharing sekmesini aç:

  • Site title — tarayıcı sekmesinde ve arama motoru sonuçlarında görünür
  • Site description — arama motorlarının kullandığı meta açıklaması
  • Favicon — tarayıcı sekmelerinde gösterilen simge (bir görsel dosyası yükle)

Bu ayarlar, bir proyecta.live alt alan adına publish ettiğinde yayımlanan uygulamanın HTML’ine eklenir. CDN publishing yerine canlı pod-routing kullanan uygulamalarda saklanır ancak uygulanmaz.

Proyecta’nın AI’ı kaynak ağacına tam erişime sahiptir; dolayısıyla tarif edebildiğin her marka veya SEO değişikliğini uygulayabilir. Aşağıdaki komutlar kutudan çıktığı gibi çalışır:

Favicon ve tarayıcı sekmesi

  • "Update the favicon to use my logo — here's the image" (görseli sohbete sürükle)
  • "Change the browser tab title to 'Acme — All-in-one CRM'"

Meta etiketler ve sosyal medya önizlemeleri

  • "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 ve görsel kimlik

  • "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" (ekran görüntüsünü yapıştır)

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 bu değişiklikleri doğrudan koduna yazdığı için, diğer tüm değişiklikler gibi git’e commit edilir — sonuçları Sürüm Geçmişi bölümünde inceleyebilir, beğenmezsen geri alabilirsin.

  • Referans görseller paylaş. Mockup’ları, marka kılavuzlarını veya beğendiğin sitelerin ekran görüntülerini sohbete sürükle. AI görsel detayları algılar.
  • Kapsamı net belirt. “Markayı güncelle” demek yerine “favicon’ı güncelle” demek daha açıktır. Büyük değişiklikler, odaklı adımlara bölündüğünde daha güvenilir biçimde uygulanır.
  • Yayımlamadan önce önizle. Marka değişiklikleri çoğu zaman builder önizlemesinden farklı görünür. Karara varmadan önce *.proyecta.live alt alan adına publish et ve sonucu kontrol et.
  • Sosyal medya önizlemeleri — marka varlıklarından otomatik Open Graph görseli oluşturma
  • Yerleşik SEO denetim aracı — keşfedilebilirliği artırmaya yönelik otomatik öneriler
  • Build sırasında otomatik site haritası oluşturma