Search Console Kullanarak JavaScript Oluşturma (Rendering) İşlemi Nasıl Hata Ayıklanır?

Google Arama, web uygulamalarını üç ana aşamada işler: tarama, oluşturma ve dizine ekleme. Bir tarayıcı bir sayfa bulduğunda, önce ham HTML’i indirir. Sayfa içeriği göstermek için büyük ölçüde komut dosyalarına güveniyorsa, tarayıcı sayfayı bir oluşturma kuyruğuna ekler. Bu kuyruk gereklidir çünkü oluşturma, basit bir taramadan daha fazla bilgi işlem kaynağı gerektirir.

Web Oluşturma Hizmeti (WRS), komut dosyalarını yürütmek ve son sayfa yapısını oluşturmak için Chromium tarayıcısının güncel (evergreen) bir sürümünü kullanır. Yalnızca bu süreç tamamlandıktan sonra sistem tam metni ve gezinme öğelerini görebilir. Bu aşamada komut dosyalarınız başarısız olursa veya zaman aşımına uğrarsa, dizin oluşturucu yalnızca boş bir şablon veya bir yükleme simgesi görebilir.

Google JavaScript web uygulamalarını üç ana aşamada işler: Tarama Oluşturma Dizine Ekleme

Google Search Central

URL İnceleme Aracı, oluşturma motoruna doğrudan bir pencere sağlar. ‘Canlı URL’yi Test Et’ özelliğini kullanarak Googlebot’tan gerçek zamanlı bir istek tetiklersiniz. Test bittiğinde, ‘Oluşturulmuş Sayfayı Görüntüle’ bağlantısı HTML, Ekran Görüntüsü ve Diğer Bilgiler olmak üzere üç temel sekme içeren bir yan panel açar.

HTML sekmesi, JavaScript çalıştıktan sonra Belge Nesne Modeli’ni (DOM) gösterir. Bu metni kopyalamalı ve komut dosyalarınız tarafından oluşturulan belirli ürün adlarını veya açıklamalarını aramalısınız. Metin bu sekmede eksik ancak kendi tarayıcınızda görünürse, muhtemelen bir oluşturma hatası oluşuyordur.

• Search Console’un üst arama çubuğuna hedef URL’yi girin.
• Güncel verileri almak için ‘Canlı URL’yi Test Et’ düğmesine tıklayın.
• Sonuçları incelemek için ‘Oluşturulmuş Sayfayı Görüntüle’yi seçin.
• Düzenin doğru görünümde olup olmadığını görmek için ‘Ekran Görüntüsü’ sekmesini kontrol edin.
• Konsol mesajları ve kaynak hataları için ‘Diğer Bilgiler’ sekmesini inceleyin.

İçerik genellikle Googlebot gerekli komut dosyası dosyalarına erişemediği için görünmez. robots.txt dosyanız /static/ veya /assets/ klasörlerini engelliyorsa, oluşturma motoru bu dosyaları atlayacaktır. Bu, eksik bir sayfayla sonuçlanır. Bu engellenen kaynakları ‘Diğer Bilgiler’ sekmesinde ‘Sayfa Kaynakları’ bölümünün altında bulabilirsiniz.

Diğer yaygın bir sorun yürütme zaman aşımıdır. Googlebot komut dosyalarının bitmesini sonsuza kadar beklemez. Uygulamanız veri almak için yavaş API çağrıları yaparsa, oluşturucu içerik gelmeden önce vazgeçip sayfayı dizine ekleyebilir. Komut dosyası yürütmede verimlilik ve hızlı sunucu yanıt süreleri, başarılı dizine ekleme için anahtardır.

Googlebot bir HTTP isteği yaparak tarama kuyruğundan bir URL getirir, önce taramaya izin verip vermediğinizi kontrol eder.

Google Search Central

Alien Road’daki ekibimiz, müşterilerimizi dizine ekleme boşluklarından korumak için sistematik bir iş akışı kullanır. ‘Sayfa Kaynağını Görüntüle’ çıktısını Search Console’da bulunan ‘Oluşturulmuş HTML’ ile karşılaştırarak başlıyoruz. Oluşturulan sürümde ürün ızgaraları veya makale metni gibi ana içeriğin varlığını arıyoruz. Bir tutarsızlık bulursak, belirli komut dosyası hatasını bulmak için URL İnceleme aracındaki konsol günlüklerini kullanıyoruz.

Bir Shopify mağazası için tipik bir projede, üçüncü taraf bir inceleme uygulamasının arama motorları için görünmediğini keşfettik. ‘Diğer Bilgiler’ bölümünü kontrol ederek, komut dosyasının desteklenmeyen bir JavaScript özelliği nedeniyle başarısız olduğunu belirledik. Bu incelemeler için sunucu taraflı bir yaklaşım önerdik. Bu ayarlama, incelemelerin sitenin görünürlüğüne ve anahtar kelime sıralamalarına katkıda bulunmasını sağladı.

• Tüm JS ve CSS yollarının açık olduğundan emin olmak için robots.txt dosyasını denetleyin.
• İlk taramdaki metin-kod oranlarını canlı test ile karşılaştırın.
• WRS tarafından bildirilen konsol hatalarını belirleyin ve düzeltin.
• İç bağlantıların tıklama işleyicileri yerine standart a-href etiketleri kullandığını doğrulayın.
• Geliştirme ekibinin düzeltmesi için tüm eksik öğeleri belgelendirin.

Dinamik oluşturma, bir zamanlar kullanıcılara komut dosyası ağırlıklı tam deneyimi sunarken botlara bir sayfanın düz HTML sürümünü sunmanın popüler bir yoluydu. Ancak Google artık bunu geçici bir düzeltme olarak görüyor. Sunucu kurulumuna karmaşıklık katar ve iki sürüm senkronize tutulmazsa içerik uyuşmazlıklarına yol açabilir.

Modern öneri, sunucu taraflı oluşturma (SSR) veya statik site oluşturma (SSG) kullanmaktır. Bu yöntemler, Googlebot sayfayı ilk kez getirdiğinde içeriğin zaten HTML’de bulunmasını sağlar. Bu, oluşturma kuyruğuna olan bağımlılığı ortadan kaldırır ve yeni veya güncellenmiş içerik için daha hızlı dizine ekleme sağlar.

Dinamik oluşturma bir geçici çözüm olup önerilen bir çözüm değildir, çünkü ek karmaşıklıklar ve kaynak gereksinimleri yaratır.

Google Search Central

‘Diğer Bilgiler’ sekmesi genellikle sayfanın düzgün yüklenmesini engelleyen JavaScript istisnalarını listeler. Yaygın hatalar arasında Chromium sürümünün ayrıştıramayacağı sözdizimi sorunları veya harici API’leri getirme başarısızlıkları yer alır. Ayrıca, bir komut dosyası içeriği yüklemek için tıklama veya kaydırma gibi kullanıcı etkileşimine güveniyorsa, Googlebot bu eylemleri gerçekleştirmediği için muhtemelen bu içeriği kaçıracaktır.

Komut dosyalarının neden olduğu ‘Yumuşak 404’ hatalarını da görebilirsiniz. Uygulamanız 200 OK durum kodu döndürürken JavaScript aracılığı Yine de bir ‘Ürün Bulunamadı’ mesajı gösterirse, Google sayfayı yine de 404 olarak dizine ekleyebilir. Oluşturulan ekran görüntüsünü kontrol etmek, botun gerçek içerik yerine bu hata durumlarına çarpıp çarpmadığını görmenize yardımcı olur.