JavaScript Tarafından Tetiklenen Kanonik Etiketlerin ve Meta Robotların Yönetilmesi

Modern siteler için tarama süreci iki farklı dalgada gerçekleşir. İlk olarak bot, bağlantıları ve temel yapıyı belirlemek için ilk HTML’i alır. Meta etiketleriniz istemci taraflı script’ler aracılığıyla enjekte ediliyorsa, Googlebot sayfayı render için kuyruğa almalıdır. Bu ikinci aşamada Web Render Servisi JavaScript’i çalıştırır ve Belge Nesne Modeli’ni (DOM) etkin bir şekilde oluşturarak meta verilerin indeksleyici tarafından görünür olmasını sağlar.

İlk dalga ile ikincil render geçişi arasındaki zaman aralığı, mevcut sunucu talebine ve kaynak tahsisine bağlı olarak önemli ölçüde değişir. Bu pencere sırasında siteniz, indeksleyiciye JavaScript işleme tamamlandıktan sonra göründüğünden farklı görünebilir. Kanonik etiketleriniz veya meta robotlarınız yinelenen (duplicate) içeriği önlemek için kritik önem taşıyorsa, bu gecikme arama motorlarının sayfalarınızın kanonik olmayan sürümlerini geçici olarak indekslemesine neden olarak arama sıralamalarınızı potansiyel olarak zayıflatabilir.

Google Arama gerçekten de JavaScript çalıştırır, ancak şurada bazı farklılıklar vardır

Google Search Central

Kanonik etiketleri veya meta robotları ayarlamak için JavaScript’e güvenmek riskler doğurur. Google kaynakları yönettiği için her bir sayfayı hemen render etmez. İlk alım ile ikinci render geçişi arasındaki boşluk mevcut kuyruk hacmine bağlıdır. Script’iniz başarısız olursa veya robots.txt tarafından engellenirse, bot ilk, yanlış duruma güvenebilir.

Etiketler tamamen JavaScript aracılığıyla enjekte edildiğinde, meta verilerin her tarama girişiminde yakalanacağına dair garantiyi kaybedersiniz. Bu, her gün binlerce URL’nin tarandığı yüksek frekanslı güncellemeler veya büyük e-ticaret platformları için özellikle sorunludur. Render servisi bir zaman aşımı yaşarsa veya yürütme aşamasında bir script hatası meydana gelirse, bot hiç kanonik bilgi içermeyebilecek ham HTML’e geri dönecektir.

• Sunucu taraflı render edilmiş etiketler, indeksleyici için anında kullanılabilirdir.
• JavaScript ile enjekte edilen etiketler ikincil bir render geçişi gerektirir.
• Ağır ön uç (front-end) mantığı, meta verileri indeksleme süresini artırır.
• Script hataları Google’ın dinamik kanonikleri yok saymasına neden olabilir.

Alien Road olarak, meta veri tutarlılığını sağlamak için müşteri sitelerinde derinlemesine denetimler gerçekleştiririz. Tipik bir çalışmada, ham HTML’i render edilmiş HTML ile karşılaştırmak için URL Denetim Aracı’nı kullanırız. Kanonik etiketlerin her iki durumda da kararlı kaldığını doğrularız. Bir müşteri istemci tarafında etiket enjekte eden bir altyapı kullanıyorsa, render kuyruğuna olan bağımlılığı ortadan kaldırmak için genellikle sunucu taraflı rendere geçmeyi öneririz.

Süreçimiz, DOM mutasyonlarının tam sırasını belgelendirmeyi içerir. Belge başlığının ilk yüklemeden sonra nasıl güncellendiğini izleriz. Karmaşık tek sayfalı uygulamaları olan müşteriler için, ana içerik blokları render edilmeden önce kanonik URL’nin ayarlandığından emin olmak üzere bir kontrol uygularız. Bu, Web Render Servisi sayfayı işlediğinde sinyalin head bölümünde zaten mevcut olmasını sağlar.

Bir React hidratasyon uyumsuzluğu (mismatch), sunucu tarafından oluşturulan HTML, ilk istemci taraflı yürütme sırasında üretilen DOM yapısıyla eşleşmediğinde ortaya çıkar. Bu tutarsızlık tarayıcıyı sayfayı yeniden oluşturmaya zorlar; bu da indeksleme sürecini kafasını karıştırabilir. Sunucu bir sürüm ve istemci başka bir sürüm sunarsa, Googlebot ilk geçiş sırasında eksik meta veriler görebilir.

Bu yeniden render etme süreci hesaplama açısından maliyetlidir. Googlebot render servisi için bu, sayfanın etkili bir şekilde iki kez işlenmesi gerektiği anlamına gelir: bir kez sunucu taraflı render edilmiş HTML’i ayrıştırmak için ve bir kez de JavaScript hidrat fonksiyonu çalıştıktan sonra düzeltilmiş DOM’u hesaba katmak için. Bu durum sürekli olarak gerçekleşirse, daha yavaş indeksleme hızlarına ve arama motorlarının sitenizin yapısını yorumlama biçiminde olası hatalara yol açabilir.

Birçok geliştirici, bir tarayıcı doğru kanoniki gösterdiği için arama motorlarının bunu doğal olarak bulacağını varsayar. Ancak tarayıcı davranışı ve bot davranışı her zaman aynı değildir. Meta veriler için asenkron yükleme kullanmak yaygın bir hatadır; kanonik etiket üreten script ertelenirse veya geç yüklenirse (lazy-load), botun kısa yürütme penceresi sırasında bunu kaçırma olasılığı çok yüksektir.

• Meta etiketleri enjekte etmek için setTimeOut kullanmaktan kaçının.
• Kanoniklerin ilk belge gövdesinde olduğundan emin olun.
• Search Console’da render hatalarını test edin.
• Harici script dosyalarına olan bağımlılığı en aza indirin.

Kritik sayfa şablonlarınızı URL Denetim Aracı’nı kullanarak denetlemekle başlayın. Kanonik etiketlerinizin ham HTML’de görünüp görünmediğini görmek için beş önemli sayfayı kontrol edin. Eksiklerse, render edilmiş HTML görünümünde doğru göründüklerini doğrulayın. İndekselemede gecikmeler tespit ederseniz etiketleri sunucu tarafına taşımaya öncelik verin.

Ardından, meta verilerden sorumlu script’lerin ilk 1 saniyelik pencere içinde yüklenip yüklenmediğini belirlemek için site performans günlüklerinizi inceleyin. Bu script’lerin sık sık başarısız olduğunu veya engellendiğini fark ederseniz, statik olarak render edilecek şekilde bu bileşenleri yeniden düzenlemeye öncelik verin. Tutarlı meta veriler, sağlıklı bir arama varlığının temelidir.