View Source Testi: AI Botlar JS Çalıştırmazsa İçeriğin Ne Kadarı Görünür?

Kısa cevap: kritik teklif, CTA ve özellikler ham HTML’de (View Source) yoksa birçok AI bot onları hiç görmez. Googlebot JavaScript çalıştırabilir. Birçok AI tarayıcı yalnızca HTML çeker. Aynı URL iki farklı görünürlük üretir.

Saha pratiğinde sık sahne şudur: tarayıcıda her şey dolu görünür; “görünüm kaynağı”nda hero boş, CTA yok, özellik listesi bir div iskeleti olarak kalır. İnsan ziyaretçi JS ile görür. Makine okuyucu çoğu zaman görmez. Bu yazı SEO / AEO / GEO katmanında makine tarafını netleştirir; hız metrikleri için Core Web Vitals ayrı bir katmandır.

Ham HTML

View Source’ta gördüğünüz metin, birçok AI botun gördüğü sınırdır.

AI bot

Çoğu özet / tarama motoru JS çalıştırmaz; ilk yanıtı okur.

Googlebot

Render edebilir — ama bütçe ve gecikme vardır; yine de HTML sağlam olsun.

CWV ≠ bu

Core Web Vitals insan UX’idir. Bu test makine okunabilirliğidir.

1. Kısa cevap: kaynakta yoksa AI de görmez

Karar çerçevesi basit. Sayfada satışı veya güveni taşıyan cümleler — ne sattığınız, kime, ana CTA, kritik özellikler, fiyat aralığı, iletişim yolu — ilk HTML yanıtında yoksa, JS çalıştırmayan botlar için yok sayılır.

AEO cümlesi: View Source’ta kritik teklif ve CTA görünmüyorsa, birçok AI bot da onları görmez. Googlebot render edebilir; HTML-only tarayıcılar edemez.

2. Googlebot render eder; birçok AI bot HTML çeker

İki görünürlük katmanı vardır. Arama tarafında Googlebot sıkça JS’i çalıştırıp render edilmiş DOM’u indeksler. AI özet ve tarama tarafında ise birçok ajan yalnızca HTTP ile gelen HTML’i okur. Bu yüzden “Google’da görünüyoruz” ile “AI özetlerinde doğru anlatılıyoruz” aynı şey değildir.

Googlebot render eder; birçok AI bot yalnızca ham HTML okur — aynı URL, farklı görünürlük — Aynı URL: Googlebot render zincirine girebilir; birçok AI bot ham kaynakta kalır.

Okuyucu	Ne yapar?	Kritik risk
İnsan (tarayıcı)	JS çalıştırır, hydration sonrası DOM	“Her şey dolu” illüzyonu
Googlebot	HTML + (çoğu zaman) render	Render bütçesi / gecikme
Birçok AI bot	Yalnızca ham HTML	İstemci-only teklif / CTA / SSS kaybı

Bu ayrım AEO ve GEO katmanında özellikle kritiktir: özet motorları kaynak cümleyi bulamazsa yanlış sektör, boş teklif veya eski bir hakkımızda kutusuna düşer.

3. 60 saniyelik View Source testi

1. Sayfayı açın. Ana sayfa veya en önemli hizmet / ürün sayfası.
2. Görünüm kaynağı. Sağ tık → “Sayfa kaynağını görüntüle” (veya view-source:). DevTools Elements değil — ham kaynak.
3. Metin ara. Teklif cümlenizi, ana CTA’yı, bir kritik özelliği Ctrl/Cmd+F ile arayın.
4. Karar. Bulundu → makine tarafı temelde sağlam. Yok → JS’e gömülmüş; AI bot riski yüksek.
5. İsteğe bağlı: JS kapalı tarayıcı profili veya curl ile aynı URL’yi çekin — aynı sonucu doğrular.

Elements paneli sizi yanıltır: orada gördüğünüz DOM, JS çalıştıktan sonraki hâldir. Testin adı View Source’tur; gerekçe budur.

4. Yaygın başarısızlıklar

SPA / hydration

İlk HTML kabuk; içerik istemci bundle’ı yüklendikten sonra dolar. İnsan görür, ham kaynak boş kalır.

Client-only içerik

Teklif, fiyat, SSS veya özellik tablosu yalnızca useEffect / API sonrası render edilir.

Geç enjekte bloklar

Chat widget, A/B aracı veya tag manager kritik metni sonradan yazar; kaynakta yoktur.

Bu üçü “site bozuk” demek değildir. İnsan UX’i güzel olabilir. CWV bile yeşil olabilir. Sorun makine okunabilirliği katmanındadır.

5. Beş düzeltme

1. Kritik metni ilk HTML’e koyun. SSR, SSG veya statik HTML — teklif, H1, CTA, özellik özeti kaynakta olsun.
2. Teklifi JS arkasına saklamayın. “Daha fazla yükle” ile gelen ana değer önerisi, bot için yok sayılır.
3. TTFB’yi düşük tutun. Bot da insan da ilk baytı bekler. Yavaş origin, tarama ve özet kalitesini düşürür.
4. robots.txt’yi AI ajanları için bilinçli yazın. Engellemek veya izin vermek bilinçli bir iş kararıdır; “hepsini kapat / hepsini aç” varsayılanı değil. Gerçek User-Agent listelerini doğrulayın; uydurma istatistik kullanmayın.
5. Kısa cevap + şema blokları. Sayfa başında net cümle; FAQ / Product / Organization şeması ham HTML’de. Sonraki katman: llms.txt.

6. SPA ne zaman yeterli, SSR/SSG ne zaman şart?

SPA genelde yeter

Login arkası dashboard / araç
İç uygulama, hesap paneli
Etkileşimli demo (teklif metni ayrı statik sayfada)
Botların görmesini istemediğiniz özel içerik

SSR / SSG / statik şart

Ana sayfa, hizmet, ürün, fiyat, iletişim
Halka açık blog ve SSS
AI özetinde doğru anlatılmak istediğiniz teklif
Yerel / sektör landing sayfaları

Hibrit model sık işe yarar: pazarlama sayfaları SSG/SSR, uygulama SPA. Mandalium projelerinde karar “framework sever misiniz?” değil; “bot ham kaynakta teklifi okuyabilir mi?” sorusudur.

Sonuç: önce kaynak, sonra katmanlar

Kısa cevap: View Source’ta yoksa birçok AI bot da görmez. Googlebot render edebilir; HTML-only tarayıcılar edemez. CWV insan UX’idir; bu test makine okunabilirliğidir.

Önce kritik metni ilk HTML’e alın. Sonra llms.txt, SEO / AEO / GEO ve performans katmanlarını üst üste koyun.

Mandalium olarak halka açık sayfalarda önce ham HTML’de teklif ve CTA’yı netleştiriyoruz; JS’i deneyim için kullanıyoruz, içeriği gizlemek için değil. Sitenizde View Source testi geçiyor mu? Ücretsiz bakış atalım →

Sık sorulan sorular

View Source testi nedir?

Tarayıcıda sayfanın ham HTML kaynağına bakıp kritik teklif, CTA, özellik ve SSS metinlerinin JavaScript olmadan görünür olup olmadığını kontrol etmektir. Kaynakta yoksa birçok AI bot da görmez.

Googlebot ile AI botlar aynı şeyi mi görür?

Hayır. Googlebot çoğu zaman JavaScript çalıştırıp render edilmiş DOM’u indeksler. Birçok AI tarayıcı ve özet motoru yalnızca ilk HTML yanıtını okur; istemci tarafında enjekte edilen blokları kaçırır.

SPA siteler AI görünürlüğü için her zaman kötü mü?

Hayır. Uygulama panelleri, login arkası araçlar ve etkileşimli ürün demoları SPA ile sorun olmayabilir. Ama halka açık teklif, fiyat aralığı, özellik listesi ve iletişim CTA’sı ham HTML’de olmalıdır.

Core Web Vitals bu sorunu çözer mi?

Hayır. Core Web Vitals insan deneyimini (LCP, INP, CLS) ölçer. View Source testi makine okunabilirliğini ölçer. İkisi birlikte gerekir; biri diğerinin yerine geçmez.

Beş temel düzeltme nedir?

Kritik metni ilk HTML’e koyun (SSR/SSG/statik), teklifi JS arkasına saklamayın, TTFB’yi düşük tutun, AI ajanları için robots kurallarını dikkatli yazın, kısa cevap + şema blokları ekleyin. Sonra llms.txt katmanını düşünün.

llms.txt View Source’un yerini tutar mı?

Hayır. Önce sayfa kaynağında doğru içerik olmalı. llms.txt AI tüketicilerine kökte kısa bir rehber verir; boş veya JS’e gömülü bir sayfayı kurtarmaz. İkisi katmandır.