JavaScript ile Oluşturulan Meta Etiketleri ve Başlık Öğeleri Nasıl İndekslenir

Googlebot, JavaScript ile oluşturulan meta etiketleri ve başlık öğelerini, sayfa kodunu Web Oluşturma Hizmeti aracılığıyla yürüterek indeksler. Tarayıcı başlangıçta ham HTML yanıtını tarasa da, komut dosyalarını yürütmek için ikinci bir oluşturma geçişi gerçekleştirir. Bu, meta etiketlerinizin ve belge başlıklarınızın kullanıcılara göründüğü gibi nihai, dinamik durumunu görmesini sağlar. Bu yürütme olmadan, indeksleyici yalnızca genellikle boş olan ilk şablon durumunu görürdü.

Google, SEO için JavaScript’i nasıl işler?

Modern siteler için tarama süreci iki farklı dalgada gerçekleşir. İlk olarak, tarayıcı bağlantıları ve temel yapıyı tanımlamak için ilk HTML’yi getirir. Meta etiketleriniz istemci tarafı komut dosyaları aracılığıyla eklenirse, Googlebot sayfayı oluşturma için kuyruğa almalıdır. Bu ikinci aşamada, WRS JavaScript’i çalıştırır ve Belge Nesne Modelini (DOM) etkili bir şekilde oluşturur, böylece meta veriler indeksleyici için görünür hale gelir.

JavaScript ile Oluşturulan Meta Etiketleri ve Başlık Öğeleri Nasıl İndekslenir

Google kaynakları yönettiği için her sayfayı hemen oluşturmaz. İlk getirme ile ikinci oluşturma geçişi arasındaki boşluk, mevcut kuyruk hacmine bağlıdır. Siteniz başlıkları güncellemek için ağır istemci tarafı mantığına güveniyorsa, komut dosyası yüklemedeki herhangi bir hata, tarayıcının amaçlanan meta verileri yakalamasını engeller. Bu, SEO başarınızın ön uç komut dosyalarınızın yürütme hızına doğrudan bağlı olduğu bir bağımlılık yaratır.

Google Arama JavaScript’i çalıştırır, ancak sayfalarınızı ve uygulamalarınızı tasarlarken dikkate almanız gereken bazı farklılıklar ve sınırlamalar vardır.

Google Search Central

Dinamik meta etiketler neden bazen indekslenemez?

İndeksleme gecikmeleri genellikle komut dosyası yürütme hatalarından veya kaynak engellemeden kaynaklanır. Meta etiketler çerçeveye özgü mantık tarafından oluşturulduğunda, tarayıcı başarılı olmak için kararlı bir ortam gerektirir. JavaScript yürütme başarısız olursa, arama motoru genellikle genel veya yer tutucu metin içeren ilk HTML’ye dönebilir.

JavaScript ile Oluşturulan Meta Etiketleri ve Başlık Öğeleri Nasıl İndekslenir — 2

Doğru indekslemeyi engelleyen yaygın teknik engeller aşağıdaki noktaları içerir:

  • Oluşturma dizisi sırasında komut dosyası yürütmeyi durduran yakalanmamış JavaScript hataları.
  • WRS’nin kritik veri kaynaklarına erişmesini engelleyen robots.txt dosyaları tarafından engellenen komut dosyaları veya API çağrıları.
  • Tarayıcının gerçekleştirmediği tıklamalar veya kaydırmalar gibi belirli kullanıcı etkileşimlerine aşırı bağımlılık.
  • Tek bir sayfa için oluşturma bütçesini aşan büyük yükler veya yavaş sunucu yanıtlarından kaynaklanan zaman aşımları.

Meta etiketlerinizin okunup okunmadığını nasıl doğrularsınız

Google’ın sayfanızı nasıl gördüğünü doğrulamak için Google Search Console içindeki URL Denetleme Aracını kullanmalısınız. Canlı bir test talep ederek, oluşturulan HTML’yi görüntüleyebilirsiniz. Başlık öğesinin ve meta açıklama etiketlerinin JavaScript çerçeveniz tarafından oluşturulan içerikle eşleşip eşleşmediğini doğrulamak için ‘Taranan Sayfayı Görüntüle’ sekmesini kontrol edin. Oluşturulan HTML yanlış etiketler gösteriyorsa, sorun muhtemelen oluşturma mantığınızdadır.

Ayrıca ham HTML ile oluşturulan HTML’yi karşılaştırmak da yararlıdır. Başlık ham HTML’de eksikse ancak oluşturulan sürümde görünüyorsa, istemci tarafı oluşturmaya güveniyorsunuz demektir. Bu kabul edilebilir olsa da, kısmi indekslemeyi veya boş arama parçacıklarını önlemek için oluşturma sürecinin hızlı ve hatasız olduğundan emin olmalısınız.

Kararlı meta veriler için en iyi uygulamalar

  • WRS’ye bağımlılığı önlemek için kritik meta etiketleri mümkün olduğunda ilk sunucu tarafı HTML yanıtında tutun.
  • Tarayıcıyı karıştırdığı için kanonik etiketleri veya başlıkları ayarlamak için istemci tarafı yönlendirmelerini kullanmaktan kaçının.
  • WRS’nin robots.txt dosyanızda herhangi bir kısıtlama olmadan paketlenmiş JavaScript dosyalarınıza erişebildiğinden emin olun.
  • Oluşturma sürecinin standart zaman penceresi içinde tamamlandığından emin olmak için sayfa yükleme performansını test edin.

Dinamik oluşturmadaki yaygın tuzaklar nelerdir?

Sık yapılan bir hata, meta etiketlerin enjeksiyonunu harici bir API’den veri getirme işlemi tamamlanana kadar geciktirmektir. API yavaşsa, tarayıcı veriler gelmeden önce sayfayı indeksleyebilir, bu da ‘Yükleniyor…’ veya ‘Başlıksız Sayfa’ gibi genel başlıklara yol açar. Bu davranış arama performansı için zararlıdır çünkü arama motoru başarıyla oluşturduğu ilk sürümü saklar.

Diğer bir sorun, istemci tarafı yönlendirme kullanımıyla ilgilidir. Uygulamanız, bir kullanıcı görünümler arasında hareket ederken başlığı, tarayıcının takip edebileceği URL’de karşılık gelen bir değişiklik olmadan dinamik olarak değiştirirse, arama dizini tüm dahili görünümler için açılış sayfasının başlığını yansıtabilir. Tarayıcının farklı içerik segmentleri arasında ayrım yapmasına yardımcı olmak için her benzersiz durumun benzersiz bir URL’ye sahip olduğundan her zaman emin olun.

Alien Road bunu nasıl uygular

Alien Road’da, JavaScript indekslemesine müşterilerimiz için oluşturma zaman çizelgesini denetleyerek yaklaşıyoruz. Tipik bir çalışmada, önce kritik meta etiketlerin ilk sunucu tarafı yanıtında mevcut olup olmadığını analiz ediyoruz. Bir site istemci tarafı çerçevesine güveniyorsa, belge başlığının window.onload olayı tarayıcı tarafından tetiklenmeden önce doğru şekilde güncellendiğini doğruluyoruz.

Daha sonra Googlebot’un gereksiz yere engellenen kaynaklarla karşılaşmadığından emin olmak için Search Console’daki tarama istatistikleri raporunu izliyoruz. Bu darboğazları gidererek, arama motorunun ilk keşif aşamasında amaçlanan meta verileri yakalamasını sağlıyoruz. Bu strateji, bir sayfanın optimize edilmemiş bir durumda geçirdiği süreyi azaltır ve dinamik web uygulamaları için arama parçacıklarının doğruluğunu artırır.

Teknik denetiminiz için sonraki adımlar

Google Search Console’da beş anahtar sayfayı kontrol ederek bu hafta sitenizi denetleyin. Her sayfa için oluşturulan HTML’yi görüntüleyin ve başlıklarınızın ve açıklamalarınızın mevcut olduğunu onaylayın. Tutarsızlıklar bulursanız, arama sonuçlarındaki görünürlüğünüzü artırmak için bu belirli öğeleri sunucu tarafı oluşturma katmanına taşımaya öncelik verin. Meta verilerinizdeki tutarlılık, uzun vadeli arama performansı için temel bir gerekliliktir.

Paylaş