Bir web sitesi için ajansı haftalarca beklemen ya da kod öğrenmeye aylar ayırman gerektiğini mi sanıyorsun? Artık değil. Sohbet penceresine ne istediğini yazıyorsun, çıkan sonucu da konuşarak şekillendiriyorsun. ChatGPT ile web sitesi yapma konusundaki Türkçe kaynakların çoğu genel prompt listelerinden öteye geçmiyor. Bu rehber farklı. Hesabını kontrol etmekten ilk prompt’a, tasarım revizyonundan yayın öncesi kontrole kadar tüm süreci kopyala-yapıştır örneklerle göreceksin. Sonunda ChatGPT’nin site üretme akışını Lovable, Bolt ve v0 gibi alternatiflerle kıyaslayıp sana uygun aracı seçeceksin.
Küçük not: Bu alan çok hızlı değişiyor. Özelliklerin adı, plan kapsamı ve limitler güncellenebilir. Kritik detayları OpenAI’ın resmi duyuru ve yardım sayfalarından da doğrula.
Bu yazıda
- ChatGPT ile Web Sitesi Oluşturma Nasıl Çalışır?
- Türkiye’den Kullanabilir misin ve Başlamak İçin Ne Gerekir?
- Adım Adım: Sıfırdan Web Sitesi Nasıl Yapılır?
- Kopyala-Yapıştır Prompt Örnekleri
- SEO, Hız ve Revizyon İpuçları
- ChatGPT mi, Lovable mı? Hangi Araç Sana Uygun?
- Hemen Dene: İlk Siteni Bugün Kur
- Sonuç
ChatGPT ile Web Sitesi Oluşturma Nasıl Çalışır?
Mantık basit: Sektörünü, tarzını ve sayfa yapısını doğal dille anlatıyorsun, ChatGPT bunu çalışan bir sayfaya çeviriyor. Fikir yeni değil. OpenAI, Ekim 2024’te Canvas ile HTML ve React çıktılarını önizlenebilir hâle getirmişti. Claude Artifacts ve Gemini Canvas de benzer bir mantıkla çalışıyor.
Akış şöyle:
- Prompt’undaki niyet ve içerik çözümleniyor.
- Sayfa yapısı, metinler ve tasarım kararları üretiliyor.
- “Hero bölümünü sadeleştir” gibi bir komut verdiğinde sistem ağırlıklı olarak sadece o parçayı güncelliyor.
Yani her seferinde sıfırdan başlamıyorsun. Bir tasarımcıyla konuşur gibi adım adım ilerleyip iterasyon yapıyorsun.
Bu yöntem en çok freelancer’lara, girişimcilere, KOBİ sahiplerine ve hızlıca portfolyo ya da landing page isteyen profesyonellere yarıyor. Ajansla çalışırken brief, teklif ve revizyon turları haftaları bulabilir. Yazılımcıyla çalışırken her küçük değişiklik ayrı bir göreve dönüşür. Burada ise ilk taslağı dakikalar içinde ekranında görüyorsun.
Türkiye’den Kullanabilir misin ve Başlamak İçin Ne Gerekir?
Erişim, plan kapsamı ve kullanım limitleri hesaba ve döneme göre değişiyor. En güvenilir yol kendi hesabını kontrol etmek:
- chatgpt.com’a git, e-posta ya da Google hesabınla giriş yap.
- Araçlar veya model menüsünde site/sayfa oluşturma seçeneğini ara. [Ekran görüntüsü: araç seçim menüsü]
- Seçeneği göremiyorsan OpenAI yardım sayfasındaki güncel kapsam bilgisine göz at. Bu arada Canvas ile aynı akışı uygulayabilirsin. “HTML, CSS ve JavaScript ile tek sayfalık bir site yaz” dediğinde önizleme alır, konuşarak revize edersin.
Başlamadan önce şunları bir not dosyasında topla:
- Marka adı ve tek cümlelik değer önerisi
- Hedef kitle
- Logo ve renk kodları (HEX)
- Hizmet veya ürün listesi
- Müşteri yorumları, gerçek rakamlar
- İletişim bilgileri
Prompt’a “Tüm içerik Türkçe olsun” cümlesini eklemeyi unutma. Önizlemede “ş, ğ, ı, İ” gibi karakterlerin doğru göründüğünü mutlaka kontrol et. Bir de alan adını (domain) marka adınla uyumlu ve kısa tut, tavsiyem bu.
Adım Adım: Sıfırdan Web Sitesi Nasıl Yapılır?
Adım 1: İlk prompt ile iskeleti kur. Tek cümleyle de başlayabilirsin ama ne kadar detay verirsen sonuç o kadar iyi olur:
Sen deneyimli bir web tasarımcısısın. İstanbul’da faaliyet gösteren bir dijital pazarlama danışmanı için tek sayfalık, Türkçe bir tanıtım sitesi hazırla. Hedef kitle: küçük işletme sahipleri. Ton: samimi ve profesyonel.
[Ekran görüntüsü: ilk prompt ve üretilen taslak]
Adım 2: Sayfa yapısını netleştir.
Üst menüde Hizmetler, Hakkımda, Referanslar ve İletişim olsun. Hero bölümünde güçlü bir başlık ve tek bir CTA butonu kullan.
Adım 3: Tasarımı konuşarak değiştir.
Ana rengi #1F4FFF yap, başlık fontunu daha kalın seç, bölümler arası boşluğu artır.
[Ekran görüntüsü: revizyon öncesi ve sonrası]
Adım 4: Önizle, test et, yayına al. Masaüstü ve mobil görünümü ayrı ayrı kontrol et. Form ve butonlara tıkla, yazım hatalarını tara. Hazırsan yayınla. Hesabında yayın seçeneği yoksa kodu dışa aktarıp Netlify, Vercel ya da kendi hosting’ine yükleyebilirsin.
Kopyala-Yapıştır Prompt Örnekleri
İyi bir prompt’un formülü şu: Rol + hedef kitle + sayfa yapısı + ton + tasarım detayı. Köşeli parantezleri kendi bilgilerinle doldur, gerisini ChatGPT’ye bırak.
Kurumsal site:
Kurumsal bir web sitesi tasarımcısı gibi davran. [Şirket adı] için Türkçe bir site hazırla. Hedef kitle: B2B müşteriler. Sayfalar: Ana Sayfa, Hizmetler, Hakkımızda, İletişim formu. Ton: güvenilir ve sade. Tasarım: beyaz zemin, lacivert vurgu.
Freelancer portfolyo:
Bir portfolyo uzmanı olarak [meslek] için tek sayfalık site yap. Bölümler: kısa tanıtım, 6 proje kartı, 3 müşteri referansı, CV özeti, iletişim. Ton: samimi ve özgüvenli. Koyu tema, büyük tipografi.
Landing page:
Dönüşüm odaklı bir landing page hazırla. Ürün: [ürün adı]. Yapı: net başlık, 3 maddelik fayda listesi, sosyal kanıt alanı, tek CTA butonu (“Hemen Dene”). Ton: enerjik, kısa cümleler.
Yerel işletme (restoran, klinik, kuaför):
[İşletme türü] için mobil öncelikli, Türkçe bir tanıtım sitesi hazırla. Bölümler: açılış başlığı, hizmetler ve fiyat aralığı, çalışma saatleri, harita alanı, WhatsApp ile iletişim butonu. Ton: sıcak ve güven veren.
Prompt’unu ne kadar net yazarsan, ilk çıktı yayına o kadar yakın olur.
SEO, Hız ve Revizyon İpuçları
Siteyi yayına almadan önce temel SEO ayarlarını ayrı bir revizyon turunda iste:
- Sayfada tek bir H1 olsun, başlık hiyerarşisi (H1, H2, H3) düzgün ilerlesin.
- Sayfa başlığı 60 karakteri geçmesin.
- Meta açıklama 150-160 karakter olsun.
- Ana anahtar kelimeni doğal biçimde yerleştir.
- Görsellere anlamlı Türkçe alt metin ekle.
Hepsini tek seferde şu prompt’la isteyebilirsin:
Tüm görseller için Türkçe alt metin ekle, sayfa başlığını 60 karakteri geçmeyecek şekilde yeniden yaz ve 155 karakterlik bir meta açıklama öner.
Revizyonda “bunu değiştir” demek yerine ölçülebilir talimat ver: “Hero başlığını 8 kelimeye indir”, “hizmet kartlarını 3 sütuna düzenle”, “CTA butonunu sayfada iki yerde tekrarla”.
Sık yapılan hatalar:
- Genel geçer metinler: Gerçek rakamlarını, müşteri yorumlarını ve kendi hikâyeni ekle.
- Tutarsız tasarım: Renk ve font kurallarını baştan prompt’a yaz.
- Eksik sayfalar: Gizlilik politikası, KVKK aydınlatma metni ve iletişim bilgilerini unutma. Formla veri topluyorsan bu metinler zorunlu.
- Doğrulanmamış bilgi: Yapay zeka uydurma referans veya rakam yazabilir. Yayından önce her iddiayı kontrol et.
Ödeme altyapısı, üyelik sistemi veya karmaşık entegrasyon gerekiyorsa özel kodlama ya da profesyonel destek almayı düşün.
ChatGPT mi, Lovable mı? Hangi Araç Sana Uygun?
ChatGPT’nin artısı tanıdık arayüzü ve düşük öğrenme eğrisi. Zaten kullanıyorsan yeni bir araç öğrenmene gerek yok. Lovable ise uygulama mantığına daha yakın. Kod tabanı, veritabanı ve entegrasyon konusunda daha fazla esneklik sunuyor.
| Araç | En uygun olduğu iş |
|---|---|
| ChatGPT | Hızlı landing page, portfolyo, basit tanıtım sitesi |
| Lovable | Veritabanlı, giriş sistemli web uygulaması |
| Bolt | Tarayıcıda hızlı prototip |
| v0 (Vercel) | React tabanlı arayüz bileşenleri |
Fiyat, Türkçe desteği ve limitler hepsinde güncel planlara göre değişiyor. Karar vermeden önce aynı prompt’u iki araçta dene, çıktıları yan yana koy.
Dijital dönüşüm açısından bakınca bu araçlar “fikir, taslak, yayın” döngüsünü günlerden saatlere indiriyor. Ekibinde bir kampanya sayfası gerektiğinde ilk taslağı kendin çıkarıp tasarımcıya cilalatabilirsin.
Hemen Dene: İlk Siteni Bugün Kur
Teori yeter, sıra sende. chatgpt.com‘a gir ve şu üç adımı uygula:
- Hesabına giriş yap, site oluşturma aracını (ya da Canvas’ı) aç.
- İlk prompt’unu yaz: “[Mesleğim] için tek sayfalık, Türkçe bir portfolyo sitesi hazırla.”
- Önizlemeyi incele, mobil görünümü kontrol et ve yayına hazırla.
15 dakikalık mini görev: Kendi işin için tek sayfalık bir site oluştur. Mükemmel olması gerekmiyor. Ardından üç revizyon iste: renk, başlık ve CTA butonu. Sonucu paylaş, takıldığın yeri de sor. Birlikte çözeriz.
Sonuç
ChatGPT ile web sitesi yapma artık kod bilgisinden çok, ne istediğini net anlatma becerisi meselesi. Doğru prompt yapısı, adım adım revizyon ve temel SEO ayarlarıyla birkaç saat içinde yayına hazır bir site çıkarabilirsin. İşin sırrı mükemmel ilk prompt’u beklemek değil, hızlıca başlayıp konuşarak iyileştirmek.
Şimdi ChatGPT’yi aç, ilk prompt’unu yaz ve sen de yapabildiğini gör. Yeni yapay zeka araç rehberlerini kaçırmamak için Tolga Vuranel’i takip etmeye devam et.
Sıkça Sorulan Sorular
ChatGPT Sites tamamen ücretsiz mi, yoksa ödeme gerekir?
ChatGPT Sites özelliği ChatGPT Plus (20$) ve Team planlarında mevcuttur. Ücretsiz ChatGPT hesabında henüz aktif değildir. Türkiye’den aksesibilite konusunda OpenAI resmi duyurularını takip etmeniz önerilir.
ChatGPT’ye hangi prompt verirsem en iyi web sitesi çıkar?
En etkili promptlar sektör, hedef kitle, sayfa yapısı ve renkler gibi özellikleri belirtir. Örneğin “SaaS landing page yap, darkmode, İngilizce, dosya yükleme özelliği” gibi spesifik detaylar eklediğinizde sonuç çok daha iyi olur. Genel promptlar orta kalite çıktı verir.
ChatGPT sitesi tasarımını değiştirebilir miyim, yoksa sabit midir?
Tamamen değiştirebilirsiniz. “Hero bölümünü sadeleştir”, “renkleri değiştir”, “mobilde daha dar yap” gibi komutlarla iteratif olarak düzenleyebilirsiniz. Her revizyon ayrı bir prompt olmaz, sohbet penceresinde devam eder.
ChatGPT ile yapılan siteler mobilde de düzgün görünür mü?
Evet, ChatGPT tarafından üretilen HTML ve React kodları responsive tasarım içerir. Ancak sayfa sayısı arttıkça ya da çok kompleks yapı ekledikçe mobil optimizasyonunu kendiniz kontrol etmeniz tavsiye edilir.
ChatGPT yerine Lovable, Bolt veya v0 kullanmalı mıyım?
Her aracın gücü farklıdır. ChatGPT Sites sohbet tabanlı, Bolt hızlı prototipler, v0 Vercel entegrasyonlu, Lovable interaktif. Yazınızda tüm araçlar karşılaştırılıyor; ihtiyacınıza göre seçin.
Türkçe içerik için ChatGPT mi yoksa Türkçe AI araçları mı kullanmalıyım?
ChatGPT Türkçeyi iyi destekler ancak yerel araçlar (örneğin HuggingFace Türk modelleri) bazı durumlarda daha iyi sonuç verebilir. İçeriği ChatGPT’de oluşturup Türkçe yazı taslağını kontrol etmeniz en güvenli yoldur.
Tolga Vuranel
Dijital Dönüşüm Danışmanı & Üretken Yapay Zeka Eğitmeni · Hit & Hand Media