Tarama
Sunucunun gönderdiği ilk HTML ve içindeki bağlantılar okunur.
Platform SEO
React, Next.js ve Vue siteleri için JavaScript SEO hizmeti
JavaScript ile geliştirilen sitenizin arama motorlarına ve yapay zekâ tarayıcılarına eksiksiz görünmesi için render stratejisinden bağlantı yapısına kadar geliştirici ekibinizle birlikte çalışıyoruz.
- ✓ Sabit fiyat politikası
- ✓ +15 yıllık tecrübeli ekip
- ✓ Şeffaf raporlama
HazırlayanOğuzhan İsa TemizKurucu & SEO DanışmanıCSR, SSR, SSG, ISRGoogle render süreciSunucuda meta etiketTıklanabilir bağlantılarLazy loadYapay zekâ tarayıcılarıCore Web Vitals
JavaScript SEO nedir?
Tarayıcıda oluşan sayfayı arama motoru nasıl görür?
JavaScript SEO, içeriği ve arayüzü JavaScript ile oluşturulan sitelerin arama motorları tarafından doğru taranması, işlenmesi ve dizine eklenmesi için yapılan teknik çalışmaların bütünüdür. React, Next.js, Vue veya Nuxt gibi araçlarla geliştirilen sitelerde kullanıcının gördüğü sayfa ile sunucunun ilk gönderdiği HTML arasında büyük fark olabilir.
Google, JavaScript’e bağlı sayfaları genellikle üç aşamada işler: Önce sayfanın ilk HTML yanıtını tarar, ardından sayfayı güncel bir Chromium tabanlı tarayıcıyla render etmek üzere kuyruğa alır ve son olarak render edilmiş içeriği dizine ekler. Render aşaması ilk taramadan sonra gerçekleşebilir; bu da yalnızca JavaScript ile oluşan içeriğin daha geç fark edilmesine yol açabilir.
Üstelik tüm tarayıcılar Google kadar gelişmiş bir render sürecine sahip değildir. Bu yüzden önemli içeriğin, bağlantıların ve meta etiketlerin mümkün olduğunca ilk HTML yanıtında yer almasını hedefliyoruz.
Render kuyruğu
JavaScript gerektiren sayfalar işlenmek üzere sıraya alınır.
Render
Sayfa tarayıcıda çalıştırılır, oluşan içerik ve bağlantılar çıkarılır.
Dizine ekleme
Render edilmiş sürüm değerlendirilerek dizine eklenir.
Sık görülen sorunlar
JavaScript sitelerinde en sık karşılaştığımız SEO sorunları
Denetimlerimizde geliştirme tercihlerinden kaynaklanan şu sorunlarla sıkça karşılaşıyoruz:
Boş HTML kabuğu
Yalnızca istemci tarafında render edilen sayfalarda ilk HTML yanıtı neredeyse boştur. İçerik ancak JavaScript çalıştıktan sonra oluşur.
Gerçek olmayan bağlantılar
Tıklama olaylarıyla çalışan düğmeler ve href özelliği olmayan öğeler, arama motorları tarafından bağlantı olarak izlenmez. Gezinme için gerçek a etiketleri gerekir.
Tarayıcıda üretilen meta etiketler
Başlık, açıklama ve canonical etiketleri yalnızca JavaScript ile değiştiriliyorsa ilk HTML ile render edilmiş sürüm çelişebilir.
Yumuşak 404 sayfaları
Tek sayfa uygulamalarında var olmayan adresler sıklıkla 200 durum koduyla boş bir sayfa döndürür. Bu sayfalar dizinde gereksiz yer kaplar.
Sonsuz kaydırma ve lazy load
Arama motorları kullanıcı gibi kaydırma veya tıklama yapmaz. Yalnızca etkileşimle yüklenen içerik ve ürünler hiç görülmeyebilir.
Engellenen kaynaklar
robots.txt ile engellenen JavaScript, CSS veya API adresleri, sayfanın render edilmesini ve içeriğin görünmesini engelleyebilir.
Yükseliş
Gerçek projelerden yükseliş grafikleri
Başarı hikâyelerimizdeki organik büyümeyi grafiklerle gösteriyoruz.
Evcil hayvan e-ticaret6 ay
organik trafik artışıBaşlangıç409Aylık organik trafik≈26.356
Sağlık turizmi6 ay
organik trafik büyümesiBaşlangıç158Aylık organik trafik≈3.966
Çelik kapı1,5 ay
İlk sayfa“çelik kapı” kelimesinde ilk sayfa#22,2 → #12,4ortalama Google pozisyonu
Başlangıç ve sonuç değerleri vaka çalışmalarından alınmıştır; ≈ işaretli değerler yazıdaki artış yüzdesinden hesaplanmıştır. Aradaki eğri temsilidir.
Render stratejileri: CSR, SSR, SSG ve ISR
JavaScript SEO’da en belirleyici karar, sayfaların nerede ve ne zaman HTML’e dönüştürüleceğidir. Next.js, Nuxt ve benzeri çatılar birden fazla render yöntemini aynı projede kullanmanıza izin verir; doğru yöntem sayfanın türüne ve içeriğin ne sıklıkla değiştiğine göre seçilmelidir.
- CSR (istemci tarafı render): HTML tarayıcıda oluşturulur. Oturum gerektiren paneller için uygundur; aranması istenen sayfalar için risklidir.
- SSR (sunucu tarafı render): Her istekte HTML sunucuda üretilir. Sık değişen ve kişiselleştirilmemiş içerikler için güçlü bir seçenektir.
- SSG (statik üretim): Sayfalar derleme sırasında HTML olarak hazırlanır. Blog, doküman ve hizmet sayfaları gibi seyrek değişen içerikler için idealdir.
- ISR (artımlı statik yenileme): Statik sayfalar belirli aralıklarla veya tetiklendiğinde arka planda yenilenir. Geniş kataloglu sitelerde hız ile güncelliği dengeler.
Hangi yöntem seçilirse seçilsin başlık, meta açıklama, canonical, hreflang ve JSON-LD yapılandırılmış veri sunucu tarafında, ilk HTML yanıtının içinde üretilmelidir. Kullandığınız çatının bu etiketleri nasıl yönettiğini ve istemci tarafında sonradan değiştirip değiştirmediğini denetimde kontrol ediyoruz.
Geçmişte arama motorlarına ayrı bir önceden render edilmiş sürüm sunan dinamik render yöntemi sıkça önerilirdi. Google bugün bu yöntemi kalıcı bir çözüm olarak önermiyor; bu yüzden uzun vadede sunucu tarafı veya statik render seçeneklerine yönelmeyi tavsiye ediyoruz.
Yapay zekâ tarayıcıları
Yapay zekâ tarayıcıları ve JavaScript’e bağımlı içerik
Yapay zekâ asistanlarının ve yanıt motorlarının kullandığı tarayıcıların pek çoğunun JavaScript çalıştırmadığı, yalnızca sunucunun ilk gönderdiği HTML’i okuduğu görülmektedir. Bu durumda yalnızca tarayıcıda oluşan içerik, bu sistemler için hiç var olmayabilir.
Sitenizin yapay zekâ destekli aramalarda kaynak olarak gösterilme ihtimalini artırmak için ana içeriğin, başlıkların, bağlantıların ve yapılandırılmış verinin ilk HTML yanıtında eksiksiz yer alması gerekir. Hangi tarayıcıların sitenize eriştiğini sunucu kayıtlarından inceliyor, robots.txt kurallarınızı bu tarayıcılara yönelik tercihlerinize göre düzenliyoruz.
İlk HTML yanıtında olması gerekenler
Ana içerik ve başlıklar
KritikGerçek a href bağlantıları
KritikBaşlık, açıklama ve canonical
ÖncelikliJSON-LD yapılandırılmış veri
ÖncelikliDoğru HTTP durum kodları
KontrolSüreç
JavaScript SEO denetimini nasıl yürütüyoruz?
Bulgularımızı geliştirici ekibinizin doğrudan uygulayabileceği, yeniden üretilebilir görevler hâlinde teslim ediyoruz:
Ham HTML ile render karşılaştırması
Önemli sayfa şablonlarında sunucunun gönderdiği HTML’i render edilmiş sürümle karşılaştırıyor; içerik, bağlantı ve meta etiketlerindeki farkları çıkarıyoruz.
Google’ın gözünden kontrol
Search Console’daki URL Denetimi aracı ve zengin sonuç testiyle Google’ın sayfayı nasıl render ettiğini ve hangi kaynaklara erişemediğini inceliyoruz.
Tarama ve bağlantı analizi
Siteyi JavaScript çalıştırarak ve çalıştırmadan iki kez tarıyor, yalnızca render sonrası keşfedilebilen sayfaları ve yetim kalan adresleri belirliyoruz.
Render stratejisi ve görevler
Sayfa türlerine göre uygun render yöntemini öneriyor, bulguları kabul kriterleri belirlenmiş görevler hâlinde ekibinize iletiyoruz.
Yayın sonrası doğrulama
Değişikliklerden sonra dizin durumunu, sunucu kayıtlarını ve Core Web Vitals verilerini izliyor, gerilemeleri erkenden yakalıyoruz.
Lazy load, dinamik içerik ve Core Web Vitals
Görselleri ve ekran dışındaki bileşenleri gecikmeli yüklemek hız için faydalıdır; ancak içerik ancak kaydırma veya tıklama ile yükleniyorsa arama motorları onu göremeyebilir. Tarayıcının yerel lazy load özelliğini veya görünürlüğe dayalı yöntemleri tercih etmeyi, sonsuz kaydırma kullanılan listelerde ise her sayfanın ayrı ve bağlantı verilmiş bir adrese sahip olmasını öneriyoruz. Sekme ve akordeon içindeki metinlerin ilk HTML’de yer almasına da dikkat ediyoruz.
Büyük JavaScript paketleri ve ağır hydration süreçleri, özellikle INP ölçütünü olumsuz etkileyebilir. Kodun sayfalara bölünmesi, kullanılmayan kütüphanelerin çıkarılması ve ilk ekrandaki içeriğin sunucuda hazır gelmesi LCP ve INP için belirgin iyileşme sağlayabilir. Yüklenen içerik için yer ayrılmaması ise CLS sorunlarına yol açar.
Dizine eklenmeyen sayfalarınız varsa Google dizine ekleme sorunları yazımız olası nedenleri anlamanıza yardımcı olabilir. JavaScript SEO çalışmasını, sunucu yapılandırmasından site haritasına kadar uzanan teknik SEO hizmetimizin bir parçası olarak yürütüyoruz; mevcut durumunuzu görmek için ücretsiz SEO analizi isteyebilirsiniz.
Ücretsiz araç
Sitenizin SEO & GEO puanını hemen görün
Adresinizi yazın; teknik SEO, yapay zekâ görünürlüğü ve mobil hız puanınızı saniyeler içinde öğrenin.
SSS
Sık sorulan sorular
Google JavaScript ile oluşturulan içeriği görebiliyor mu?
Google, JavaScript’i çalıştırabilen bir render sürecine sahiptir ve çoğu durumda bu içeriği görebilir. Ancak render işlemi ilk taramadan sonra gerçekleşebilir ve hatalı kod, engellenen kaynaklar veya etkileşim gerektiren içerik sorun yaratabilir. Diğer arama motorları ve yapay zekâ tarayıcıları ise JavaScript’i aynı ölçüde işlemeyebilir.
React ile geliştirilmiş bir site SEO uyumlu olabilir mi?
Evet, doğru render stratejisiyle React siteleri arama motorlarında başarılı olabilir. Önemli olan aranması istenen sayfaların sunucu tarafında veya statik olarak HTML üretmesi ve meta etiketlerinin ilk yanıtta yer almasıdır. Next.js gibi çatılar bu ihtiyaç için hazır imkânlar sunar.
SSR mi SSG mi tercih etmeliyim?
Bu, sayfanın ne sıklıkla değiştiğine ve kişiselleştirme gerektirip gerektirmediğine bağlıdır. Seyrek değişen sayfalar için statik üretim, sık değişen içerikler için sunucu tarafı render veya artımlı statik yenileme daha uygundur. Çoğu projede farklı sayfa türleri için bu yöntemleri birlikte kullanmayı öneriyoruz.
Yapay zekâ tarayıcıları JavaScript çalıştırır mı?
Pek çok yapay zekâ tarayıcısının JavaScript çalıştırmadığı ve yalnızca ilk HTML yanıtını okuduğu görülmektedir. Bu nedenle yalnızca tarayıcıda oluşan içerik bu sistemler tarafından görülmeyebilir. Önemli içeriğin sunucu tarafında üretilmesi hem arama motorları hem de yapay zekâ destekli aramalar için daha güvenli bir yoldur.
Geliştirici ekibimizle nasıl çalışıyorsunuz?
Bulgularımızı genel öneriler yerine sorunun nasıl yeniden üretileceğini ve beklenen sonucu açıklayan görevler hâlinde iletiyoruz. Ekibinizin kullandığı iş takip aracına uyum sağlıyor, uygulama sırasında teknik sorulara yanıt veriyoruz. Yayın sonrasında değişikliklerin beklenen etkiyi yaratıp yaratmadığını birlikte doğruluyoruz.
Olympos dağına ulaşan bazı markalar
JavaScript SEO (React, Next.js, Vue) için yükselişinizi planlayalım.
Olympos dağına tırmanmak için tek bir adım kaldı. Hedeflerinizi paylaşın, size özel yol haritasını birlikte çıkaralım.
Teklif alıniletisim@zeusdijital.com
Mesajlarınıza en geç bir iş günü içinde dönüş yapıyoruz.
Ahmediye, Dr. Fahri Atabey Cd. No:26, 34672 Üsküdar/İstanbul