Google’ın Gördüğü Sayfa Aracı: URL Gir, Rendered HTML + DOM + Gerçek H1–H2 Çıkar

Araç: URL Gir → Siteyi Parçala (SEO + UX + Teknik)

Klasik “site denetimi / seo audit” gibi puan verip geçmez. Bu araç, tek bir sayfada şu soruya cevap verir: “Google bu sayfayı gerçekten nasıl görüyor; kullanıcı ise ilk ekranda ne görüyor?”

Google tarafında kritik nokta: Googlebot, özellikle JavaScript yoğun sayfalarda, rendered HTML üzerinden değerlendirme yapar; sadece “view source” yetmez. 

1) Ne yapar

• Sayfa tarama / website crawler / tek url denetimi (single page audit): URL’yi çeker, HTTP durumunu ve temel head sinyallerini okur.
• “Googlebot nasıl görür / view as Googlebot” modu:
  • Rendered HTML / rendered source üretir (JS sonrası oluşan DOM) ve bunu ham olarak gösterir. 
  • “Google Search Console URL Inspection” mantığıyla benzer şekilde view rendered page / view crawled page çıktısı üretmeye odaklanır (screenshot + HTML). 
• “Çıplak metin / text only view / search engine simulator”: Google’ın metin ve link olarak “okuyabildiği” içeriği yalınlaştırır. 
• Gerçek heading structure: heading structure / heading tags test / heading outline mantığıyla, H1–H2–H3 hiyerarşisini render edilmiş DOM üzerinden çıkarır (JS’nin sonradan değiştirdiği H başlıklarını da yakalar). 
• UX “push-down” teşhisi (above the fold / first screen analizi): Kullanıcıyı aşağı iten alanları işaretler: dev hero, sticky header, cookie banner, popup, reklam blokları vb. “Above the fold” kavramı bu noktada net bir çerçeve sağlar. 
• Layout shift / CLS analizi: İlk ekranda zıplama yaratan alanları (cumulative layout shift) DOM bazlı işaretler; Lighthouse’ın CLS yaklaşımıyla uyumludur. 

2) Neden “klasik audit değil”

Klasik teknik seo analizi raporları genelde “bulgular listesi + skor” verir. Senin hedefin farklı:

• Google ile kullanıcı farkını, tek URL’de, çıplak şekilde göstermek.
• “Benim sandığım site ile Google’ın gördüğü site farklıymış” şokunu üretmek. Bu fark özellikle JS rendering, gizlenen içerik, yanlış canonical/noindex, DOM’da sonradan eklenen/çıkarılan H1 gibi konularda ortaya çıkar. 

3) Girdi / Çıktı

Girdi:

• Tek URL (opsiyon: kullanıcı ajanı seçimi: desktop/mobile; “googlebot rendering” benzetimi)

Çıktı panelleri (net ve aksiyon odaklı):

1. Rendered Page Snapshot (kullanıcı ekranı + Google benzeri render)
2. Rendered HTML / DOM ağacı (DOM analizi, node sayıları, kritik elementler)
3. Çıplak Metin + Link Haritası (text only view, internal link extraction)
4. Heading Structure Tree (H1 checker, headings checker; hiyerarşi hataları)
5. SEO Head Sinyalleri (meta title kontrol, meta description kontrol, canonical kontrol, robots meta tag kontrol, hreflang kontrol, noindex kontrol)
6. Above the Fold / Below the Fold Blokları (kullanıcıyı aşağı iten alanlar listesi)
7. CLS / LCP ipuçları (core web vitals, lcp analizi, cls analizi; render-blocking resources adayları)

4) “Kullanıcıyı aşağı iten gereksiz alanlar”ı nasıl işaretler

Araç, ilk ekranı (viewport) referans alır ve şunları yakalar:

• Hero alanı çok büyük: H1 içerikten kopuksa ve ilk ekran “boş vitrin”se işaretler.
• Cookie banner analizi / popup analiz: içerik üstüne binen veya ilk ekranı işgal eden katmanları gösterir.
• Sticky header analizi / reklam alanı analizi: gerçek içerik başlangıcını aşağı iten sabit blokları listeler.
• Layout shift tetikleyen üstten ekleme davranışları: “avoid inserting new content above the fold” gibi CLS sebeplerine düşen alanları yakalar. 

5) Gerçek dünyada en iyi kullanım senaryoları

• Ajansın müşteriye “bak Google böyle görüyor” diye kanıt göstermesi (tartışmayı bitirir).
• SPA / React / Next.js gibi yapılarda javascript seo kaynaklı görünürlük sorunlarını yakalamak (rendered html vs kaynak kodu farkı). 
• Search Console erişimi olmayan projelerde bile “yakın gerçeklik” inceleme yapmak (sonra GSC URL Inspection ile doğrulama). 
• Screaming Frog gibi araçların “rendered HTML” yaklaşımını tek sayfaya indirip hızlandırmak (setup yok, crawl yok). 

6) Net vaat (kullanıcının yaşayacağı “şaşkınlık”)

• DOM’da var sanılan içerik yoksa: Çıplak metinde çıkmaz → Google’ın metin olarak alamadığı anlaşılır.
• H1 sandığın şey H2 ise (veya JS sonradan değiştiriyorsa): heading structure paneli bunu çıplak gösterir. 
• İlk ekran “işgal” altındaysa: above the fold paneli, kullanıcıyı aşağı iten alanları madde madde verir.