Vibe-Coding ile Oluşturulan Web Siteniz Neden Asla Sıralama Kazanamayacak

Geçen ay bir kurucu bana bir web sitesi gösterdi. Harika görünüyordu. Temiz animasyonları ve keskin metinleri vardı. Yapay zeka kullanarak bir öğleden sonra inşa etmişti.

Üç ay sonra, Google'da hiçbir varlığı yoktu. Kendi marka ismiyle bile görünmüyordu.

Sorun basit. Bir web sitesi size bitmiş gibi görünebilir ancak arama motorları için görünmez kalabilir. Sayfa insanlar için çalışır ancak tarama (crawl) işlemi başarısız olur.

Vibe coding, ne istediğinizi sade bir dille tarif etmek ve kodun yazılması için yapay zekaya bırakmak demektir. Lovable, Bolt veya Cursor gibi araçlar size saniyeler içinde çalışan bir uygulama sunar. Bu sihir gibi hissettirir.

Ancak bu araçların SEO'nuza zarar veren varsayılan bir ayarı var.

Çoğu yapay zeka oluşturucu, bir React single-page application (tek sayfa uygulaması) üretir. React, dünyada en çok kullanılan kütüphanedir. Bir web sitesi istediğinizde, her şeyi tarayıcıda işleyen (render eden) bir React uygulaması alırsınız.

Buna Client-Side Rendering (CSR) denir.

Nasıl çalıştığı aşağıdadır:

  • Sunucu, neredeyse boş bir HTML dosyası gönderir.
  • Tarayıcı, büyük bir JavaScript paketi (bundle) indirir.
  • Tarayıcı, sayfayı oluşturmak için kodu çalıştırır.

Bir insan için bu sorun değil. Sayfa neredeyse anında tamamlanmış gibi görünür.

Bir arama motoru tarayıcısı (crawler) için bu bir felakettir. Tarayıcının aldığı ilk şey boş bir kabuktur.

Google, iki aşamalı bir indeksleme süreci kullanır.

  1. Birinci aşama ham HTML'i tarar. Eğer CSR kullanıyorsanız, tarayıcı hiçbir şey görmez.
  2. İkinci aşama, JavaScript'i çalıştırmak üzere sayfayı sıraya alır. Bu aşama garanti değildir. Yeni siteler için Google bu adımı hiçbir zaman önceliklendirmeyebilir.

Yepyeni web siteniz bir kuyrukta bekler. Google boş bir sayfa görür ve devam eder.

Bunun şu an başınıza gelip gelmediğini kontrol edebilirsiniz:

  • Google Search Console kullanın. URL'nizi URL Denetimi (URL Inspection) aracına yapıştırın. "Canlı URL'yi Test Et"e tıklayın. Test edilen sayfayı görüntüleyin ve HTML sekmesine bakın. Eğer metniniz orada yoksa, Google onu göremez.
  • Site araması yapın. Google'a site:alanadiniz.com yazın. Eğer hiçbir şey çıkmıyorsa, bir indeksleme sorununuz var demektir.
  • Tarayıcınızda JavaScript'i devre dışı bırakın. Sayfayı yenileyin. Eğer sayfa boş kalıyorsa, arama motorları içeriğinizi bulmakta zorlanacaktır.

Çözüm React'tan kaçınmak değildir. Çözüm, render işleminin nerede gerçekleştiğini değiştirmektir.

İçeriğinizin ilk HTML yanıtında mevcut olması gerekir. Üç ana seçeneğiniz var:

  • Server-Side Rendering (SSR): Sunucu, her istek için sayfayı oluşturur. Next.js veya Remix kullanın.
  • Static Site Generation (SSG): Web sitesi, her sayfayı önceden düz HTML olarak oluşturur. Astro kullanın.
  • Prerendering: Sayfalarınızın statik HTML anlık görüntülerini (snapshots) oluşturursunuz.

Sitenizi oluşturmak için yapay zeka kullandıysanız, düzeltmek için de yapay zeka kullanabilirsiniz. Aracınızdan, içeriğin ilk HTML'de yer alması için uygulamayı server-side rendering kullanacak şekilde dönüştürmesini isteyin.

Tarayıcıda çalışan bir web sitesi, Google'da çalışan bir web sitesi ile aynı şey değildir. Güzel bir tasarımın boş bir kabuğu gizlemesine izin vermeyin.

Kaynak: https://dev.to/swapbiswas/why-your-vibe-coded-website-may-never-rank-on-google-2026-c5m