Googlebot, her zaman güncel bir Chromium oluşturucu aracılığıyla kullanıcı davranışını simüle ederek sonsuz kaydırma ve sayfalamayı ele alır. Siteniz betikler aracılığıyla dinamik olarak içerik yüklediğinde, tarayıcı Belge Nesne Modeli’ni (DOM) oluşturmak için JavaScript’i çalıştırır. Bu süreç, uygulamanın standart web kalıplarını takip etmesi koşuluyla, Google’ın içeriği bir insanın göreceği gibi görmesini sağlar. Bu kalıplar olmadan tarayıcı kritik verileri gözden kaçırabilir ve içeriğinizin arama sonuçlarında görünmez kalmasına neden olabilir.
Google, sonsuz kaydırma içerisindeki içeriği nasıl keşfeder?
Keşif, Googlebot’un takip edebileceği çapa (anchor) etiketlerinin varlığına bağlıdır. Sonsuz kaydırma kurulumunda geliştiriciler genellikle pasif bir olay olan kaydırma pozisyonuna dayalı içerik yüklemelerini tetiklerler. Googlebot her zaman bir sayfanın derinliklerine kadar kaydırma yapmadığından, içeriğinizi yüklemek için gereken olayları asla tetiklemeyebilir. İçerik ilk HTML yanıtında yoksa veya standart href nitelikleri aracılığıyla bağlanmamışsa, tarayıcı sayfanın erkenden bittiğini varsayar.
Görünürlüğü garanti etmek için, sonsuz kaydırma içindeki her öğenin ideal olarak karşılık gelen benzersiz bir URL’ye sahip olması gerekir. Bu, tarayıcının kaydırma tetikleyicisine güvenmek yerine içeriğe doğrudan ulaşmasını sağlar. Siteniz otomatik kaydırma yerine ‘Daha Fazla Yükle’ düğmesi kullanıyorsa, düğmenin geçerli bir href içeren standart bir çapa etiketi olduğundan emin olun. Bu, gerçek içerik dağıtımı eşzamansız (asenkron) olarak yönetilse bile tarayıcıya takip edeceği net bir yol sunar.
Sayfalama ile ilgili yaygın tuzaklar nelerdir?
Sayfalamadaki en sık görülen hata, bir kullanıcı bir sayfadan diğerine geçerken URL’yi güncellemeyi unutmaktır. İçerik değişirken URL statik kalırsa, Googlebot tüm diziyi tek bir sayfa olarak ele alır. Bu, yalnızca ilk öğe setinin etkili bir şekilde işlendiği, geri kalanının ise arama dizininden gizli kaldığı bir indeksleme darboğazı yaratır.
Diğer bir sorun ise standart olmayan etkileşim kalıplarının kullanılmasıdır. Sayfaları yüklemek için tıklanamaz öğeler üzerinde olay dinleyicileri (event listeners) kullanmak tarayıcı için bir engel oluşturur. İçeriğe yalnızca bir div veya span’e bağlı bir JavaScript işlevi aracılığıyla erişilebildiğinde, Googlebot ötesinde ne olduğunu görmek için bunu programatik olarak ‘tıklayamaz’. Navigasyon kontrolleri için her zaman anlamsal (semantik) HTML öğeleri kullanın.
- Sayfalandırılmış her sonucun standart HTML çapa etiketleri aracılığıyla erişilebilen benzersiz bir URL’ye sahip olduğundan emin olun.
- Kullanıcı içerikte ilerledikçe tarayıcı URL’sini güncellemek için History API’yi uygulayın.
- Fare hareketi gibi belirli kullanıcı etkileşimleri gerektiren gizli tetikleyici düğmeler kullanmaktan kaçının.
- Anında keşfi garanti etmek için ilk sayfa için sunucu taraflı oluşturulmuş (SSR) içerik sağlayın.
Googlebot JavaScript içeriğini nasıl oluşturur (render eder)?
Google, iki dalgalı bir indeksleme süreci kullanır. İlk olarak, ilk HTML’yi alır ve metni indeksler. Sayfa JavaScript içeriyorsa, URL’yi oluşturma (rendering) için kuyruğa alır. Bu ikinci dalga sırasında Chromium motoru, sayfayı dinamik içerikle doldurmak için betikleri çalıştırır. Bu süreç kaynak tüketir, bu nedenle sitenizin hız ve verimlilik için optimize edilmesi gerekir.
JavaScript paketiniz çok büyükse veya yürütmeyi durduran hatalar içeriyorsa, oluşturma aşaması başarısız olur. Bu, Googlebot’un sayfanızın kabuğunu ilgili içerik olmadan yalnızca indeksleyeceği anlamına gelir. Sayfalarınızı Search Console’daki URL İnceleme aracıyla test etmek, oluşturulan HTML’nin beklentilerinizle eşleşip eşleşmediğini doğrulamanın en iyi yoludur.
Google Arama bu içeriği bir web sitesinin HTML’indeki içerikle birlikte görür.
Google Search Central
Alien Road bunu nasıl uygular
Alien Road olarak, müşterilerimizin JavaScript çerçeveleri ile Google’ın tarayıcısı arasındaki etkileşimi denetleyerek (audit) teknik SEO’yu yönetiyoruz. Tarayıcının başlangıçta ne aldığını görmek için tarayıcıda JavaScript’i devre dışı bırakarak başlıyoruz. İçerik kaybolursa, hibrit bir strateji öneriyoruz. Örneğin, devasa bir ürün kataloğuna sahip bir perakende müşterisi, ilk 20 ürün için sunucu taraflı oluşturma kullanabilir ve geri kalanını lazy-load (tembel yükleme) yapabilir.
Oluşturma hatalarını kontrol etmek için düzenli tarama simülasyonları da gerçekleştiriyoruz. Tarayıcının nerede takıldığını veya betiklerin nerede çalışmadığını belirleyerek, müşterilerimizin Google’ın güncellemelerini görmesinin alacağı süreyi en aza indirmesine yardımcı oluyoruz. Yaklaşımımız, tarayıcının bir kaydırma olayını veya düğme tıklamasını başarıyla tetikleyip tetiklemediğine bakılmaksızın içeriğin her zaman erişilebilir olmasını sağlamaktır.
Sonsuz kaydırma mı yoksa numaralandırılmış sayfalar mı seçmelisiniz?
Bu biçimler arasında seçim yapmak, kullanıcı tercihi ile taranabilirliği dengelemeyi gerektirir. Numaralandırılmış sayfalama SEO için en güvenilir yöntemdir çünkü her sayfa ayrı, statik bir bağlantıdır. Bu yapının Google tarafından haritalandırılması ve indekslenmesi kolaydır; bu da onu bireysel ürünlerin hızlı bir şekilde bulunması gereken e-ticaret siteleri veya büyük arşivler için ideal kılar.
Sonsuz kaydırma, kullanıcıların kesintisiz keşfetmeye devam etmek istediği sosyal akışlar veya resim galerileri için akıcı bir deneyim sunar. Ancak tarayıcılara yardımcı olmak için ‘prev/next’ meta etiketi uygulaması veya ‘tümünü gör’ sayfası gerektirir. Bunlar olmadan, akışın derinliklerinde gömülü olan içerik için görünürlüğü kaybetme riskiniz vardır.
- Büyük ürün katalogları veya dokümantasyon setleri için numaralandırılmış sayfalama kullanın.
- Medya ağırlıklı, yüksek etkileşimli akışlar için sonsuz kaydırma kullanın.
- İndekslemeyi basitleştirmek için sonsuz kaydırma kullanıyorsanız her zaman bir ‘Tümünü Gör’ sayfası sağlayın.
- Betik tabanlı hataları yakalamak için geliştirici araçlarıyla oluşturmayı düzenli olarak test edin.
Teknik denetiminiz için sonraki adımlar
Bu hafta sitenizin JavaScript yükleme davranışını denetleyerek başlayın. Sayfanızı bir tarayıcıda açın, JavaScript’i devre dışı bırakın ve yenileyin. İndekslenmesini istediğiniz temel içerik eksikse, anında iyileştirme için bir temeliniz var demektir. Sayfalandırılmış tüm bağlantılarınızın kaynak kodunda standart HTML çapaları olarak mevcut olduğundan emin olun.
Bağlantıları doğruladıktan sonra, sayfalandırılmış sayfalarınızın bir örneğinde URL İnceleme aracını kullanın. ‘Taranan Sayfayı Görüntüle’ çıktısını canlı sitenizle karşılaştırın. Tutarsızlıklar fark ederseniz, oluşturma sürecini engelliyor olabilecek JavaScript hataları için konsolunuzu kontrol edin. Bu boşlukları ele almak, içeriğinizin arama motorları için her zaman kullanılabilir kalmasını sağlar.