Daha İyi SEO için JavaScript'te İstemci Tarafı Yönlendirmelerini Yönetme

JavaScript SEO’da istemci tarafı yönlendirmeleri, tarayıcı ortamında kullanıcıları ve arama motorlarını bir URL’den diğerine yönlendirmek için betiklerin kullanılmasını içerir. Sunucu tarafı yönlendirmeleri genellikle indeksleme için daha hızlı olsa da, Google oluşturma aşamasında JavaScript tabanlı talimatları takip edebilir. Başarılı uygulama, arama botlarının son varış noktasını doğru bir şekilde belirlemesini ve sıralama sinyallerini yeni sayfaya aktarmasını sağlamak için window.location.replace gibi verimli kodların kullanılmasını gerektirir.

Modern web geliştirmede istemci tarafı yönlendirmeleri nelerdir?

İstemci tarafı yönlendirmesi, tarayıcı bir sayfayı zaten talep ettikten ve yüklemeye başladıktan sonra gerçekleşir. Herhangi bir içerik kullanıcıya ulaşmadan önce başlık düzeyinde gerçekleşen sunucu tarafı 301 yönlendirmesinin aksine, bir JavaScript yönlendirmesi tarayıcının yeni varış noktasını bulmak için bir betik çalıştırmasını gerektirir. Bu yöntem genellikle belirli barındırma platformlarında veya sınırlı içerik yönetim sistemlerinde çalışanlar gibi sunucu yapılandırma dosyalarına erişimi olmayan geliştiriciler için bir yedek çözümdür.

Daha İyi SEO için JavaScript'te İstemci Tarafı Yönlendirmelerini Yönetme

Tipik bir senaryoda, bir kullanıcı bir sayfaya gelir ve HTML içindeki bir betik hemen tarayıcıya farklı bir URL yüklemesini söyler. Arama motorları için bu, bir karmaşıklık katmanı ekler. Tarayıcı önce ilk sayfayı indirmeli ve ardından yönlendirmeyi keşfetmeden önce oluşturma motorunun JavaScript’i işlemesini beklemelidir. Bu sıra, ayrıntılı bir stratejiyle yönetilmezse yeni içeriğin daha yavaş keşfedilmesine yol açabilir.

Googlebot JavaScript yönlendirmelerini nasıl işler?

Google, JavaScript’i iki aşamalı bir indeksleme işlem hattı aracılığıyla yönetir. Birinci aşamada Googlebot ham HTML’i tarar ve hemen görebileceği bağlantıları çıkarır. Bir yönlendirme yalnızca JavaScript içinde mevcutsa, Googlebot bu ilk aşamada bunu görmez. Bunun yerine sayfa, Web Oluşturma Hizmeti (WRS) için bir kuyruğa alınır. İkinci aşamada WRS kodu yürütür, yönlendirme talimatını tanımlar ve ardından yeni varış noktasına kadar takip eder.

Googlebot’un verimli olmaya çalıştığını anlamak çok önemlidir. Kaynağın ana içeriğe katkıda bulunmadığını belirlerse her bir betiği getirmeyebilir. Dahası, oluşturma kuyruğunda harcanan süre sitenin genel teknik sağlığına bağlı olarak değişebilir. Sitenizde çok sayıda sayfa varsa, istemci tarafı mantığına aşırı güvenmek Google’ın güncellemelerinizi ne kadar hızlı indeksleyeceğini yavaşlatabilir.

Daha İyi SEO için JavaScript'te İstemci Tarafı Yönlendirmelerini Yönetme — 2

Googlebot ve Web Oluşturma Hizmeti (WRS) bileşeni, temel sayfa içeriğine katkıda bulunmayan kaynakları sürekli olarak analiz eder ve tanımlar, bu tür kaynakları getirmeyebilir.

Google Search Central

JavaScript yönlendirmesi SEO için etkili midir?

Sunucu tarafı yönlendirmeleri altın standart olsa da, JavaScript yönlendirmeleri doğru kullanıldığında geçerli bir araçtır. Google, hızlı bir şekilde yürütülmeleri halinde JavaScript yönlendirmelerini 301 yönlendirmelerine benzer şekilde ele aldıklarını belirtmiştir. Ancak risk, yürütme süresindedir. Betiğin yüklenmesi çok uzun sürerse veya bir hata nedeniyle başarısız olursa, arama motoru amaçlanan hedef yerine orijinal sayfayı indeksleyebilir. Bu, kopya içerik sorunlarına veya sıralama sinyallerinin kaybına yol açabilir.

  • Artı: Sunucu erişimi kısıtlı olduğunda URL yönetimini sağlar.
  • Artı: Cihaza özel veya dile özel yönlendirme için kullanılabilir.
  • Eksi: İki aşamalı indeksleme sürecinden kaynaklanan gecikme ekler.
  • Eksi: Yönlendirmeler zincirlenirse tarama bütçesi israfı riski artar.
  • Eksi: Güvenilirlik, istemci tarafı betiklerinin başarılı bir şekilde yürütülmesine bağlıdır.

Betik tabanlı yönlendirmelerde sık görülen teknik sorunlar nelerdir?

Önemli bir sorun, ‘window.location.replace’ yerine ‘window.location.href’ kullanılmasıdır. ‘href’ kullandığınızda, orijinal sayfa tarayıcı geçmişinde kalır ve bu da hem kullanıcıların hem de botların kafasını karıştırabilir. ‘replace’ kullanmak, oturum geçmişinde eski URL’nin yenisiyle değiştirilmesini sağlar. Ek olarak, geliştiriciler bazen hamleyi tetiklemeden önce yönlendirme mantığını karmaşık olay dinleyicilerinin içine yerleştirir veya ağır kütüphanelerin yüklenmesini bekler. Bu gecikme SEO performansına zararlıdır.

Başka bir sorun da yönlendirme zincirlerinin oluşturulmasıdır. Sayfa A, JavaScript aracılığıyla Sayfa B’ye yönlendirirse ve Sayfa B’nin Sayfa C’ye sunucu tarafı yönlendirmesi varsa, arama motorunun son varış noktasını bulmak için birden fazla adımdan geçmesi gerekir. Her adım, tarayıcının sonuna ulaşmadan durma şansını artırır. Mantığınızı basit ve doğrudan tutmak, sağlıklı bir site yapısını korumanın anahtarıdır.

Uygulama için teknik en iyi uygulamalar

İstemci tarafı yönlendirmelerini olabildiğince arama dostu hale getirmek için hıza ve netliğe öncelik vermelisiniz. Betik, belgenin head bölümünde mümkün olduğunca yükseğe yerleştirilmelidir. Bu, yönlendirmenin tarayıcının veya WRS’nin işlediği ilk şeylerden biri olmasını sağlar. Kullanıcı deneyimi için kesinlikle gerekli olmadıkça yönlendirmeyi ‘window.onload’ veya ‘setTimeout’ fonksiyonları içine sarmaktan kaçının. Yönlendirme ne kadar hızlı gerçekleşirse, Google’ın bunu kalıcı bir hamle olarak ele alma olasılığı o kadar yüksek olur.

  • Tarayıcı geçmişini temiz tutmak için her zaman window.location.replace() kullanın.
  • Yönlendirme betiğini HTML belgesinin bölümüne yerleştirin.
  • Hedef URL’nin XML site haritanızda da bulunduğundan emin olun.
  • Basit yönlendirme mantığı için harici kütüphaneler kullanmaktan kaçının.
  • Hatalar için Search Console’daki ‘Tarama İstatistikleri’ raporunu izleyin.

Alien Road istemci tarafı yönlendirmelerini nasıl uygular?

Ekibimiz, kısıtlı sunucu ortamlarına sahip müşteriler için URL geçişlerini yönetmek üzere ayrıntılı bir süreç kullanır. Taşınma gerektiren her URL’yi belirlemek için siteyi denetleyerek başlıyoruz. Belirli alt yolların sunucu düzeyinde yönlendirilemediği bir Shopify mağaza migrasyonu gibi tipik bir çalışmada, özel bir betik çözümü uyguluyoruz. Googlebot’un bu hamleleri doğru bir şekilde tanımladığını doğrulamak için Google Search Console verilerinden yararlanıyoruz.

Sonuçları tahmin etmiyoruz; hem eski hem de yeni URL’lerin indeks durumunu izliyoruz. Mantığı HTML’de yüksekte konumlandırarak, Web Oluşturma Hizmetinin oluşturma aşamasında geçişi yakalamasını sağlıyoruz. Bu sağlam yaklaşım, sayfaların oluşturma kuyruğunda geçirdiği süreyi en aza indirir ve büyük yapısal değişiklikler sırasında sitenin organik görünürlüğünü korumaya yardımcı olur.

Oluşturma kuyruğuna alma, özellikle büyük tarama bütçelerine veya ağır hesaplama ihtiyaçlarına sahip sitelerde keşif ve çıkarma arasında gecikmelere neden olabilir.

Google Search Central

Bu hafta nereden başlanmalı

Yönlendirmesi gereken sayfalar için beklenmeyen 200 durum kodları olup olmadığını görmek üzere Google Search Console ‘Tarama İstatistikleri’ raporunuzu inceleyerek başlayın. Sunucu düzeyinde kontrolünüzün olmadığı tüm URL’leri belirleyin ve ‘window.location.replace’ kullanarak küçük bir JavaScript yönlendirmesi grubunu test edin. Oluşturulan HTML’in Googlebot’a nasıl göründüğünü görmek için URL İnceleme aracını kullanarak sonuçları doğrulayın. Arama motoru yeni hedef sayfanın içeriğini gösteriyorsa, uygulamanız doğru çalışıyor demektir.

Paylaş