JavaScript Yönlendirme Nedir?

Bir web sitesinde kullanıcıyı başka bir sayfaya yönlendirmenin birden fazla yolu vardır ve hangisinin seçildiği, hem kullanıcı deneyimini hem de SEO performansını doğrudan etkiler. Bunlardan biri de JavaScript yönlendirmedir — sunucunun değil, tarayıcıda çalışan kodun devreye girdiği bir yöntem. Bu yazıda JavaScript yönlendirmenin ne olduğunu, nasıl çalıştığını, ne zaman güvenle kullanılabileceğini ve SEO açısından nelere dikkat etmek gerektiğini ele alıyoruz.

JavaScript Yönlendirme Nedir?

JavaScript yönlendirme, bir sayfanın tarayıcıda yüklenmesinin ardından çalışan JavaScript kodu aracılığıyla kullanıcıyı otomatik olarak başka bir URL’ye gönderme yöntemidir. Bu, sunucunun HTTP yanıt başlığı üzerinden anında gerçekleştirdiği 301 veya 302 yönlendirmelerinden temelde farklıdır; çünkü yönlendirme kararı sunucuda değil, kullanıcının tarayıcısında, sayfa (en azından kısmen) yüklendikten sonra verilir.

En yaygın kullanım şekli window.location nesnesi üzerinden yapılır; örneğin bir kullanıcı girişi doğrulandıktan sonra “hoş geldiniz” sayfasına yönlendirmek, veya bir tek sayfa uygulamasında (SPA) sekme değişimini URL’ye yansıtmak gibi senaryolarda kullanılır.

JavaScript Yönlendirme Nasıl Çalışır?

JavaScript yönlendirme, tarayıcının window.location nesnesi üzerinden gerçekleştirilir. En sık kullanılan komut window.location.href = "https://siteniz.com/yeni-sayfa" şeklindedir; bu satır çalıştığında tarayıcı, mevcut sayfadan ayrılıp belirtilen adrese gider. Bunun dışında <meta http-equiv="refresh"> etiketiyle yapılan, JavaScript’e teknik olarak dayanmayan ama benzer bir gecikmeli yönlendirme mantığıyla çalışan bir yöntem daha vardır; bu üçü genellikle birlikte karşılaştırılır çünkü hepsi “istemci taraflı” yönlendirme kategorisine girer.

Bu üç yöntem arasındaki en kritik fark zamanlamadır: 301/302 yönlendirmesi tarayıcı sayfayı hiç görmeden, HTTP başlığı seviyesinde anında gerçekleşirken; JavaScript yönlendirmesi ve meta refresh, sayfa (en azından kısmen) tarayıcıya ulaştıktan ve işlendikten sonra devreye girer. Bu gecikme, hem kullanıcı deneyimi hem de arama motorlarının yönlendirmeyi ne kadar güvenilir bulduğu açısından belirleyicidir.

JavaScript Yönlendirme ile 301/302 Yönlendirme Arasındaki Fark

301 (kalıcı) ve 302 (geçici) yönlendirmeler, sunucunun HTTP yanıt başlığı üzerinden gönderdiği, tarayıcının hiçbir JavaScript çalıştırmadan doğrudan anladığı sinyallerdir. Googlebot dahil tüm arama motoru botları, bu sinyalleri onlarca yıldır aynı güvenilirlikle işler ve eski URL’nin otoritesini yeni URL’ye büyük ölçüde aktarır. JavaScript yönlendirme ise bu garantiyi sunmaz; çünkü botun önce sayfayı taraması, ardından bu sayfayı render kuyruğuna alması ve JavaScript’i çalıştırması gerekir — bu süreç bazen saatler, bazen günler sürebilir.

301 ile 302 arasındaki fark da bu bağlamda önemlidir: 301 “bu sayfa kalıcı olarak taşındı” anlamına gelir ve arama motoru eski URL’yi zamanla dizininden çıkarıp otoriteyi yeni URL’ye aktarır; 302 ise “bu sayfa geçici olarak başka yerde” anlamına gelir ve arama motoru eski URL’yi dizininde tutmaya devam edebilir. JavaScript yönlendirmesi bu iki durumdan hangisini kastettiğinizi arama motoruna doğrudan bildiremez; bu da onu kalıcı değişiklikler için daha belirsiz bir sinyal haline getirir.

Google JavaScript Yönlendirmelerini Nasıl İşler?

Google’ın modern tarama altyapısı JavaScript’i çalıştırabilir ve bu sayede JavaScript yönlendirmelerini büyük ölçüde takip edebilir; ancak bu süreç 301/302 kadar anlık ve garantili değildir.

Google önce sayfanın ilk (JavaScript çalışmamış) HTML halini tarar, ardından sayfayı render edilmek üzere bir kuyruğa alır. Bu kuyruktaki bekleme süresi sitenin genel “crawl budget”ına ve sunucu performansına bağlı olarak değişir; bu nedenle bir JavaScript yönlendirmesinin fark edilip işlenmesi, 301 yönlendirmesine kıyasla önemli ölçüde daha yavaş olabilir. Bu gecikme süresince eski URL, arama sonuçlarında bir süre daha görünmeye devam edebilir.

JavaScript Yönlendirme SEO Açısından Güvenli mi?

Google resmi olarak JavaScript yönlendirmelerini 301 yönlendirmesine benzer şekilde işleyebildiğini belirtiyor; ancak bu, ikisinin SEO açısından eşdeğer olduğu anlamına gelmiyor. Pratikte üç risk öne çıkıyor: birincisi, render gecikmesi nedeniyle otorite aktarımının 301’e kıyasla daha yavaş ve daha az güvenilir gerçekleşmesi; ikincisi, JavaScript’i devre dışı bırakan veya render edemeyen bazı botların (yalnızca Googlebot değil) yönlendirmeyi hiç görmeyebilmesi; üçüncüsü ise geliştirme hatası riskinin daha yüksek olması — bir sunucu yönlendirmesi neredeyse hiç “çalışmama” ihtimaline sahip değilken, bir JavaScript hatası yönlendirmeyi tamamen engelleyebilir.

JavaScript Yönlendirme Ne Zaman Kullanılmalı?

JavaScript yönlendirme, sunucu taraflı bir yönlendirmenin teknik olarak mümkün olmadığı veya pratik olmadığı durumlar için düşünülmelidir: bir kullanıcının tarayıcıda topladığı bilgiye göre (örneğin bir form doldurma veya oturum durumu) anlık karar verilmesi gereken senaryolar, tek sayfa uygulamalarında (SPA) sayfa geçişleri veya A/B test araçlarının istemci tarafında segment bazlı yönlendirme yapması gibi durumlar buna örnektir. Kalıcı bir sayfa taşıma, alan adı değişikliği veya klasik bir “eski URL artık burada” senaryosunda ise her zaman sunucu taraflı 301 yönlendirmesi tercih edilmelidir.

Bir başka meşru kullanım alanı, kullanıcının cihazına veya diline göre yönlendirme yapılmasıdır; örneğin bir kullanıcının tarayıcı dili tespit edilip otomatik olarak ilgili dil sürümüne yönlendirilmesi gibi. Ancak bu senaryolarda bile, mümkün olduğunca sunucu taraflı tespit (örneğin Accept-Language başlığına bakarak) tercih edilmeli, JavaScript yalnızca sunucu tarafında bu bilginin bulunmadığı istisnai durumlar için bir yedek olarak düşünülmelidir.

window.location Yöntemleri: href, replace, assign Farkları

window.location nesnesinin yönlendirme için kullanılan üç yöntemi, işlevsel olarak birbirine yakın olsa da tarayıcı geçmişini farklı şekillerde etkiler.

location.href ve location.assign() işlevsel olarak neredeyse aynıdır; ikisi de yeni sayfayı tarayıcı geçmişine ekler, bu sayede kullanıcı “Geri” tuşuna bastığında önceki sayfaya dönebilir. location.replace() ise mevcut geçmiş kaydının üzerine yazar; bu nedenle kullanıcı “Geri” tuşuna bastığında yönlendirmeden önceki sayfaya değil, ondan bir öncesine gider. Bu fark, özellikle giriş sonrası yönlendirmeler gibi kullanıcının eski sayfaya (örneğin giriş formuna) geri dönmesinin istenmediği durumlarda location.replace()’i daha uygun bir seçim haline getirir.

JavaScript Yönlendirmeyi Test Etme ve Doğrulama

Bir JavaScript yönlendirmesinin gerçekten çalışıp çalışmadığını ve arama motorları tarafından nasıl algılandığını doğrulamak için Google Search Console’daki URL Denetimi aracı kullanılabilir; bu araç, sayfanın Google tarafından nasıl render edildiğini ve hangi URL’ye yönlendirildiğini gösterir. Ayrıca tarayıcının geliştirici araçlarında JavaScript’i geçici olarak devre dışı bırakıp sayfayı yeniden yüklemek, yönlendirmenin yalnızca JavaScript’e bağımlı olup olmadığını ve JavaScript çalışmadığında kullanıcının “kilitlenip kalıp kalmadığını” görmek için pratik bir yöntemdir.

JavaScript Yönlendirme Kullanırken Dikkat Edilmesi Gerekenler

JavaScript yönlendirmesi kullanmayı gerektiren bir senaryoda bile, birkaç temel prensibe uymak riskleri büyük ölçüde azaltır.

Mümkün olan her durumda sunucu taraflı 301 yönlendirmesi tercih edilmeli, JavaScript yönlendirmesi yalnızca gerçekten gerekli olduğunda kullanılmalıdır. Yönlendirme mutlaka Search Console üzerinden test edilmeli, JavaScript’in çalışmadığı durumlar için de (örneğin bir <noscript> bloğu içinde manuel bir bağlantı sunarak) bir geri dönüş yolu bırakılmalıdır. Son olarak, birden fazla ardışık yönlendirmeden oluşan bir “yönlendirme zinciri” oluşturmaktan kaçınılmalıdır; her ek adım, hem yükleme süresini hem de arama motorlarının takip etme başarısını olumsuz etkiler.

Sık Yapılan Hatalar

En sık görülen hata, bir sitenin taşınması veya yeniden yapılandırılması gibi kalıcı bir değişiklikte JavaScript yönlendirmesinin 301 yerine kullanılmasıdır; bu genellikle bir geliştiricinin “zaten çalışıyor” diye düşünerek sunucu tarafında ek bir yapılandırma yapmaktan kaçınmasıyla ortaya çıkar, ancak otorite aktarımını yavaşlatır ve bazı durumlarda eksik gerçekleşmesine neden olabilir. Bir diğer yaygın hata, yönlendirme kodunun sayfanın çok geç bir noktasında (örneğin başka kaynakların yüklenmesini bekleyerek) tetiklenmesidir; bu da kullanıcının gereksiz yere eski sayfayı görmesine, algılanan performansın düşmesine ve arama motorunun render sürecinin daha da uzamasına yol açar. Ayrıca <noscript> gibi bir geri dönüş mekanizması sağlamadan yalnızca JavaScript’e güvenmek, JavaScript’i çalıştıramayan botlar veya nadir de olsa JavaScript’i devre dışı bırakmış kullanıcılar için sayfayı tamamen erişilemez hale getirebilir.

Doğru Yöntemi Senaryonuza Göre Seçin

JavaScript yönlendirme, kendi başına “kötü” bir teknik değildir; yanlış senaryoda kullanıldığında sorun yaratan bir tekniktir. Kalıcı bir URL değişikliğinde her zaman 301’i tercih edin; yalnızca istemci tarafında karar verilmesi gereken dinamik senaryolarda JavaScript yönlendirmesine başvurun ve her durumda sonucu Search Console üzerinden doğrulayın. Bu basit ayrım, hem kullanıcı deneyimini hem de sitenizin arama motorlarındaki görünürlüğünü korumanın en güvenilir yoludur.

Sıkça Sorulan Sorular

İlgili Araç

Bu konuyla ilgili çalışırken HTTP Durum Kodu aracımızı ücretsiz kullanabilirsiniz.