Pazarlama için web geliştirme nedir, yapay zekâ neyi değiştirdi?
Pazarlama için web geliştirme, bir markanın kurumsal sitesini, kampanya açılış sayfalarını, formlarını ve küçük araçlarını ziyaretçiyi iyi karşılayacak, ölçülebilecek ve güvenle yayında kalabilecek biçimde kurma işidir. Reklamdan, aramadan ya da bir yapay zekâ yanıtından gelen ziyaretçinin ilk dokunduğu yer sitedir. Sayfa geç açılıyor, klavyeyle kullanılamıyor ya da form başvuruyu kaybediyorsa, o ziyaretçiyi getiren kanalın emeği de karşılıksız kalır.
Yapay zekâ bu işin hızını değiştirdi. Anthropic’in Claude Code’u ya da OpenAI’ın Codex’i gibi kod ajanları proje klasöründeki dosyaları okuyup düzenliyor ve komut çalıştırıyor; pazarlama ekibi bir test sayfasını yazılım takvimine girmeden ekranda görebiliyor. Doğal dille tarif edip kodu yapay zekâya yazdırmanın adı olan vibe coding bu yüzden bizim için ayrı bir alan değil, web geliştirmenin yöntemlerinden biri. Tanımını Vibe coding nedir? yazımızda, yapay zekâ araçlarının genel kullanımını Yapay Zekâ kategorimizde anlatıyoruz.
Hız arttıkça denetim ihtiyacı da arttı. Yapay zekâ çalışan kod yazar; ama çalışan kod ile hızlı, erişilebilir, ölçülebilir ve güvenli kod arasındaki farkı kendiliğinden kapatmaz. Bu kategorideki yazılarımız o farkı kapatan çalışma düzenini anlatıyor.
Kurumsal site ile açılış sayfası arasındaki fark nedir?
Kurumsal site markayı bütünüyle anlatan, keşfe açık ve çok sayfalı bir yapıdır; açılış sayfası ise tek bir kampanyaya, tek bir kitleye ve tek bir eyleme odaklanan sayfadır. Kurumsal sitede ziyaretçi hizmetler, referanslar, blog ve iletişim arasında gezinir. Açılış sayfasında dikkat dağıtan bağlantılar azaltılır ve sayfa, ziyaretçiyi getiren reklamın vaadini karşılar.
İki yapı farklı ölçülür. Kurumsal sitenin başarısı arama görünürlüğü, güven ve nitelikli başvurudur; açılış sayfasınınki ise tek bir dönüşüm hedefidir. Google Ads, arama kampanyalarında teşhis aracı olarak sunduğu Kalite Puanı’nı beklenen tıklama oranı, reklam alaka düzeyi ve açılış sayfası deneyimi üzerinden hesaplıyor; yani sayfanın kalitesi reklam tarafını da ilgilendiriyor. Reklam kurgusunu ADS kategorimizde, test sayfasını bir kod ajanıyla kurmayı Claude Code ile açılış sayfası yazımızda anlattık.
Site hızı ve Core Web Vitals neden önemli?
Site hızı önemlidir, çünkü ziyaretçinin sayfayla ilk deneyimini belirler ve Google’ın sayfa deneyimi değerlendirmesinin bir parçasıdır. Google yüklenme, etkileşim ve görsel kararlılık deneyimini Core Web Vitals adlı üç ölçütle ölçüyor:
- LCP: Görünür alandaki en büyük görselin ya da metin bloğunun ekrana gelme süresi; iyi sayılan değer 2,5 saniye ve altı.
- INP: Tıklama, dokunma ve tuş basışlarına sayfanın yanıt verme süresi; iyi sayılan değer 200 milisaniye ve altı. INP, 2024’te FID’in yerini aldı.
- CLS: Yüklenirken içeriğin beklenmedik kayması; iyi sayılan değer 0,1 ve altı.
Google, değerlendirmenin sayfa yüklemelerinin 75. yüzdelik dilimine göre, mobil ve masaüstü için ayrı yapılmasını öneriyor. PageSpeed Insights gerçek Chrome kullanıcılarından gelen saha verisini ve Lighthouse’un laboratuvar ölçümünü aynı raporda gösteriyor; biz kararı, varsa saha verisiyle veriyor, sorunun kaynağını laboratuvar ölçümüyle buluyoruz. Google, iyi bir puanın tek başına üst sırayı garanti etmediğini ve en alakalı içeriği göstermenin önce geldiğini de açıkça belirtiyor. Teknik SEO tarafını SEO kategorimizde ele alıyoruz.
Web erişilebilirliği nedir, Türkiye’de neden gündemde?
Web erişilebilirliği, bir sitenin engelli ve yaşlı kullanıcılar dahil herkes tarafından algılanabilir, kullanılabilir ve anlaşılabilir olması ve yardımcı teknolojilerle sorunsuz çalışmasıdır; Türkiye’de bir Cumhurbaşkanlığı genelgesiyle geniş bir kurum grubundan istenen bir uyum konusu hâline geldi. Uluslararası başvuru kaynağı, W3C’nin yayımladığı WCAG 2.2’dir; başarı ölçütleri A, AA ve AAA olmak üzere üç düzeyde tanımlanır.
21 Haziran 2025 tarihli Resmî Gazete’de yayımlanan 2025/10 sayılı Cumhurbaşkanlığı Genelgesi; kamu kurumlarından bankalara, özel hastanelerden elektronik ticaret hizmet sağlayıcılarına kadar birçok kuruluştan web sitelerini ve mobil uygulamalarını erişilebilir hâle getirmesini istiyor. Değerlendirme, Aile ve Sosyal Hizmetler Bakanlığının WCAG 2.2’yi temel alarak hazırladığı Erişilebilirlik Kontrol Listesi’nin A seviyesine göre yapılıyor. Kapsam ve ayrıntılar için genelgenin metnine bakılmalı; hukuki değerlendirme hukuk danışmanının işidir.
Uygulamada ilk baktığımız maddeler şunlar: yeterli renk kontrastı, klavyeyle eksiksiz kullanım, görünür odak, anlamlı alternatif metin ve etiketi olan form alanları.
Formlar CRM’e nasıl bağlanır, kişisel veri nasıl korunur?
Form, başvuruyu webhook, entegrasyon aracı ya da CRM’in kendi API’si üzerinden bir kayda dönüştürerek CRM’e bağlanır; hangi yöntem seçilirse seçilsin API anahtarı tarayıcıya konmaz, anahtar gerektiren istek sunucudan gider. Yapay zekâdan kod istemeden önce her form alanının CRM’deki karşılığını eşleştiriyor, UTM gibi kampanya parametrelerini gizli alanlarla kayda yazıyoruz; böylece başvurunun hangi kanaldan geldiği görülüyor.
Kişisel veri tarafında formda yalnız gerekli alanları istiyoruz. 6698 sayılı Kişisel Verilerin Korunması Kanunu’nun 10. maddesi, veri toplanırken ilgili kişinin aydınlatılmasını istiyor; Kişisel Verileri Koruma Kurumu bu yükümlülüğün açık rızaya dayanan işlemlerde de sürdüğünü belirtiyor. Form pazarlama iletisi için izin de topluyorsa bu onayı ayrı bir kutucukla istiyoruz; ticari elektronik ileti ve İleti Yönetim Sistemi (İYS) yükümlülüklerini hukuk danışmanıyla birlikte değerlendirmeyi öneriyoruz. Başvurunun dönüşüm olarak ölçülmesini Web Analitik kategorimizde anlatıyoruz.
Yayından önce neler kontrol edilir, temel güvenlik nasıl sağlanır?
Yayından önce gizli bilgi, kişisel veri, erişilebilirlik, hız, ölçüm ve arama motoru ayarları tek tek kontrol edilir; temel güvenlik de bu listenin parçasıdır. Tek bir madde eksikse sayfayı yayına almıyoruz; listeyi kodu yazdıran kişi değil, ikinci bir göz uyguluyor. Güvenlik tarafında baktığımız maddeler:
- Gizli bilgi: Parola, API anahtarı ve webhook adresi yapay zekâya yazılmaz, koda gömülmez; sunucudaki ortam değişkenlerinde durur.
- HTTPS: Sayfa güvenli bağlantıyla sunulur; Google’ın sayfa deneyimi için önerdiği öz değerlendirme soruları arasında da bu yer alıyor.
- Girdi denetimi: Form boş, hatalı ya da çok uzun girdiye karşı sunucuda da denetlenir; OWASP Top 10 gibi kabul görmüş listeler yaygın açıkları hatırlatır.
- Test sayfası: Arama motorlarına noindex ile kapatılır. Google’a göre bu kuralın okunabilmesi için sayfanın robots.txt ile engellenmemesi gerekiyor.
- Sürüm kontrolü: Her değişiklik Git ile kaydedilir; bozulan bir sürüm tek komutla geri alınır.
Git, dosyalardaki değişiklikleri kayıt noktaları (commit) hâlinde saklayan, ücretsiz ve açık kaynaklı, dağıtık bir sürüm kontrol sistemidir. Kod ajanı dosyaları doğrudan değiştirdiğinde işin sigortası hâline gelir: ajana iş vermeden önce son çalışan hâl kaydedilir, her deneme ayrı bir dalda yapılır.
Bu kategoride neler yazıyoruz?
Bu kategoride bir pazarlama sitesini kurmaktan yayında tutmaya kadar uygulamaya dönük yazılar yayımlıyoruz. Başlıca konular:
- Açılış sayfası ve küçük araçlar: Claude Code ile açılış sayfası ve vibe coding ile küçük araçlar.
- Hız ve erişilebilirlik: Yapay zekâyla yazılan sayfayı ölçmek: Core Web Vitals, Lighthouse ve WCAG.
- Form ve CRM: Form ve CRM bağlantısı: alan eşleştirmesi, bağlantı yöntemi ve güvenli uç nokta.
- Çalışma düzeni: Pazarlamacı için Git ve yayına almadan önce kontrol listesi.
Bu alana yeni başlayan ekiplere önerdiğimiz okuma sırası şu: önce Git yazısı, ardından kontrol listesi, sonra ihtiyaca göre açılış sayfası, form ya da hız yazısı. Kod ajanlarıyla büyük işleri nasıl bölüştürdüğümüzü iki yapay zekâ ajanıyla çalışmak yazımızda anlattık.
Nasıl yazıyoruz?
Yazılarımızı kendi operasyonumuzda uyguladığımız yöntemlerden çıkarıyor ve Google, W3C gibi kaynakların resmî belgelerine dayandırıyoruz. İstek örneklerini, komutları ve kod parçalarını denenebilir biçimde veriyoruz; bunlar gerçek anahtar, parola ya da müşteri verisi içermiyor, yer tutucuları köşeli ya da açılı parantezle gösteriyoruz.
Hız, dönüşüm ya da müşteri sonucu için rakam uydurmuyoruz; örnek bir sayı kullandığımızda bunu “örnek” ya da “temsilî” diye belirtiyoruz. Araç özelliklerini emin olduğumuz genel hâliyle anlatıyor, ayrıntı için güncel belgeleri işaret ediyoruz. Kişisel veri, erişilebilirlik mevzuatı ve güvenlik konularında genel çerçeveyi veriyor, hukuki tavsiye vermiyoruz. Bir ölçüt ya da araç değiştiğinde ilgili yazıyı güncelliyoruz.