Modern Web Uygulamalarında Teknik SEO Nasıl Ele Alınır? Eksiksiz Uygulama Rehberi

Modern web uygulamaları, kullanıcı deneyimi açısından son derece zengin ve dinamik olabilir; ama bu zenginlik, doğru kurulmadığında arama motorlarının içeriği anlamasını zorlaştırabilir. Teknik SEO, tasarımdan veya içerikten bağımsız, tamamen mimari kararlarla ilgilenen bir disiplindir. Bu kapsamlı yazıda, JavaScript ağırlıklı bir web uygulamasında arama motoru görünürlüğünü garanti altına alan temel teknik prensipleri, sık yapılan hataları ve ölçüm yöntemlerini detaylı biçimde ele alıyoruz.

1. Sunucu Taraflı Render (SSR) ve Taranabilirlik

Google'ın botları JavaScript çalıştırabilse de, bu işlem gecikmeli ve kaynak sınırlı bir şekilde gerçekleşir. Kritik içeriğin (başlıklar, ana metin, meta etiketler) sunucu tarafında render edilerek ilk HTML yanıtında hazır bulunması, hem arama motorlarının hem de sosyal medya paylaşım botlarının içeriği anında ve eksiksiz görmesini sağlar. Next.js gibi framework'lerde App Router ile gelen sunucu bileşenleri (Server Components), bu render işini varsayılan olarak sunucuda yaparak ek bir yapılandırma gerektirmeden taranabilirliği garanti eder.

Bir sayfanın "Google'da görünmesi" ile "Google'da doğru ve hızlı indekslenmesi" farklı şeylerdir. İkincisi, SSR veya statik render olmadan garanti edilemez.

2. Core Web Vitals: LCP, INP, CLS

Google'ın sıralama algoritmasının bir parçası olan Core Web Vitals, kullanıcı deneyimini üç temel metrikle ölçer:

• LCP (Largest Contentful Paint): Sayfanın ana içeriğinin ne kadar hızlı göründüğü. Görsellerin optimize edilmesi ve kritik CSS'in inline yüklenmesi doğrudan etkiler.
• INP (Interaction to Next Paint): Kullanıcı etkileşimine tepki hızı. Ağır JavaScript işlemlerinin ana thread'i bloklamaması gerekir.
• CLS (Cumulative Layout Shift): Sayfa yüklenirken içeriğin sıçraması. Görsellere ve reklam alanlarına önceden boyut tanımlamak bu sorunu önler.

Bu metrikleri sadece laboratuvar ortamında (Lighthouse) değil, gerçek kullanıcı verisiyle (Chrome UX Report / CrUX üzerinden alan verisi) de izlemek gerekir; çünkü Google'ın sıralamada kullandığı veri, laboratuvar skorları değil gerçek kullanıcı deneyimidir.

3. Yapılandırılmış Veri (Structured Data)

JSON-LD formatında eklenen structured data, arama motorlarına sayfanın ne olduğunu (bir makale, bir ürün, bir organizasyon) açıkça belirtir. Bu, arama sonuçlarında zengin snippet'ler (yıldız puanı, yayın tarihi, yazar bilgisi gibi) almanın önkoşuludur ve tıklama oranını doğrudan etkiler. Bir blog platformu için Article ve BreadcrumbList şemalarının birlikte kullanılması, hem arama sonuçlarında zenginleştirilmiş görünüm sağlar hem de site içi hiyerarşiyi arama motorlarına netleştirir.

4. Uluslararasılaştırma: hreflang Doğru Kullanımı

Çok dilli bir sitede her dil versiyonunun birbirine hreflang etiketleriyle referans vermesi ve bir x-default tanımlanması gerekir. Bu etiketler eksik veya hatalı olduğunda, arama motorları yanlış dil versiyonunu yanlış bölgedeki kullanıcıya gösterebilir — bu da hem kullanıcı deneyimini hem de SEO performansını zedeler. hreflang etiketlerinin karşılıklı (bidirectional) olması da kritik bir gerekliliktir: A sayfası B'ye referans veriyorsa, B sayfası da A'ya geri referans vermelidir.

5. Canonical URL ve Yinelenen İçerik Yönetimi

Aynı içeriğe birden fazla URL üzerinden erişilebiliyorsa (örneğin sondaki eğik çizgi farkı veya query parametreleri), her sayfada doğru canonical URL tanımlanmalıdır. Aksi halde arama motorları içeriği "yinelenen" olarak işaretleyebilir ve sıralama gücü sayfalar arasında bölünür.

6. Sayfalama, Sonsuz Kaydırma ve İndexleme

Sonsuz kaydırma (infinite scroll) kullanıcı deneyimi için çekici olsa da, arama motoru botları genellikle scroll olaylarını tetiklemez ve bu da sayfanın alt kısımlarındaki içeriğin hiç indexlenmemesine yol açabilir. Bu sorunu çözmek için, sonsuz kaydırmanın yanında geleneksel sayfalama linklerini (örneğin "sayfa 2, sayfa 3") DOM'da erişilebilir tutmak veya sunucu taraflı render edilen bir "daha fazla yükle" bağlantısı sunmak gerekir.

7. Robots.txt, XML Sitemap ve İndex Bütçesi Yönetimi

Büyük ölçekli sitelerde arama motorlarının her sayfayı taraması için sınırlı bir "crawl budget" (tarama bütçesi) vardır. Değeri düşük veya yinelenen sayfaların (filtre kombinasyonları, arama sonuç sayfaları gibi) robots.txt ile taramadan hariç tutulması, botların bütçesini asıl değerli sayfalara ayırmasını sağlar. Güncel ve doğru bir XML sitemap'in düzenli olarak güncellenmesi de yeni içeriğin hızlı keşfedilmesine yardımcı olur.

Sıkça Sorulan Sorular

Client-side rendering (CSR) tamamen SEO'ya zararlı mıdır?

Hayır, ancak kritik içerik ve meta etiketlerin ilk HTML yanıtında bulunmaması indeksleme gecikmelerine ve tutarsız sıralamaya yol açabilir; bu yüzden en azından kritik sayfalar için SSR veya statik render önerilir.

Core Web Vitals gerçekten sıralamayı etkiliyor mu?

Evet, Google bu metrikleri sayfa deneyimi sinyalinin bir parçası olarak kullanır, ancak içerik kalitesi ve alaka düzeyiyle karşılaştırıldığında etkisi görece daha küçüktür; yine de eşit kalitede içerikte belirleyici olabilir.

hreflang hataları nasıl tespit edilir?

Google Search Console'daki uluslararasılaştırma raporları ve üçüncü parti SEO tarama araçları, eksik karşılıklı referansları ve hatalı dil/bölge kodlarını otomatik olarak tespit edip raporlayabilir.

Sonuç

Teknik SEO, görünmeyen ama etkisi çok büyük olan bir mühendislik disiplinidir. SSR, performans metrikleri, yapılandırılmış veri, doğru URL yönetimi ve tarama bütçesi optimizasyonu bir araya geldiğinde, en iyi içerik bile arama motorları tarafından görülmeden kaybolmaz — tam tersine, hak ettiği görünürlüğe kavuşur.