Last Updated on 30 Ağustos 2021 by Yıldırım SERTBAŞ
Bu içeriğimde size JavaScript yönlendirme ve bu yönlendirmenin kullanım metotları, neden ve nasıl yapılmalı, yapılırken nelere dikkat edilmeli konuları kapsayan bir rehber hazırladım.
Bir sayfadan diğerine yönlendirme, herhangi bir web sitesi sahibinin çok iyi bildiği basit, standart bir uygulamadır. Bu noktada eğer bir web siteniz varsa, URL yapınızı değiştirmeye karar vermiş olmanızdan (kaçınmanız gereken) veya sonunda HTTPS’ye geçmenizden ve tüm web sitenizi yeniden yönlendirmeniz gerektiğinden (ki bunu yapmadıysanız hala mutlaka yapmalısınız), bir noktada yeniden yönlendirme kullanıyor olacaksınız.
Bununla birlikte, yönlendirmenin birden fazla yolu vardır ve hepsinin belli başlı kullanım durumları vardır.
Bu yöntemlerden biri de JavaScript kullanmaktır. Ancak bu yöntem SEO çalışmalarınız için iyi bir yöntem midir bunu bilmemiz gerekir.
Js redirects are probably not a good idea though.
— Gary 鯨理／경리 Illyes (so official, trust me) (@methode) July 8, 2020
Bir Google çalışanı olan Gary İllyes bunun hiç de iyi bir fikir olduğunu söylemiştir. Bu her ne kadar kati bir söylem gibi görünse de bir diğer Google çalışanı John Mueller şöyle bunu dengelemek için şöyle diyor: “Farklı türlerdeki JavaScript yönlendirmelerini destekliyoruz ve sunucu tarafı yönlendirmelerini takip ettiğimize benzer şekilde onları da takip ediyoruz.”
JavaScript yönlendirmelerinin kötü bir üne sahip olmasına ve kuşkusuz Google’daki sıralamanıza zarar vermesine rağmen, nadir durumlarda kullanıcılarınızı yeniden yönlendirmek için geçerli bir yöntemdir.
JavaScript Yönlendirme Ve SEO
JavaScript yönlendirmelerini kullanmak genellikle SEO’nun en iyi uygulamalarına aykırıdır. Nedenlerini aşağıdaki gibi sıralayabiliriz.
- UX açısından bakıldığında, diğer yönlendirme yöntemleri sunucu tarafında yürütüldükleri için daha hızlıdır.
- Arama motorları tarafından toplanan tüm sıralama sinyallerinin, tıpkı bir 301 veya 302 yönlendirmesi kullandığınızda olduğu gibi, yeni URL’ye iletilmesi pek olası değildir.
Dear #seo Twitter, what's your experience with JavaScript redirects?
— Bartosz Góralewicz (@bart_goralewicz) January 22, 2021
Does Google pass the ranking signals to the redirected page as it does with server-side redirects?
- Dizine ekleme işlemi sırasında, Google’ın algoritması, sayfayı önemli ölçüde değiştirmiyorsa JavaScript’i oluşturmamaya karar verebilir; bu, JavaScript yönlendirmenizin yürütülmeyebileceği anlamına da gelir.
- JavaScript yönlendirmelerini kullanmak, web sitenizin Google tarafından taranmasını ve dizine eklenmesini yavaşlatabilir. JavaScript’i oluşturmak, dizin oluşturma işleminde ek bir adımdır.
301 gibi bir sunucu tarafı yönlendirmesi kullanırsanız bu sorunlar ortadan kalkar.
Peki, SEO dostu değilse neden kullanıcılarınızı yönlendirmek için JavaScript kullanmak isteyesiniz ki?
Yönlendirme için neden JavaScript kullanmalı?
Duymuş olabileceğinizin aksine JavaScript kullanmak, kullanıcılarınızı farklı bir sayfaya yönlendirmenin uygun bir yoludur. Ama bunu yapmak için biraz daha ayrıntıya girmek gerekiyor.
JavaScript yönlendirmeleri istemci tarafında yürütüldüğünden, yönlendirmeye ek bir mantık ekleme seçeneğiniz vardır. Örneğin, kullanıcınızın tarayıcısının kullandığı dili tespit edebilir ve ona göre yönlendirebilirsiniz.
JavaScript yönlendirmesinin iyi bir yöntem olduğu duruma yaygın bir örnek, kullanıcılarınızın web sitenizde oturum açmasını istemenizdir. Başarılı bir giriş denemesinden sonra kullanıcı JavaScript ile yeniden yönlendirilir. Oturum açma başarısız olursa, JavaScript ile bir hata mesajı görüntüleyebilirsiniz. Bunu uygulamak için gereken tek şey basit bir “if” ifadesidir. Aşağıdaki kodu bir inceleyin.
if(username == “yildirim” && password == “yildirim123” ){
return window.location.href=’https://www.yildirimsertbas.com’ ;
}
else{
alert( ‘Kullanıcı adınız yanlış. ‘ ) ;
}
Tabii ki, bu sadece bir örnek. Bunu siz kendinizde denemeyin!
Ancak JavaScript yeniden yönlendirmesinin uygun bir seçim olabileceğini gösteriyor. Google’ın yalnızca başarılı bir giriş yaptıktan sonra kullanılabilen dahili sayfalarınızı taramasını beklemezsiniz. Ayrıca JavaScript, yeniden yönlendirmeye, sunucu tarafı yönlendirmesiyle bu kadar kolay ekleyemeyeceğiniz ek bir mantık eklemenize de olanak tanır.
JavaScript Yönlendirme Metotları
Sunucu tarafından işlenen popüler 301 ve 302 yönlendirmelerinin aksine, JavaScript yönlendirmeleri istemci tarafında yürütülür.
JavaScript kullanarak yönlendirmenin aslında birden çok yolu vardır. En popüler yöntem, window.location.replace kullanmaktır:
window.location.replace(“https://www.yildirimsertbas.com/blog/”);
Tarayıcınızda deneyebilirsiniz. Chrome kullanıyorsanız, geliştirme araçlarını açmak için Ctrl + Shift + I tuşlarına basın, ardından konsola gidin ve yukarıdaki kod satırını konsola yapıştırın ve enter tuşuna basın.
Bu, tarayıcının sizi blogumuzun ana sayfasına götürmesine neden olur.
Alternatif bir yol, window.location.href (veya bu iki yaklaşım arasında küçük farklılıklar olsa da, sadece window.location) kullanmaktır. Bu, JavaScript’te gerçek bir yöntem değildir; bunun yerine, mevcut URL konumunuzu saklamak için kullanabileceğiniz bir özelliktir. Kullanıcıyı şu şekilde üzerine yazarak farklı bir sayfaya yönlendirebilirsiniz:
window.location.href = “https://www.yildirimsertbas.com/blog/”;
Yalnızca konsolda kullanırsanız sonuç aynı olacaktır, ancak bu iki yönlendirme yöntemini gerçek bir sayfada kullanmak arasında önemli bir fark vardır.
Sonsuz yönlendirme döngülerinden kaçının
Belirli bir sayfada window.location.replace yürütüldüğünde, o sayfa oturum geçmişine kaydedilmez. Yani bir sayfaya girerseniz ve yönlendirilirseniz, geri düğmesine tıklayarak o sayfaya geri dönemezsiniz. Bundan önce ziyaret ettiğiniz bir sayfaya yönlendirileceksiniz.
window.location.href ile durum böyle değildir. Geri tıkladığınızda, aynı sayfa tekrar kaldırılır, mevcut URL konumunuzun üzerine bir kez daha yazılır ve ayrılmak istediğiniz sayfaya yönlendirilirsiniz. Bu sonsuz bir döngüdür. Bu yönlendirme yöntemini kullanmayı düşünüyorsanız, bunu aklınızda bulundurun.
301 ve 302 Yönlendirmeleri Doğru Yapabilme
Bir tarayıcı belirli bir sayfayı indirmek için bir istek gönderdiğinde, 301 veya 302 Redirect komutunu kullanarak bunu yapmasını söylediyseniz, sunucu tarayıcıyı farklı bir URL adresine yönlendirebilir. Bu komutlar sunucu ayarlarınızda veya dizinlerinizdeki .htaccess dosyalarında (Apache kullanıyorsanız) saklanır.
Bu yönlendirme yöntemi arama motorları tarafından tercih edilmektedir. Google’ın belgeleri bu konuda oldukça nettir:
“Bir sayfanın URL’sini arama motoru sonuçlarında gösterildiği gibi değiştirmeniz gerekiyorsa, sunucu tarafı 301 yönlendirmesi kullanmanızı öneririz. Bu, kullanıcıların ve arama motorlarının doğru sayfaya yönlendirilmesini sağlamanın en iyi yoludur. 301 durum kodu, bir sayfanın kalıcı olarak yeni bir konuma taşındığı anlamına gelir.”
Sonuç
JavaScript yönlendirmeleri bazı durumlarda uygulanabilir olsa da şunları aklınızda bulundurun:
- Çoğu zaman, 301 veya 302 gibi bir sunucu tarafı yönlendirmesi, SEO açısından daha iyi bir seçimdir. Bir 301 kullandığınızda, Google’ın her zaman onu takip edeceğinden ve tüm sıralama sinyallerini yönlendirilen sayfaya ileteceğinden emin olabilirsiniz.
- Kesinlikle gerekli olmadıkça ve UX’inizi etkilemedikçe, window.location.href ile sonsuz bir yeniden yönlendirme döngüsü oluşturmamaya dikkat edin.
- Google’ın kafasını karıştırmak ve kullanıcılarınızı spam içerikli veya kötü amaçlı yazılımlara göndermek için JavaScript yönlendirmeleri kullanıyorsanız, kullanmayın. Bu, Google yönergelerine aykırıdır.
Özetlemek gerekirse, JavaScript’i yalnızca başka seçeneğiniz olmadığında yeniden yönlendirme yöntemi olarak kullanın.
Fayda sağlaması dileğiyle.
JavaScript SEO ile ilgili diğer içeriklerime de göz atmanızı kesinlikle tavsiye ederim.