Google'ın geliştirici savunucusu Martin Splitt kısa süre önce ortak bir SEO mitini reddetti. JavaScript ile yüklenen görüntülerin doğru ayarlandığında Google tarafından dizine eklenebileceğini doğruladı.
Splitt, Anton Shulke'nin canlı akışlı bir bağış toplama olan SEO for Paws Konferansı sırasında bu bilgileri paylaştı.
JavaScript ile görüntü yüklerken ortak görüntü indeksleme sorunlarından nasıl kaçınacağınız aşağıda açıklanmıştır.
JavaScript görüntü yükleme sorun değil
JavaScript tarafından yüklenen görüntüler sorulduğunda, Splitt, yöntemin indeksleme sorunları için suçlanmadığını açıkladı.
Splitt şöyle açıklıyor:
“Görüntüleri yüklemek için javascript iyidir. Tamamen JavaScript görüntü yükleme çözümü kesinlikle görüntülerinizi dizine ekleyebilir.”
Bu yorum birçok SEO profesyonelleri arasındaki endişeleri gidermektedir. Görüntüler, JavaScript kullanmaktan başka nedenlerle Google görüntülerinde görünmeyebilir.
İntekslenmemiş görüntülerin arkasındaki gerçek suçlular
Splitt, JavaScript ile yüklenen görüntüler arama sonuçlarında görünmüyorsa genellikle başka bir şeyin yanlış olduğunu açıkladı.
Birkaç yaygın konuya dikkat çekti:
- Site haritası sorunları: Bazen, XML site haritalarında anahtar görüntüler eksik.
- HTTP başlıkları: Bazı görüntü dosyaları, endekslenmesini engelleyen başlıklara sahip olabilir.
- HTML sorunları: Görüntüler oluşturulan HTML'de görünmezse (Google'ın JavaScript çalıştıktan sonra gördüğü sürüm), dizine eklenmez.
JavaScript görüntü indeksleme sorunları hata ayıklama
Splitt, sorunları tespit etmek için basit bir süreç sunar. Arama konsolunun URL denetim aracı gibi araçları kullanarak oluşturulan HTML'de görüntülerin görünüp görünmediğini kontrol ederek başlayın.
Splitt şöyle açıklıyor:
“Kontrol etmelisiniz: Görüntüleri içeriyor mu? Eğer öyleyse, fantastik. Değilse, başka bir şey kapalı.”
Google, oluşturulan HTML'yi dizine eklediğinden, bundan eksik olan herhangi bir görüntü Googlebot tarafından bulunmaz.
Splitt'in aşağıdaki videoda JavaScript SEO hakkındaki tam konuşmasını görün:
https://www.youtube.com/watch?v=cji7t_4gizw
Ortak JavaScript Görüntü Yükleme Teknikleri ve SEO Etkileri
JavaScript ile görüntü yüklemenin birkaç yolu vardır. Bazı yaygın yöntemler şunları içerir:
- Tembel Yükleme: Görüntüleri yalnızca gerektiğinde yükler.
- Aşamalı yükleme: Önce düşük kaliteli bir görüntü gösterir, daha sonra yüksek kaliteli bir görüntüye yükselir.
- Sonsuz kaydırma yüklemesi: Kullanıcılar kaydırmaya devam ettikçe görüntüleri yükler.
- Arka Plan Görüntü Ekleme: CSS arka planları aracılığıyla görüntüler ekler.
Düzgün kurulurlarsa, tüm bu yöntemler Google'ın dizine eklemesiyle çalışabilir. Her şeyin beklendiği gibi çalıştığından emin olmak için her birinin kendi çeklerine ihtiyacı olabilir.
SEO dostu JavaScript Görüntü Yükleme için En İyi Uygulamalar
JavaScript yüklü görüntüler endekslenebilse de, bu en iyi uygulamaların izlenmesi sorunlardan kaçınmaya yardımcı olabilir:
- URL denetim aracıyla doğrulayın: Görüntülerin oluşturulan HTML'de göründüğünden emin olun.
- XML Site Haritalarınızı Güncelleyin: Uygun etiketlerle anahtar görüntüleri ekleyin.
- Alt metin kullanın: JavaScript üzerinden yüklenen görüntüler için net alt metin sağlayın.
- Yerel tembel yüklemeyi kullanın: Ekle
loading="lazy"Mantıklı olduğu yerde öznitelik. - Robots.txt'i kontrol edin: Görüntü yükleyen JavaScript kaynaklarını engellemediğinizden emin olun.
SEO profesyonelleri için bu ne anlama geliyor?
JavaScript'ten kaçınmak yerine, görüntülerin doğru şekilde yüklendiğini ve oluşturulan HTML'de göründüğünü doğrulayın.
Web siteleri JavaScript'e daha fazla güvendiğinden, bu ayrıntıları anlamak çok önemlidir. JavaScript tabanlı görüntü yüklemesini gidermeyi ve optimize etmeyi öğrenen SEO profesyonelleri, müşterilerinin arama sonuçlarında görünürlüğünü desteklemek için daha iyi hazırlanacaktır.
İleriye Bakış
Bu açıklama zamanında. Geleneksel yerine JavaScript kullanarak React, Vue veya Açısal Yük Görüntüleri gibi çerçevelerle inşa edilen birçok modern site <img> Etiketler.
Splitt'in içgörüleri, JavaScript'in görüntü endekslemesine zarar verdiği efsanesini ortadan kaldırmaya yardımcı olur. Geliştiriciler artık SEO cezaları konusunda endişelenmeden performansa odaklanabilirler.
Öne Çıkan Resim: Alicia97/Shutterstock
Bir yanıt yazın