← Bloga dön

Claude ile Tek Sayfalık İşletme Sitesi Nasıl Yapılır

Claude ile tek sayfalık işletme sitesi, elde hiçbir şey yokken yapılan bir satış konuşması değildir. Google Haritalar'da semt ve kategori ararsınız, web sitesi olmayan kaydı açarsınız, yalnızca orada yazanları Claude sohbetine yapıştırırsınız. Çıkan dosya tek bir index.html sayfasıdır. Tarayıcıda açıp sahibine kısa bir not yazarsınız: sayfa herkese açık kayıttan hazırlandı; beğenirse site onun.

Bu anlatım claude.ai sohbeti içindir. API yok, terminal yok, kurulacak bir proje klasörü yok.

Elinizde kalan: bir işletmeye ait, telefonda okunabilen tek sayfa ve onunla gönderilecek kısa mesaj.

Öne çıkanlar

  • Google Haritalar'da semt + kategori arayın (kafe, berber, tamirci). Kayıtta web sitesi yoksa o işletme için sayfa hazırlanır.
  • Yalnızca herkese açık alanları alın: ad, adres, çalışma saatleri, varsa telefon, kategori, fotoğrafların konusu ve kendi cümlenizle iki yorum teması. Uzun yorumları yapıştırmayın.
  • Aşağıdaki prompt tek bir HTML dosyası ister. Olmayan alanı boş bırakır. Telefon, saat, yorum, yıldız ya da fiyat uydurulmaz.
  • Bitmiş sayfayı gösterin. Asıl cümle şu: beğenirse site onun.
  • Herkese açık kayıtla yetinin, bir öğleden sonra her dükkâna yazmayın, hayır denirse durun.

Ne lazım

Tarayıcı, Claude sohbeti ve Google Haritalar yeter. Tek kayıtla ilerleyin. Birine yazmadan önce sayfayı kendi telefonunuzda açılmış halde görün.

Google'ın yardım sayfası, İşletme Profili'nde Web sitesi alanını anlatır. İşletme sahibi tam bir http:// veya https:// adresi girer; müşteri profildeki bu bağlantıdan siteye gider (İşletme Profilinizi düzenleme). Haritalar kartında buna bakın: Web sitesi düğmesi, küre simgesi ya da ayrıntılardaki bir adres. Hiçbiri yoksa kayıt bir site göstermiyordur. Sayfayı bunun için hazırlayın. Site zaten varsa başka işletmeye geçin.

Google Haritalar'da sitesi olmayan işletme

  1. Google Haritalar'ı açın.
  2. Semt ile kategoriyi birlikte arayın. Örnek: Kadıköy berber, Karşıyaka tamirci, Cihangir kafe. Gidip görebileceğiniz ya da arayabileceğiniz bir yer olsun.
  3. Kaydı açın. Düğmelerde ve ayrıntıda web sitesi var mı bakın.
  4. Site varsa geçin. Yoksa bu kartta kalın.
  5. Bilgiyi toplayıp sayfayı üretmeden sonraki karta geçmeyin.

Aradığınız şey kötü giden bir işletme değil, eksik bir bağlantıdır. Birçok dükkân Haritalar, telefon ve kapıdan giren müşteriyle işini görür. Bu sayfa, zaten yayınladıkları bilginin daha derli toplu halidir. Ortada sayfa varken konuşmak, boş bir fikir anlatmaktan kolaydır.

Yalnızca kayıtta yazanı alın

Claude'u açmadan not edin. Kartta yoksa MISSING yazın. Hafızadan ya da başka siteden tamamlamayın.

  • Ad, karttaki gibi. Aksan ve "Ltd." gibi ekler dahil.
  • İlçe veya semt.
  • Kategori: Haritalar'ın yazdığı iş türü (berber, kafe, oto tamir).
  • Adres, göründüğü gibi.
  • Saatler, yalnızca kartta varsa.
  • Telefon, yalnızca kayıtta yazıyorsa. Sayfa "tam görünsün" diye başka yerde numara aramayın.
  • Üç hizmet. Kategori, işletme adı veya fotoğraflardan gösterebildiğiniz işler. Saç kesimi ve sakal tıraşı fotoğrafı varsa o satırlar olur. Kulağa hoş geldi diye eklenen bir hizmet olmaz.
  • Fotoğraf konuları: vitrin, iç mekân, ürün ya da çalışan biri. Görselleri sohbete yüklemezsiniz. HTML'de her konu için etiketli bir kutu durur. Sonra işletmenin kendi herkese açık fotoğrafını koyarsınız ya da kutuyu silersiniz.
  • İki yorum teması, kendi cümlenizle. "Gelenler kısa bekleme ve temiz dükkândan söz ediyor" bir temadır. Kopyalanmış bir paragraf başkasının yorumudur; yeni sayfaya taşınmaz. Yıldız ya da yorum sayısı yazmayın.

Emin değilseniz doğru değer MISSING'dir. Gösteremediğiniz iddiadan iyi olan, o bölümün hiç olmamasıdır.

Yapıştırmadan önce şu satırları doldurun

Prompt'un sonundaki satırlar boşluktur. Göndermeden her FILL ifadesini değiştirin. Bilgi yoksa MISSING yazın.

  • İşletme adı
  • İlçe / semt
  • Kategori
  • Adres
  • Çalışma saatleri
  • Telefon
  • Hizmet 1, hizmet 2, hizmet 3
  • Yorum teması 1, yorum teması 2
  • Fotoğraf konuları (yoksa MISSING)
  • Sitenin dili: işletmenin müşteriyle konuştuğu dil

İçinde hâlâ FILL yazan prompt'u göndermeyin. Claude'a bu ifade, eksik bilgi gibi davranması söylenir; doldurulmamış prompt bilerek boş bir sayfa üretir.

Prompt: Claude ile tek sayfalık işletme sitesi

claude.ai adresinde yeni bir sohbet açın. Boşluklar dolduktan sonra bloğun tamamını tek mesajda yapıştırın. Elinize tek bir HTML belgesi gelmeli, ikinci bir sayfa değil.

Gerçek bir yerel işletme için tek dosyalık bir web sitesi yaz. Yalnızca en alttaki herkese açık kayıt bilgilerini kullan. Her kurala uy.

ÇIKTI
- Yalnızca eksiksiz bir HTML belgesi döndür. Öncesinde giriş, sonrasında not olmasın.
- <!DOCTYPE html> ile başla, </html> ile bit.
- Dosyayı index.html diye kaydedip tarayıcıda, internet yokken de açabilmeliyim.
- Tüm CSS tek bir <style> bloğunda, head içinde olsun.
- İnternetten yazı tipi, ikon, istatistik kodu, görsel veya betik yükleme. JavaScript kullanma.

YERLEŞİM
- Önce mobil. 360px genişlikte okunaklı olsun: tek sütun, rahat yazı boyu, alt alta bölümler. Telefon verildiyse parmakla kolay basılan bir arama bağlantısı.
- İşletme adı tek h1 olsun.
- header, main, section ve footer kullan. Adres verildiyse <address> içine koy.
- Görünüm: sistem yazı tipi, yüksek kontrast, tek vurgu rengi, bol boşluk, üstte yalnızca işletme adı. Büyük stok fotoğraf yok.

BİLGİ
- Telefon, çalışma saati, adres, hizmet, yorum, yıldız, yorum sayısı, fiyat, ödül, kuruluş yılı uydurma. Vermediğim bir gerçeği slogan diye ekleme.
- Değer boşsa, FILL ise veya MISSING ise o bölümü tamamen çıkar. FILL veya MISSING sözcüklerini sayfada gösterme.
- "Bizi arayın", "her gün açığız", "yüksek puanlı", "uygun fiyat", "şehrin en iyisi", "aile işletmesi" gibi doldurma cümleler yazma; bu bilgi notlarımda aynen yoksa hiç yazma.
- Hizmetler: yalnızca listelediklerim ve MISSING olmayanlar. Dördüncü hizmet ekleme.
- İlçe veya semti, verdiysem, yalnızca konum olarak bir kez anabilirsin. Orada popüler olduklarını iddia etme.
- Yorumlar: en az bir tema varsa en fazla iki cümle yaz. Anlamı "Müşteriler şundan söz eder" olsun; site diline çevir. Tırnak işareti, müşteri adı, yıldız ve yorum sayısı yok. İki tema da MISSING ise bölümü koyma.
- Fotoğraflar: <img> kullanma, dış bağlantıdan görsel çekme. Saydığım her konu için görünür bir kutu koy. Metin şu anlama gelsin: Fotoğraf alanı: {konu} — işletmenin kendi herkese açık fotoğrafını koyun veya bu kutuyu silin. Etiketi site diline çevir, ne yapılacağı belli olsun. Fotoğraf konusu MISSING ise kutu koyma.
- Lorem ipsum yok. Gönderilen bir form varmış gibi sahte düğme yok.

BÖLÜMLER, BU SIRAYLA, YALNIZCA VERİ VARSA
1. İşletme adı ve ne iş yaptıklarına dair tek cümle. Cümle yalnızca kategori ve listelediğim hizmetlerden kurulsun.
2. Hizmet listesi.
3. Çalışma saatleri.
4. Yorum teması notu.
5. Fotoğraf kutuları.
6. Ziyaret bloğu: verdiysem adresi ve telefonu tekrarlar. Telefon, yazdığım rakamlarla tel: bağlantısı olsun. Ülke kodunu değiştirme.

DİL
Fotoğraf etiketleri ve yorum notu dahil, görünen her metni aşağıda belirttiğim dilde yaz. İşletme adı, telefon ve adresi benim yazdığım gibi bırak.

KAYIT BİLGİSİ
İşletme adı: FILL
İlçe / semt: FILL
Kategori: FILL
Adres: FILL
Çalışma saatleri: FILL
Telefon: FILL
Hizmet 1: FILL
Hizmet 2: FILL
Hizmet 3: FILL
Yorum teması 1: FILL
Yorum teması 2: FILL
Fotoğraf konuları: FILL
Sitenin dili: FILL

Claude'un belgesini düz metin dosyasına koyun ve adını index.html yapın. Cevap kod çiti içindeyse çitin içini kopyalayın: <!DOCTYPE html> ile başlar, </html> ile biter.

Göstermeden önce dosyayı okuyun

index.html dosyasını açın ve pencereyi telefon genişliğine indirin. Beğeniye değil, bilgiye bakın.

  • Ad, kayıtla aynı mı.
  • Saat, telefon ve adres yalnızca sizin yazdığınızda mı duruyor.
  • Hizmetler sizin üç satırınız mı, yoksa Claude'un eklediği bir liste mi.
  • Tırnak içinde müşteri sözü, yıldız satırı veya yorum sayısı var mı. Varsa silin.
  • Fotoğraf yerleri etiket mi, rastgele görsel mi. Kutuya görsel yalnızca işletmenin kendi herkese açık fotoğrafıysa girer. Emin değilseniz kutuyu silin.

Vermediğiniz bir gerçeği söyleyen cümle varsa o cümleyi silin ya da o satırı MISSING yapıp prompt'u yeniden çalıştırın. Eksiği tahmin ederek düzeltmeyin.

Sayfa şunları söyleyebilir: ad, kategori, sizin yazdığınız hizmetler, saat, adres, telefon, en fazla iki cümlelik tema notu ve fotoğraf etiketleri. Kayıtta olmayan iddiaların broşürü değildir.

Sahibine gidecek not

Birkaç satır yeter. Kibar ve yerinde olsun. Ücret yok, suçluluk yok, uydurma bir acele yok. Bağlantıyla gönderin; oradaysanız telefonunuzda açık dosyayı da gösterebilirsiniz.

Merhaba,

[İşletme adı] için Google Haritalar kaydınıza baktım.
Halka açık bilgilerle tek sayfalık bir site hazırladım.
Beğenirseniz site sizin.
Yalnızca ad, ne iş yaptığınız ve kayıtta yazan saat ile adres var.
İstemezseniz sorun değil, peşinizi bırakırım.
[Adınız]

Köşeli parantezleri değiştirin. Kayıtta saat yoksa saat cümlesini çıkarın. Anlattığınız şey henüz var olmayan bir site değil, açıp bakabilecekleri bir sayfadır.

Önce kendi bilgisayarınızda açın

index.html dosyasına çift tıklayınca kendi makinenizde önizlenir. Sahibine göstermek için basit bir statik barındırma yeter: telefonda açılan bir bağlantı. Bu adımı uzatmayın. Barındırma dersine çevirmeyin ve sayfanın aramada yükseleceğini vaat etmeyin. İşletme Profili, seçecekleri alan adı ve işletmeyi nasıl anlatacakları bu dosyanın dışında kalır. Dosyanın işi, evet ya da hayır diyebilecekleri kadar açık olmaktır.

Herkese açık bilgi, sonra durun

Yalnızca zaten yayınladıkları kayıtla kalın. Kartta olmayan bilgiyi taşımaya çalışmayın. Uzun yorumları, müşteri bu sayfa için yazmış gibi yapıştırmayın. Bir öğleden sonra sokaktaki her dükkâna mesaj atmayın. Yöntem budur: bir sayfa, bir not. Hayır derlerse durun.

İleride liste isterseniz

Yukarıdaki adımlar için başka araç gerekmez. Haritalar ve prompt yeter. Çok sayıda herkese açık kaydı tabloya çekmek ayrı ve isteğe bağlı bir iştir. Onun anlatımı burada: Claude + Apify ile işletme verisi çekmek. Elle hazırladığınız bir sayfayı sahibine götürmeden bu bağlantıya gerek yok.

Sorular

Kod bilmem gerekir mi?

Gerekmez. Prompt'u claude.ai sohbetine yapıştırın, cevabı index.html olarak kaydedin, tarayıcıda açın. Depo kurmuyorsunuz, CSS'i elinizle yazmıyorsunuz. Bir kelime yanlışsa dosyada o kelimeyi düzeltin ya da boşluğu düzelterek prompt'u yeniden gönderin.

Telefon ya da saat yoksa ne olur?

O satıra MISSING yazın. Prompt, bölümü atacak şekilde yazıldı. Gerçek adresi olup telefonu olmayan sayfa dürüsttür. Başka yerde bulduğunuz ya da tahmin ettiğiniz numara dürüst değildir. Yorum da aynı: temanız yoksa sayfada yorum bloğu olmamalı.

Google yorumlarını yapıştırayım mı?

Hayır. İki kısa temayı kendi cümlenizle yazın; prompt bunları tırnaksız cümleye çevirsin. Uzun yorum kopyalamayın, yıldız veya sayı eklemeyin. O metin Haritalar'a yazıldı, bu sayfa için değil.

İlgili yazılar