İlk Siteni Lovable ile Kur: KOBİ’ler İçin Rehber

1Lovable nedir, sana ne kazandırır?

Lovable, yazdığın cümlelerden çalışan bir web sitesi ya da uygulama üreten bir yapay zekâ aracı. Ne istediğini sohbet eder gibi yazıyorsun, o da kodu yazıp sana canlı bir önizleme gösteriyor. Beğenmediğin yeri yine sohbetle düzeltiyorsun.

Bir KOBİ için bunun anlamı şu: hazır şablonlara sıkışmadan, ajansa aylarca beklemeden, kendi işine özel bir siteyi bir öğleden sonra içinde yayına alabilirsin. Ücretsiz planla başlayıp siteyi kurabilir ve lovable.app uzantılı bir adreste yayınlayabilirsin. Kendi alan adını (örneğin isletmen.com) bağlamak için ücretli bir plan gerekiyor.

Lovable’da siteyi geliştirirken attığın her mesaj kredi harcar; ücretsiz planda kredi sınırlı. Yayındaki siten form ya da veritabanı gibi bir arka uç kullanıyorsa, site kullanıldıkça ayrıca kullanım (Cloud) maliyeti oluşabilir. Plan sınırları ve fiyatlar zamanla değişebilir, güncelini Lovable’ın fiyat sayfasından kontrol et. Bu yüzden rehberdeki ilk kural şu: başlamadan önce hazırlığını yap, ne istediğini net yaz. Net yazılmış bir prompt, beş düzeltme mesajından daha ucuza gelir.

2Başlamadan önce hazırla

Lovable’ı açmadan önce bir kâğıda ya da not uygulamasına şunları yaz. Bu liste, ilk prompt’unun ham maddesi.

• İşletmenin adı ve tek cümlelik tanımı: “Beykoz’da 15 yıldır hizmet veren aile pastanesi” gibi. Ne yaptığını, nerede yaptığını ve seni farklı kılan şeyi içersin.
• Hizmetlerin ya da ürünlerin: En önemli 3 ila 6 tanesi, her biri için bir iki cümle.
• Kime hitap ediyorsun: Mahalle sakinleri mi, şirketler mi, düğün hazırlığı yapan çiftler mi?
• İletişim bilgileri: Telefon, WhatsApp numarası, e-posta, adres, çalışma saatleri, Instagram hesabı.
• Ziyaretçiden ne istiyorsun: Aramasını mı, WhatsApp’tan yazmasını mı, randevu almasını mı, dükkâna gelmesini mi? Tek bir ana eylem seç.
• Görseller: Kendi dükkânının, ürünlerinin, ekibinin fotoğrafları ve logon. Telefonla çekilmiş net fotoğraflar yeterli.
• Renk ve hava: Logondaki renkler ve sitenin hissi: sıcak ve samimi mi, sade ve kurumsal mı?
• Sık sorulan sorular: Müşterilerinin sana en çok sorduğu 4 ila 6 soru ve cevapları. Bu bölüm, 8. adımda yapay zekâ aramalarında bulunman için çok önemli.
• Beğendiğin 2-3 site: Rakip ya da tamamen farklı sektörden. Neyini beğendiğini bir cümleyle not et.

3İlk prompt: siteyi kur

lovable.dev’e gir, hesabını aç ve ana sayfadaki kutuya aşağıdaki prompt’u yapıştır. Köşeli parantezleri hazırlık listendeki bilgilerle doldur. İlk mesajı ne kadar eksiksiz yazarsan, sonradan o kadar az düzeltme yaparsın.

[İşletme adı] için Türkçe, tek sayfalık, mobil uyumlu bir web sitesi kur.

İşletme: [tek cümlelik tanım, şehir ve semt dahil]
Hedef kitle: [kime hitap ediyor]
Ana eylem: Ziyaretçinin [WhatsApp’tan yazması / araması / randevu alması]. Bu butonu sayfanın üstünde ve sonunda belirgin şekilde göster.

Bölümler sırasıyla:
1. Üst bölüm: işletme adı, tek cümlelik tanım, ana eylem butonu
2. Hizmetler: [hizmet 1: kısa açıklama], [hizmet 2: kısa açıklama], [hizmet 3: kısa açıklama]
3. Hakkımızda: [2-3 cümle: ne zamandır, kim, neden]
4. Sık sorulan sorular: [soru 1 / cevap 1], [soru 2 / cevap 2], [soru 3 / cevap 3]
5. İletişim: adres [adres], telefon [telefon], çalışma saatleri [saatler], Instagram [@hesap]

Tasarım: [sıcak ve samimi / sade ve kurumsal], ana renkler [renkler]. Bol boşluklu, okunaklı yazı tipi. Görsel alanlarına şimdilik yer tutucu koy, fotoğrafları ben yükleyeceğim.

Metinleri yukarıda verdiğim bilgilerle yaz, bilgi uydurma. Eksik bilgi varsa o alanı boş bırakıp bana sor.

Son cümle önemli. Yapay zekâ boşlukları doldurmayı sever; “15 yıllık tecrübe”, “1000+ mutlu müşteri” gibi senin söylemediğin bilgiler yazabilir. Bu cümle onu durdurur, yine de çıkan metni satır satır kontrol et.

Tatlı Köşe Pastanesi için Türkçe, tek sayfalık, mobil uyumlu bir web sitesi kur.

İşletme: Beykoz Paşabahçe’de aile işletmesi pastane; günlük taze pasta, kurabiye ve sipariş üzerine doğum günü pastası.
Hedef kitle: Semt sakinleri ve doğum günü, nişan gibi kutlamalar için pasta sipariş etmek isteyenler.
Ana eylem: Ziyaretçinin WhatsApp’tan sipariş için yazması. Bu butonu sayfanın üstünde ve sonunda belirgin şekilde göster.

Bölümler sırasıyla:
1. Üst bölüm: işletme adı, tek cümlelik tanım, “WhatsApp’tan Sipariş Ver” butonu
2. Hizmetler: Günlük pastalar: her sabah taze; Sipariş pastaları: en az 2 gün önceden; Kurabiye ve tuzlular: kiloyla
3. Hakkımızda: Pastanemizi aile olarak işletiyoruz, tariflerimizi kendimiz geliştiriyoruz.
4. Sık sorulan sorular: Sipariş pastası ne kadar önceden verilmeli? / En az 2 gün önceden. Eve teslimat var mı? / Beykoz içinde var. Glutensiz ürününüz var mı? / Sipariş üzerine hazırlıyoruz.
5. İletişim: adres [adres], telefon [telefon], çalışma saatleri Her gün 08:00-21:00, Instagram [@hesap]

Tasarım: sıcak ve samimi, ana renkler krem ve koyu pembe. Bol boşluklu, okunaklı yazı tipi. Görsel alanlarına şimdilik yer tutucu koy, fotoğrafları ben yükleyeceğim.

Metinleri yukarıda verdiğim bilgilerle yaz, bilgi uydurma. Eksik bilgi varsa o alanı boş bırakıp bana sor.

4Küçük adımlarla düzelt

İlk sürüm hiçbir zaman son sürüm değildir. Önizlemeye bak, beğenmediğin yerleri not et ve her mesajda tek bir şeyi değiştir. Her şeyi tek mesajda istersen bir şey bozulduğunda neyin bozduğunu bulamazsın.

Fotoğraflarını yükle. Sohbet kutusundaki ataç simgesiyle fotoğrafı ekle ve nereye gideceğini yaz:

Eklediğim fotoğrafı üst bölümdeki yer tutucunun yerine koy. Fotoğrafın üzerindeki yazı okunaklı kalsın, gerekirse fotoğrafın üstüne hafif koyu bir katman ekle.

Metni düzelt. Hangi bölümdeki hangi cümle olduğunu açıkça söyle:

Hakkımızda bölümündeki ikinci cümleyi şununla değiştir: “[yeni cümle]”. Başka hiçbir şeyi değiştirme.

Mobil görünümü kontrol et. Önizlemenin üstündeki cihaz simgesinden telefon görünümüne geç. Müşterilerinin çoğu siteni telefondan açacak.

Telefon görünümünde hizmet kartları çok sıkışık duruyor. Mobilde kartları alt alta, aralarında daha fazla boşlukla göster. Masaüstü görünümünü değiştirme.

Bir şey bozulursa geri al. Lovable her değişikliği kaydediyor; sohbet geçmişinde önceki bir sürüme dönebilirsin. Aynı hatayı düzeltmek için üç mesaj yazdıysan dur, geri dön ve isteğini daha net yazarak baştan iste.

5Müşterinin sana ulaşmasını kolaylaştır

Tek sayfalık bir sitenin asıl işi, ziyaretçiyi müşteriye çevirmek. Bunun için üç parça yeterli.

WhatsApp butonu. Türkiye’de küçük işletmeler için en etkili iletişim yolu.

Sayfanın sağ alt köşesine, kaydırırken hep görünen yuvarlak bir WhatsApp butonu ekle. Tıklanınca wa.me/90[numaran, başında 0 olmadan] adresine gitsin (örnek: https://wa.me/905551234567) ve şu mesajla açılsın: “Merhaba, web sitenizden ulaşıyorum.” Üst bölümdeki ana butonu da aynı bağlantıya yönlendir.

Harita. Dükkânın varsa adresini haritada göstermek güven verir.

İletişim bölümüne [adres] için bir Google Haritalar gömülü haritası ekle. Haritanın altına “Yol tarifi al” bağlantısı koy.

İletişim formu (isteğe bağlı). Form doldurulan bilgileri bir yerde saklamak gerektirdiği için Lovable bunun için bir arka uç (Lovable Cloud) kurar. Bu, ziyaretçiler formu kullandıkça kullanım maliyeti oluşturabilir. Basit bir site için WhatsApp ve telefon çoğu zaman yeterli; form istiyorsan:

İletişim bölümüne ad, telefon ve mesaj alanlarından oluşan bir form ekle. Gönderilen mesajları kaydet ve bana yönetim ekranında listele. Formun altına kişisel verilerin yalnızca iletişim için kullanılacağını belirten kısa bir not ve KVKK aydınlatma metni bağlantısı koy.

Formla isim ve telefon topluyorsan bir KVKK aydınlatma metni hazırlaman gerekir. Metnin içeriği işletmene göre değişir; bir hukukçuya ya da mali müşavirine danış.

6Yayına al

Site hazır olduğunda sağ üst köşedeki Publish butonuna tıkla.

1. Açılan pencerede siten için lovable.app ile biten bir adres önerilir. Website URL alanında bu adresi işletmenin adına göre düzenleyebilirsin.
2. Pencere yaklaşık 10 saniyelik hızlı bir güvenlik taraması yapar. Kritik bir sorun çıkarsa yayına almadan önce düzelt.
3. Penceredeki Publish butonuna tıkla. Birkaç dakika içinde siten yayında.

Publish penceresi kredi harcamaz. Bir şeyi unutma: yayından sonra yaptığın değişiklikler kendiliğinden siteye yansımaz. Her güncellemeden sonra Publish penceresini açıp Publish changes’e tıklaman gerekir. Publish butonunun üzerindeki küçük nokta, yayınlanmamış değişiklik olduğunu gösterir.

7Kendi alan adını bağla

lovable.app adresi denemek için yeterli, ama müşterilerin isletmen.com gibi bir adrese daha çok güvenir. Bu adım için Lovable’da ücretli bir plana geçmen gerekiyor. Ayarlar Project → Settings → Domains bölümünde.

Alan adın yoksa: Lovable’dan satın al. En kolay yol. Buy new domain’e tıkla, adını ara, yıllık fiyatı ve yenileme fiyatını gör, bilgilerini doldurup öde. Lovable alan adını kaydeder, ayarlarını yapar ve güvenlik sertifikasını (adres çubuğundaki kilit) kurar. Alan adı aboneliğinden ayrı faturalanır. Alan adı kaydındaki e-posta Lovable hesabındakiyle aynı değilse gelen doğrulama e-postasını onayla, yoksa alan adı askıya alınır.

Alan adın varsa: bağla. Alan adını aldığın firmada (örneğin bir Türk alan adı firması) iki kayıt eklemen gerekiyor. Lovable bunu senin yerine yapmayı da teklif eder: Automatic setup’ı seçip alan adı firmana giriş yaparsan kayıtları kendisi ekler. Elle eklemek istersen:

• A kaydı: Ad @, değer 185.158.133.1
• TXT kaydı: Ad _lovable, değer Lovable’ın kurulum penceresinde gösterdiği lovable_verify= ile başlayan kod. Bu kod sana özel, elle yazma, kopyala.

Bağladığın adla çakışan eski web sitesi kayıtları (A, AAAA, CNAME) varsa Lovable bunları kaldırmanı ister; bunlar ziyaretçiyi eski sitene götürür. Ne işe yaradığından emin olmadığın bir kaydı silmeden önce alan adı firmana ya da bize sor. E-posta kayıtlarına (MX) dokunma. www ile başlayan adres varsayılan olarak ana adresine yönlendirilir.

Kayıtların tüm internete yayılması çoğu zaman birkaç saat, bazen 72 saate kadar sürer. Durum Live olduğunda gizli bir tarayıcı penceresinde siteni aç, adres çubuğunda kilidi gör ve eski lovable.app adresinin yeni adresine yönlendiğini kontrol et.

8Google’da ve yapay zekâ yanıtlarında bulun

Site yayında ama kimse bulamıyorsa işe yaramaz. Müşterilerin artık sadece Google’da aramıyor, ChatGPT gibi asistanlara da “Beykoz’da iyi bir pastane” diye soruyor. İkisi için de yapılacaklar aynı yerde başlıyor.

Lovable’ın SEO ve yapay zekâ taramasını çalıştır. More → Analytics bölümünde SEO & AI sekmesini aç. Bulduğu eksiklerin çoğunu tek tıkla düzeltmeyi teklif eder. Bazı kontroller yalnızca yayındaki sitede çalışır; bu yüzden taramayı yayından ve alan adını bağladıktan sonra yap.

Google Search Console’u kur. Önce Connectors → Google Search Console → Connect ile Google hesabını bağla. Sonra taramada “Google Search Console isn’t fully set up” önerisini görürsen Try to fix’e tıkla. Lovable siteni Google’a doğrulatır ve sayfa listeni (sitemap) gönderir.

Başlığını ve açıklamanı düzenle. Google sonuçlarında ve WhatsApp’ta paylaşılınca görünen başlık ile açıklama bunlar. İşletme adını, ne yaptığını ve semtini içersin:

Sitenin sayfa başlığını “[İşletme adı] | [Ne yapıyor], [Semt/Şehir]” yap. Açıklamayı 150 karakteri geçmeyecek şekilde şöyle yaz: “[tek cümlelik tanım ve ana eylem]”. Paylaşım görseli olarak üst bölümdeki fotoğrafı kullan.

Yapay zekânın seni anlamasını kolaylaştır. ChatGPT, Gemini ve Claude gibi asistanlar bir işletmeyi önerirken net, tutarlı ve doğrulanabilir bilgiye bakar. Üç şey çok işe yarar: sık sorulan sorular bölümünün dolu olması (3. adımda ekledin), adres, telefon ve çalışma saatlerinin her yerde (site, Google İşletme Profili, Instagram) aynı yazılması ve sitede işletme bilgilerinin yapılandırılmış veri olarak işaretlenmesi:

Sitene LocalBusiness türünde yapılandırılmış veri (JSON-LD) ekle: işletme adı [ad], adres [adres], telefon [telefon], çalışma saatleri [saatler], web sitesi adresi, Instagram hesabı [@hesap]. Sık sorulan sorular bölümü için de FAQPage yapılandırılmış verisi ekle. Bilgileri sayfadaki metinlerle birebir aynı yaz.

!Sık yapılan hatalar

• İlk mesajı tek cümleyle geçmek: “Bana pastane sitesi yap” yazarsan Lovable her şeyi kendisi uydurur, sen de düzeltmeye kredi harcarsın. 2. adımdaki hazırlık listesini doldur.
• Uydurulan bilgileri fark etmemek: Senin vermediğin rakamlar, ödüller, yorumlar sitede kalırsa hem güven kaybettirir hem de yapay zekâ asistanlarına yanlış bilgi verir. Yayından önce her cümleyi oku.
• Tek mesajda beş değişiklik istemek: Küçük adımlarla ilerle, her adımdan sonra önizlemeye bak.
• Stok fotoğraf kullanmak: Kendi dükkânının, ürününün, ekibinin fotoğrafı her zaman daha çok güven verir.
• Yayından sonra Publish changes’i unutmak: Önizlemede gördüğün değişiklik, sen yayınlayana kadar sitede yok.
• Telefon görünümüne bakmamak: Siteni müşterilerinin çoğu telefondan açacak.
• Bilgileri her yerde farklı yazmak: Sitede bir saat, Google’da başka saat yazıyorsa hem müşterin hem yapay zekâ karışır.

✓Yayına almadan önce kontrol listesi

• Tüm metinleri okudum, uydurma bilgi yok.
• Telefon, WhatsApp ve adres doğru; WhatsApp butonu doğru numaraya gidiyor.
• Telefon görünümünde her bölüm düzgün görünüyor.
• Kendi fotoğraflarımı yükledim.
• Sayfa başlığı ve açıklaması işletme adımı, işimi ve semtimi içeriyor.
• Form kullanıyorsam KVKK aydınlatma metni bağlantısı var.
• Yayından sonra SEO ve yapay zekâ taramasını çalıştırdım.