Google Arama ile ilgili JavaScript ile ilgili sorunların düzeltilmesi

Bu kılavuz, sayfanızı veya JavaScript ile çalışan sayfalardaki belirli içeriklerin Google'ı aramada ekrandan çıkarılabilen JavaScript ile ilgili sorunları belirlemenize ve düzeltmenize yardımcı olacaktır. Google Search'in JavaScript'i işleyebilmesine rağmen, Google robotlarının nasıl eriştiğini ve içeriğinizi görüntüleyeceğini hesaba katmak için sayfalarınızı ve uygulamalarınızı geliştirirken dikkate almanın önemli olduğu bazı farklılıklar ve kısıtlamalar vardır. JavaScript SEO'nun temelleri hakkındaki kılavuzumuz, Google Search için JavaScript ile sitenizi nasıl optimize edeceğiniz hakkında daha fazla bilgi sunuyor.

Googlebot'un çalışmasını ve sitenizle etkileşimini Google'da anlamak

GoogleBot, iyi niyetli bir ağ kullanıcısı olacak şekilde tasarlanmıştır. Ana görev taramaktır, Googlebot ise sitede kullanıcı deneyimini kötüleştirmekten kaçınmalıdır. GoogleBot ve Web Oluşturma Hizmeti (WRS) bileşeni, sayfanın ana içeriğini etkilemeyen ve yüklenmeyebilecek kaynakları sürekli analiz ediyor ve tanımlıyor. Örneğin, ana içerik için önemli olmayan raporlama ve hatalar yüklemeye tabi değildir. Google web sitenizdeki Googlebot ve WRS'nin etkinliğini izlemek için arama konsolunda tarama istatistikleri hakkında bir rapor kullanın.

Sitenizde google aramasını etkileyen JavaScript hatalarını kontrol etmek ve düzeltmek

JavaScript sorunlarının JavaScript ile sayfalardaki sayfanızı veya belirli içeriğinizi Google'ı aramada ekrandan engelleyebileceğinden şüpheleniyorsanız, bu adımları izleyin. Ana neden JavaScript olduğundan emin değilseniz, belirli bir sorunu belirlemek için genel hata ayıklama kılavuzumuzu izleyin.

Google'ın URL'yi nasıl taradığını ve görüntülediğini test etmek için, Arama Konsolunda Zengin Sonuçlar Test Aracı veya URL Test Aracını kullanın. Yüklü kaynakları, JavaScript konsolunun çıktısını ve istisnaları, müstakil DOM ve diğer birçok yararlı bilgileri görebilirsiniz.
Ayrıca, içerik oluşturmayı etkileyen olası sorunları belirlemek için sitenizde GoogleBot da dahil olmak üzere kullanıcıların karşılaştığı JavaScript hatalarını toplamanız ve kontrol etmeniz önerilir. Global OnError'da günlüğe kaydedilen hataların günlüğe kaydedilmesi için bir kod örneği kullanılabilir:

window.addEventListener('error', function(e) {
 var errorText = [e.message, 'URL: ' + e.filename, 'Line: ' + e.lineno + ', Column: ' + e.colno, 'Stack: ' + (e.error && e.error.stack || '(no stack trace)')].join('
');
 var DOM_ID = 'rendering-debug-pre';
 if (!document.getElementById(DOM_ID)) {
 var log = document.createElement('pre');
 log.id = DOM_ID;
 log.style.whiteSpace = 'pre-wrap';
 log.textContent = errorText;
 if (!document.body) document.body = document.createElement('body');
 document.body.insertBefore(log, document.body.firstChild);
 } else {
 document.getElementById(DOM_ID).textContent += '

' + errorText;
 }
});

404 hatalarının önlenmesi ve siteniz üzerindeki etkileri Google'daki etkileri

"Yumuşak 404" gibi hataların önlenmesi için özellikle dikkat edilmelidir, özellikle de siteniz tek bir sayfa uygulaması (SPA) kullanıyorsa. Hataların arama motorları tarafından dizine eklenmemesi için aşağıdaki stratejileri kullanın:

İçerik yoksa 404 durum kodu olan bir sayfaya yönlendirme:

 fetch(`https://api.example.com/page/${id}`).then(res => res.json()).then((page) => {
 if (!page.exists) {
 window.location.href = '/not-found';
 }
 });

Noindex parametreli bir meta-etiket robotları kullanma:

 fetch(`https://api.example.com/page/${id}`).then(res => res.json()).then((page) => {
 if (!page.exists) {
 const metaRobots = document.createElement('meta');
 metaRobots.name = 'robots';
 metaRobots.content = 'noindex';
 document.head.appendChild(metaRobots);
 }
 });

SPA uygulamanız hataları işlemek için bir istemci JavaScript kullanıyorsa, genellikle hatalı sayfalar istenen hata kodu yerine 200 durumunu karşıladığında bir sorun ortaya çıkar.

Kullanıcı izinlerini ve bunların Google web siteniz üzerindeki etkilerini kullanmak

GoogleBot, kamera veya diğer kullanıcı çözünürlükleri kullanma işlevlerine erişmek için izin veremez. Sayfanız, içeriğe erişmek için bu tür izinlerin sağlanmasını gerektiriyorsa, kullanıcıya izin vermeye gerek kalmadan alternatif bir görüntüleme yolunu sağlayın.

Sitenizdeki URL parçalarını ve Google'da arama görünürlüğü üzerindeki etkilerini kullanmak

Daha önce kullanılan URL parçaları ile (örneğin, https://example.com/#/products) artık Googlebot'u taramak için desteklenmiyor, çünkü 2015'ten beri Ajax-Prawling şeması durduruldu. URL fragmanları yerine, SPA'da dinamik içerik yükleme için geçmiş API'sının kullanılması önerilir.

Google'da dizine eklemeyi geliştirmek için Sitede verilerinizi önbelleğe alma ve kullanma önerileri

Önbellekleme sorunlarından kaçınmak için içerik baskısını kullanın. Bu, eski JavaScript veya CSS kaynaklarının kullanımından kaçınır ve GoogleBot her zaman ilgili dosyaları alır. Bir örnek, içerik sürüm dosyalarının ana.2bb85551.js olarak dosyaların başlığında kullanılmasıdır. Web.dev'de uzun vadeli önbellek okuma stratejisi hakkında ayrıntılar.

Web bileşenlerini kullanarak sitenizin performansını Google'da kontrol etmek

Web bileşenlerinizin doğru bir şekilde oluşturulduğunu kontrol etmek için zengin sonuçlar test aracını veya URL test aracını kullanın. WRS'nin DOM ile çalışmak için bazı mekanizmaları desteklemeyebileceğini hatırlamak önemlidir, örneğin bir mekanizma Işık ve Gölge Dom için. Sitenizin bileşenleri kullanmıyorsa, olası sorunları ortadan kaldırmak için belgelere başvurun.

Sitenizde düzeltmelerden sonra sayfa testi Google arayışında görüntülenmek için

Belirtilen sorunları düzelttikten sonra, Google arama konsolundaki zengin sonuçlar testini veya URL test aracını tekrar kullanarak sayfayı test edin. Sorun çözülürse, yeşil bir onay işareti göreceksiniz ve hatalar görüntülenmeyecektir. Hatalar kalırsa, arama merkezi topluluğundan yardım isteyin.

Ek sorular ve istişareler için SEO.computer SEO Company ile postayla iletişime geçebilirsiniz. info@seo.computer veya whatsapp aracılığıyla: +79202044461.

ID 115