Yapay Zeka ile Web Sitesi Nasıl Yapılır? Adım Adım Rehber

Yapay zeka ile web sitesi yapmak için istediğin siteyi sade bir dille anlat, logonu, fotoğraflarını ya da fiyat listeni ekle ve bir yapay zeka site oluşturucunun siteyi kurup barındırmasına izin ver. Canlı sonucu incele, doğru olana kadar değişiklikleri aynı sohbette iste. Son olarak kendi alan adını bağla ve siteyi yayına al.

• Yazmaya başlamadan hazırlan: sitenin tek ana hedefi, sayfaları ve gerçek metinlerin, fotoğrafların ve fiyatların.
• Ayrıntılı tek bir ilk mesaj, art arda gönderilen kısa mesajlardan iyidir; hele 5 saatlik pencerede tek oluşturma hakkı veren ücretsiz planda.
• Logo, PDF menü ya da fiyat listesi gibi elinde ne varsa ekle; site yer tutucu metinler yerine senin içeriğini kullansın.
• Formlar, randevular, girişler ve ödemeler istenerek eklenir. Ödeme ve e-posta ancak kendi anahtarlarını Entegrasyonlar altına eklediğinde çalışır.
• Telefonda test et, her fiyatı ve iddiayı kontrol et; adres basılı bir şeye girmeden önce kendi alan adına geç.

Başlamadan önce: hedef, sayfalar, gerçek içerik ve fotoğraflar

Yapay zekayla yapılan bir sitenin kalitesi, araçtan çok senin getirdiklerine bağlıdır. Biraz hazırlık, birkaç düzeltme turundan kurtarır. Önce şunları topla:

• Tek bir ana hedef. Ziyaretçi ne yapmalı: aramalı mı, randevu mu almalı, sipariş mi vermeli, bilgi mi istemeli, listeye mi katılmalı? Beş eylemi eşit derecede öne çıkarmaya çalışan bir site, hiçbirini öne çıkaramaz.
• Sayfalar. Tipik bir yerel işletme sitesinde Ana sayfa, Hizmetler ya da Menü, Hakkımızda, İletişim ve belki Randevu veya Sipariş sayfası bulunur. Serbest çalışan biri ya da bir etkinlik için bölümlerden oluşan tek sayfalık bir site de yeterlidir.
• Gerçek içerik. İşletme adı, adres, telefon, çalışma saatleri, fiyatlarıyla hizmetler ve kullanma iznin olan birkaç kısa müşteri yorumu. Bunları mesaja yapıştır ya da dosya olarak ekle.
• Fotoğraflar. Dükkânın, ekibin ve işinin kendi çektiğin fotoğrafları her stok görselden iyidir. Fotoğraf yoksa WisyLink stok fotoğraflar ya da sade vektör çizimler kullanır; fotoğraf üretmez.
• Dil. Sitenin hangi dillerde olacağına karar ver. İki dilli bir site, kendi adresleri olan gerçek dil sürümleri alır; bunu en baştan istemek sonradan eklemekten daha kolaydır.

Sürecin tamamı bir bakışta:

1. Siteyi tek ve net bir mesajla anlat.
2. Logonu, fotoğraflarını, menünü ya da fiyat listeni ekle.
3. Oluşturmayı izle ve canlı bağlantıyı aç.
4. Yeni mesajlarla düzelt ve geliştir.
5. Gerektiğinde form, randevu, giriş ya da ödeme ekle.
6. Kendi alan adına taşı ve yayına al.

Bunu ücretsiz yapabilir misin? Evet. WisyLink'in Topluluk planı ücretsizdir, kart istemez ve eksiksiz bir siteyi hem kurar hem barındırır. Hesaba katman gereken iki sınırı var: 5 saatlik pencere başına bir oluşturma ve 30 gün yayında kalan, sonra bir hafta daha silinmek üzere işaretli bekleyen, yükseltmezsen de silinen bağlantılar. Süresi dolmayan bağlantılar için aylık 7 dolardan başlayan ücretli bir plan gerekir; kendi alan adı ise ücretsiz plan dahil her planda bağlanabilir. Topluluk planıyla başlayıp site paylaşılmaya hazır olduğunda yükseltebilirsin.

1. adım: Siteyi tek ve net bir mesajla anlat

Güvendiğin bir tasarımcıya brif verir gibi yaz: İşletme ne, kime hitap ediyor, hangi sayfalara ve özelliklere ihtiyaç var, nasıl bir his bırakmalı. Tablo, her parçanın ne işe yaradığını gösteriyor.

Hepsi bir araya gelince, bir mahalle pastanesi için ilk mesaj şöyle olabilir:

Moda Caddesi No. 14'teki mahalle pastanesi ve kafesi Fındık Butik Pastane için bir web sitesi yap. Ana hedef: insanların uğraması ve kutlama pastası için ön sipariş vermesi.

Sayfalar: Ana sayfa (büyük bir vitrin fotoğrafı, günün ürünleri, çalışma saatleri), Menü (ekteki fiyat listesindeki fiyatlarla ekmekler, hamur işleri ve pastalar), Pastalar (ön sipariş formu: ad, e-posta, telefon, pasta türü, boyut, teslim alma tarihi, pasta üstü yazı), Hakkımızda (hikâyemiz, ekteki ekip fotoğrafları) ve İletişim (telefon, harita bağlantılı adres, saatler).

Her ön siparişi kaydet ve bana siparişleri görüp tamamlandı olarak işaretleyebileceğim basit bir yönetim sayfası ver. Sıcak, el yapımı bir görünüm: krem arka plan, koyu yeşil vurgular, ekteki logo. Yalnızca Türkçe.

WisyLink'in sohbet asistanı Wisy bunu okur ve ya sonucu değiştirecek bir konuda kısa bir soru sorar (“Pasta siparişlerinde online kapora alınsın mı?”) ya da oluşturmaya başlar. Düğme metinleri ve bölüm sırası gibi küçük kararları kendisi verir. Sorusuna tek satırla yanıt vermen yeterli.

2. adım: Logonu, fotoğraflarını, menünü ya da fiyat listeni ekle

Ekler, gerçek içeriğini siteye taşımanın en hızlı yoludur. WisyLink, her biri en fazla 25 MB olmak üzere 17 dosya türünü kabul eder; bunlar arasında JPEG, PNG, WebP, HEIC ve SVG görseller, PDF, Word ve Excel belgeleri, CSV ve düz metin var. En iyi sonucu verenler:

• Logo: SVG ya da arka planı şeffaf bir PNG.
• Fotoğraflar: doğrudan telefonundan gelmesi sorun değil, HEIC de olur. Birbirine benzeyen kırk fotoğraf yerine birkaç güçlü kare seç.
• Menü ya da hizmetler: müşterilerine zaten verdiğin PDF ya da Word dosyası.
• Fiyatlar ya da ürün listeleri: ürün, kategori, fiyat gibi net sütun adları olan bir CSV ya da Excel dosyası.

Her dosyanın ne için olduğunu mesajda söyle: “ekip.jpg'yi Hakkımızda sayfasında kullan”, “fiyatları fiyatlar.xlsx dosyasından al”. Eklediğin dosyalar bağlantının Referans dosyaları bölümünde kalır, böylece sonraki oluşturmalar da onları kullanabilir. Yalnızca kullanma hakkın olan fotoğrafları ve metinleri yükle.

Var olan bir sitenin yerine mi geçiyorsun? Her sayfanın metnini bir Word ya da metin dosyasına kopyalayıp ekle ve /menu ya da /fiyatlar gibi eski sayfa adreslerini listele ki yeni site bu adresleri koruyabilsin. Aynı adresleri korumak, o sayfaların aramada kazandığı sıralamaları da korur.

3. adım: Oluşturmayı izle ve canlı bağlantıyı aç

Oluşturma başladığında sohbetteki canlı görev listesi yapay zeka ajanının ne yaptığını gösterir; bir yanlış anlamayı erken fark edersen Durdur düğmesiyle işlemi kesebilirsin. iOS ya da Android uygulamasında oluşturma bitince bildirim alırsın. İlk oluşturma tamamlanana kadar sitenin adresinde bir “oluşturuluyor” sayfası görünür.

Biten site kendi HTTPS adresinde, https://<id>.wisylink.com üzerinde yayındadır; sohbette önizleyebilir ya da yeni sekmede açabilirsin. Oluşturmanın kapanış notunu oku: Neyin kurulduğunu ve yönetici giriş bilgileri ya da eklenecek anahtarlar gibi yapman gerekenleri listeler. Sonra ilk turu yap:

1. Siteyi önce telefonunda aç; müşterilerinin çoğu onunla ilk kez orada karşılaşacak.
2. İşletme adını, adresi, telefon numarasını, saatleri ve her fiyatı kendi kayıtlarınla karşılaştır.
3. Telefon numarasına ve harita bağlantısına dokun.
4. Formu gerçeğe yakın bilgilerle gönder, sonra kaydın yönetim sayfasında göründüğünü kontrol et.
5. Bir şey göndermeden önce değişmesini istediğin her şeyi not et.

4. adım: Yeni mesajlarla düzelt ve geliştir

Bütün değişiklikler aynı sohbette yapılır; sürükle-bırak editör de, dokunulacak kod da yoktur. İyi bir düzeltme mesajı sayfayı, öğeyi ve değişikliği söyler:

• “Menü sayfasında ürünleri Ekmekler, Hamur İşleri ve Pastalar başlıkları altında grupla, fiyatlar sağa hizalı olsun.”
• “Ana sayfadaki fotoğrafı ekteki vitrin.jpg ile değiştir.”
• “Mobilde telefon numarasını üst bölüme koy ve dokununca arasın.”
• “Teslim alma tarihi bugünden en az iki gün sonra olmalı. Daha erken tarihleri kapat.”

Değişikliklerini topla. Her değişiklik yeni bir oluşturmadır ve ücretsiz planda 5 saatlik pencere başına bir oluşturma hakkın var; tek mesajda sekiz düzeltmelik bir liste, sekiz ayrı mesajdan çok daha hızlı ilerler. Ücretli planlarda kullanım hakkı daha geniş, oluşturmalar arasındaki bekleme daha kısadır. Bir oluşturma başarısız olursa önceki sürüm yayında kalır; yani denemek siteyi riske atmaz.

Sonradan çok sayıda oluşturmadan kurtaran bir istek var: Günün ürünleri, çalışma saatleri ya da fiyatlar gibi sık değişen şeyleri düzenleyebileceğin bir yönetim sayfası iste. Orada yaptığın düzenlemeler yaklaşık bir dakika içinde sitede görünür ve hiç oluşturma gerektirmez.

5. adım: Form, randevu, giriş ya da ödeme ekle

Etkileşimli özellikler bir mesaj uzaklığındadır, çünkü sitenin gerçek bir arka ucu vardır: Kalıcı veri, hesaplar ve dosya depolama proje gerektirdiğinde eklenir. En yaygın olanlar:

İletişim ve bilgi talep formları

Gelen kayıtlar saklanır ve bir yönetim sayfasında listelenir. E-posta bildirimleri kendi e-posta hesabın (SMTP) üzerinden gider; bir hesap bağlayana kadar form kayıtları yine saklar, yalnızca e-posta göndermez.

Randevular

Kontenjanı olan saat dilimleri ya da dersler. Randevular atomik olarak kaydedilir; iki ziyaretçi aynı son boş saati alamaz.

Girişler

Sitenin kendi kayıt, giriş, rol ve yönetici alanıyla bir üye alanı ya da müşteri portalı. Kendi OAuth kimlik bilgilerinle Google ya da GitHub ile giriş eklenebilir.

Ödemeler

Kendi Stripe hesabın ya da başka bir ödeme sağlayıcısının hesabı üzerinden kapora, sipariş ya da abonelik. Türkiye'de kurulu işletmeler Stripe hesabı açamıyor; iyzico veya PayTR gibi bir sağlayıcı API'si üzerinden bağlanabilir, ama bu doğrulanmış değil. Bir sipariş ancak sağlayıcı onayladığında ödendi olarak işaretlenir.

Sitenin tamamına parola

Yayından önce bir taslağı ortağına göstermek için kullanışlıdır. Tek bir ortak parola bütün sayfaları korur.

Dışarıdaki bir hesaba dayanan her şey, kimlik bilgilerini Entegrasyonlar altına ekleyene kadar kapalı kalır. Oluşturmanın kapanış notu hangilerinin gerektiğini söyler, Entegrasyonlar ekranı da her sağlayıcı için adımları gösterir. Anahtarları asla sohbete yapıştırma. Ödemelerde sağlayıcının test anahtarlarıyla başla, bir deneme siparişi ver ve uçtan uca çalıştığında canlı anahtarlara geç.

İlk günden her şeye ihtiyacın yok. Özellikleri müşterilerin kullanacağı sırayla ekle: Pastane menü ve ön sipariş formuyla açılabilir, siparişler gelmeye başlayınca online kaporayı ekleyebilir. Her ekleme aynı sohbette bir mesaj daha demektir.

6. adım: Kendi alan adına taşı ve yayına al

Kendi alan adını ücretsiz plan dahil her planda kullanabilirsin. Henüz alan adın yoksa önce herhangi bir alan adı kayıt firmasından bir tane kaydet. Sonra Alan adları bölümünde iki seçeneğin var:

• Sahip olduğun alan adını bir DNS kaydıyla bağla. DNS'in olduğu yerde kalır; gösterilen kaydı eklersin (cname.wisylink.com adresine bir CNAME ya da bir A kaydı). E-postan etkilenmez.
• Ad sunucularını WisyLink'e yönlendir ve tam DNS yönetimine geç. Bu, e-posta (MX) dahil var olan tüm DNS kayıtlarının yerini alır; bu yüzden bu kayıtları WisyLink'in DNS yöneticisinde yeniden oluşturmaya hazırsan seç.

İki tuzak sık sık karşına çıkar. Birçok DNS sağlayıcısı çıplak alan adında (ornek.com) CNAME'e izin vermez; orada A kaydı seçeneğini kullan. Aynı ad üzerinde unutulmuş eski bir A ya da AAAA kaydı doğrulamanın geçmesini engeller; onu sil. Doğrulama sen istediğinde başlar, otomatik olarak yeniden dener ve kayıtlar hâlâ doğru değilse 6 saat sonra vazgeçer; kayıtları düzeltip yeniden başlat. HTTPS sertifikası otomatik olarak verilir.

Alan adı doğrulandıktan sonra onu bağlantının Alan adları penceresinde seç ve yayınla; birkaç saniye içinde devralır. Her bağlantı aynı anda tek bir alan adında sunulur. Sonra arama motorlarına haber ver: Alan adını Google Search Console'a mülk olarak ekle; Search Console alan adı sahipliğini bir DNS kaydıyla doğrular. Ardından her WisyLink sitesinin kendiliğinden sunduğu /sitemap.xml adresindeki site haritasını gönder.

Yapay zeka neyi iyi yapar, neyi yine sen kontrol etmelisin?

Yapay zeka site oluşturucu, eskiden bir tasarımcı ve bir yazılımcı gerektiren işlerde güçlüdür: telefonda da düzgün çalışan tutarlı bir yerleşim, net bir sayfa yapısı, çalışan formlar ve kalıcı veri, teknik SEO'nun temelleri. Her WisyLink sayfası sunucuda oluşturulur; başlığı, açıklaması, kanonik adresi ve sosyal medya paylaşım görseli vardır, site de kendi site haritasını ve robots.txt dosyasını sunar.

Yapay zekayla yapılan site SEO açısından iyi mi? Teknik olarak evet. Arama motorları her sayfanın tüm içeriğini ilk yüklemede görür. Sıralama ise ayrı bir konu. Google, yapay zekanın ya da otomasyonun uygun kullanımının yönergelerine aykırı olmadığını ve içerik nasıl üretilirse üretilsin özgün, faydalı içeriği ödüllendirdiğini söylüyor. Yapay zeka iskeleti kurar; sayfayı sıralanmaya değer kılan senin gerçek fiyatların, fotoğrafların, uzmanlığın ve yerel ayrıntılarındır.

Yine de kendin kontrol etmen gerekenler:

• Bilgiler. Her fiyat, çalışma saati, adres ve iddia. Yapay zeka boşlukları akla yatkın metinlerle doldurabilir; WisyLink'in kendi kullanım koşulları da çıktıyı kontrol etmeyi senin sorumluluğuna bırakır.
• Üslup. Her sayfayı sesli oku. Tezgâhtaki bir müşteriye söylemeyeceğin her şeyi çıkar.
• Formlar ve akışlar. Her formu gönder, deneme randevusu al, deneme ödemesi yap ve yönetim sayfasına neyin düştüğünü doğrula.
• Yasal sayfalar. Ad, e-posta ya da ödeme topluyorsan, gerçekte ne topladığınla örtüşen bir KVKK aydınlatma metnine ve çerez kullanıyorsan bir çerez politikasına ihtiyacın var. Sayfayı iste, sonra metni yürürlükteki kurallara göre kontrol ettir.
• Görseller ve açıklamaları. Fotoğrafların metnin anlattığını gösterdiğini ve her önemli görselin ekran okuyucular için anlamlı bir açıklaması olduğunu kontrol et.

Bu kontrolü sonradan akla gelen bir iş değil, oluşturmanın bir parçası say. Üretileni değerlendirme üzerine yazımız, ölçülü kontrollerin neden göz gezdirmekten daha iyi sonuç verdiğini anlatıyor.

Siteni WisyLink ile yayına al

Bu fikirle yeni tanışıyorsan, yapay zeka uygulama oluşturucunun ne olduğu ve nasıl çalıştığı temelleri anlatıyor; üretken web yazımız da bir cümlenin artık neden barındırılan bir siteye dönüşebildiğini açıklıyor. İşletme sitesinin ötesinde fikirler için kullanım senaryolarına göz at: randevu sistemleri, müşteri portalları, mağazalar, etkinlik LCV sayfaları ve dahası.

Hazır olduğunda ilk mesajını yukarıdaki tabloya göre yaz, dosyalarını ekle ve gönder. Canlı bağlantıyı telefonunda test et, düzeltmelerini topla ve siteni kendi alan adında yayında tutmak istediğinde planları karşılaştır.

Tek mesajda anlat, canlı bağlantını al: Topluluk planında ücretsiz başla, kart gerekmez.