Lazy-load içeriği düzeltin

Kritik olmayan veya görünür olmayan içeriğin yüklenmesini ertelemek, yaygın olarak “lazy-loading” olarak da bilinir ve yaygın bir performans ve UX en iyi uygulamasıdır. Daha fazla bilgi için şuraya bakın: web.dev’in lazy-loading görseller ve videolar hakkındaki kaynakları.
Ancak, doğru uygulanmadığı takdirde bu teknik, içeriği Google’dan istemeden gizleyebilir. Bu belge, Google’ın lazy-load içeriği tarayabildiğinden ve dizine ekleyebildiğinden nasıl emin olacağınızı açıklar.

İçeriği görüntü alanında (viewport) göründüğünde yükleyin

Google’ın sayfanızdaki tüm içeriği gördüğünden emin olmak için, lazy-loading uygulamanızın ilgili tüm içeriği görüntü alanında göründüğü anda yüklediğinden emin olun. Lazy-loading uygulamak için birkaç yöntem şunlardır:

• Tarayıcı yerleşik lazy-loading özelliği görseller ve iframe’ler için
• IntersectionObserver API ve bir polyfill
• Görüntü alanına girdiğinde verilerin yüklenmesini destekleyen bir JavaScript kütüphanesi

Bahsedilen yöntemler, içeriği yüklemek için kaydırma veya tıklama gibi kullanıcı eylemlerine güvenmez; bu önemlidir çünkü Google Arama sayfanızla etkileşime girmez.

Bir kullanıcı sayfayı açtığında hemen görünmesi muhtemel olan içeriğe lazy-loading eklemeyin. Bu, içeriğin yüklenmesinin ve tarayıcıda görünmesinin daha uzun sürmesine neden olabilir ve bu durum kullanıcı tarafından çok fark edilir.

Şunları yaptığınızdan emin olun: uygulamanızı test edin.

Sonsuz kaydırma için sayfalandırılmış yüklemeyi destekleyin

Genel bir ifadeyle sonsuz kaydırma, kullanıcı uzun bir sayfayı aşağı kaydırdıkça daha fazla içerik, yani daha fazla ayrı sayfa yükleyen bir tekniktir. Bu, birden fazla parçaya bölünmüş uzun bir makale veya benzer şekilde parçalara ayrılmış bir öğe koleksiyonu olabilir. Sonsuz kaydırmayı dizine eklenebilir bir şekilde uygulamak için, web sitenizin bu parçaların sayfalandırılmış yüklemesini desteklediğinden emin olun:

• Her parçaya kendi kalıcı, benzersiz URL’sini verin.
• Her URL’de gösterilen içeriğin, tarayıcıda her yüklendiğinde aynı kaldığından emin olun. Bunu yapmanın bir yolu, URL’de mutlak sayfa numaraları kullanmaktır, örneğin
  ?page=12 sorgu parametresi olarak kullanmak.
• Şunun gibi göreceli öğeler kullanmaktan kaçının: ?date=yesterday bu URL’lerde. Bu, arama motorlarının ve kullanıcıların belirli bir URL altındaki aynı içeriği tutarlı bir şekilde bulmasını sağlar, arama motorlarının içeriği düzgün bir şekilde dizine eklemesini kolaylaştırır ve kullanıcıların içeriğinizin o kısmını paylaşmasına ve yeniden etkileşime girmesine olanak tanır.
• Arama motorlarının sayfalandırılmış bir setteki URL’leri keşfedebilmesi için bireysel URL’lere sırayla bağlantı verin. Daha fazla bilgi için:
  sayfalandırma uygularken en iyi uygulamalar.
• Kullanıcı kaydırdıkça yeni bir sayfa parçası yüklendiğinde ve kullanıcı için birincil görünür öğe haline geldiğinde, görüntülenen URL’yi şununla güncelleyin:
  History API.
  Bu, kullanıcının tarayıcıda görüntülenen mevcut URL’yi yenilemesine, paylaşmasına ve bağlantı vermesine olanak tanır.

Test

Uygulamanızı kurduktan sonra doğru çalıştığından emin olun. Şunu kullanabilirsiniz: URL Denetleme Aracı Search Console’da tüm içeriğin yüklenip yüklenmediğini görmek için. İçeriğinizin oluşturulmuş HTML’de olduğundan emin olmak için URL Denetleme Aracı’nda oluşturulmuş HTML’yi kontrol edin. Görsel veya video URL’leriniz oluşturulmuş HTML’deki src özniteliğinde, <img> veya <video> öğelerinde görünüyorsa, kurulumunuz doğru çalışıyor demektir.