Bugün sizlerle SEO dünyasında sıkça kafa karışıklığına neden olan bir konuyu konuşacağız: JavaScript ile yüklenen görsellerin Google tarafından indekslenip indekslenemeyeceği.
Evet, yıllardır süre gelen bir efsane vardı:
“JavaScript ile yüklenen görseller Google’da görünmez.”
Ama geçtiğimiz günlerde, Google’ın Geliştirici Destek Uzmanı Martin Splitt, bu konuda net konuştu:
JavaScript ile yüklenen görseller doğru yapılandırılırsa Google tarafından gayet güzel indekslenebilir.
Hadi gelin detaylara birlikte bakalım. Hem yanlış bilinenleri düzeltelim hem de JS tabanlı projelerde SEO stratejilerinizi nasıl sağlamlaştırabileceğinizi öğrenelim.
Bu Açıklama Nereden Geldi?
Martin Splitt bu açıklamayı, canlı olarak yayımlanan SEO for Paws adlı etkinlikte yaptı. Bu etkinlik bir yardım kampanyasıydı ama içinde bolca teknik bilgi de vardı. Splitt’in söyledikleri ise kısa sürede SEO camiasında gündem oldu.
Zira birçok SEO uzmanı, geliştirici ve içerik üretici, özellikle React, Vue, Angular gibi framework’lerle geliştirilen sitelerde görsellerin Google’da çıkmaması durumunda hemen JavaScript’i suçluyordu.
Ama Martin ne dedi?
“JavaScript ile görsel yüklemek tamamen sorun değil. Doğru bir yapı kurulduysa, bu görseller kesinlikle indekslenebilir.”
Asıl Sorun JavaScript Değil, Yapılandırma
Splitt’in verdiği mesaj çok netti:
Görsellerin indekslenmemesinin nedeni JavaScript değil, yanlış yapılandırma.
Yani:
- Görseli yüklediğiniz teknoloji değil,
- Görselin Googlebot tarafından nasıl algılandığı önemli.
Eğer bu görseller, Google’ın render ettiği HTML içerisinde görünmüyorsa, indekslenmeleri mümkün değil.
JavaScript ile Yüklenen Görsellerin İndekslenmesini Engelleyen Yaygın Sorunlar
Martin Splitt’in açıklamalarına göre, aşağıdaki faktörler görsellerin arama sonuçlarında görünmemesine neden olabiliyor:
Eksik veya Yanlış XML Sitemap
Eğer görselleriniz sitemap.xml dosyanızda düzgün şekilde tanımlanmadıysa, Google bunları bulmakta zorlanabilir.
Her önemli görsel için image tag’leriyle birlikte sitemap’te yer verilmesi büyük fark yaratıyor.
HTTP Başlık Sorunları
Görsellerinizin sunulduğu sunucunun HTTP yanıt başlıkları da önemli.
Eğer bu başlıklarda indekslemeyi engelleyen bir yapı varsa (örneğin noindex, x-robots-tag gibi), görseliniz hiç görünmeyebilir.
Rendered HTML’de Görselin Olmaması
Bu madde aslında en kritik olanı. Google, web sitelerini JavaScript çalıştıktan sonra oluşan son haline göre tarıyor.
Eğer görseller bu aşamada DOM’da yer almıyorsa, Google da onları göremez.
Bunun için Google Search Console’daki URL Denetleme Aracı ile render edilen HTML’yi kontrol etmeniz şart.
Peki JavaScript ile Görsel Yüklemenin Hangi Yöntemleri Var?
Bu noktada JS ile görsel yüklemenin çeşitli yolları bulunuyor. Hepsi indekslenebilir ama doğru yapılandırılmaları gerekiyor:
- Lazy Loading (Tembel Yükleme): Görseller sadece görünüm alanına girince yüklenir.
- Progressive Loading: Önce düşük kaliteli görsel yüklenir, sonra net versiyonu gelir.
- Infinite Scroll: Sayfa kaydırıldıkça yeni içerikler ve görseller yüklenir.
- CSS Arka Plan Görselleri: Görseller HTML’de değil, CSS dosyasında tanımlanır.
Özellikle arka plan görselleri genellikle göz ardı edilir. Ama dikkat: Bu görseller indekslenmek istiyorsa özel çözümler gerekebilir!
JavaScript Görsellerin SEO’ya Uygun Olması İçin En İyi Uygulamalar
Martin Splitt’in önerileri doğrultusunda, JS ile yüklenen görsellerinizin Google’da yer alabilmesi için aşağıdaki adımları mutlaka uygulayın:
Rendered HTML’yi Kontrol Edin
Google Search Console’daki URL Denetleme Aracı ile sayfanın render edilmiş haline bakın.
Eğer görsel HTML içinde gözüküyorsa sorun yok. Gözükmüyorsa, kod yapınızı tekrar gözden geçirin.
XML Sitemap’lerinizi Güncel Tutun
Görsellerin sitemap içinde image etiketleriyle tanımlı olduğundan emin olun.
Özellikle ürün sayfaları ve portfolyo sayfalarında bu adım kritik önem taşır.
Alt Text (Alternatif Metin) Eklemeyi Unutmayın
JavaScript ile yüklenen görsellere bile alt etiketi mutlaka ekleyin.
Bu sadece indekslenme değil, erişilebilirlik (accessibility) ve görsel SEO açısından da önemli.
Native Lazy Loading Özelliğini Kullanın
HTML5 ile gelen loading=”lazy” özelliği, tarayıcı destekliyorsa çok daha verimli çalışır.
Görsel sadece gerektiğinde yüklenir ve sayfa hızı artar.
Robots.txt Dosyanızı Gözden Geçirin
JavaScript dosyalarınızı yükleyen yollar robots.txt ile engellenmişse, Google görselleri yükleyemez.
“/scripts/” ya da “/assets/” gibi klasörleri yanlışlıkla bloklamadığınıza emin olun.
SEO Uzmanları İçin Ne Anlama Geliyor?
Bu açıklama, özellikle modern web teknolojileriyle çalışan geliştiriciler ve performans pazarlama ajansları için büyük bir rahatlama oldu.
React, Vue gibi framework’lerde geliştirilen sitelerde JavaScript ile görsel yükleme artık bir “SEO hatası” olarak görülmemeli.
🔍 Önemli olan:
- Görsellerin DOM’da görünür olması,
- Google’ın bu içeriğe erişebilmesi,
- Ve tabii ki doğru meta bilgilerle desteklenmesi.
JavaScript’ten Korkmayın, Onu Doğru Kullanın
Yıllardır süregelen “JavaScript SEO’ya zarar verir” mitine artık elveda deme vakti geldi. Martin Splitt’in net açıklamaları sayesinde, artık biliyoruz ki doğru yapılandırılmış her şey indekslenebilir.
Siteniz modern bir JS framework’ü ile geliştirildiyse veya içerikleriniz dinamik olarak yükleniyorsa paniğe gerek yok. Doğru kontrol mekanizmaları, düzenli sitemap güncellemeleri ve teknik SEO bilgisi ile bu süreci sorunsuz yönetebilirsiniz.
Sen de görsellerinin Google’da görünmesini istiyorsan:
- Search Console’u kullan,
- Alt metinlerini yaz,
- Sitemap’ini güncelle,
- Ve JavaScript ile gelen verileri Google’a sunmayı unutma!
Görsellerinizin hak ettiği görünürlüğe ulaşması dileğiyle…