Googlebot-Image optimizasyonu, arama motorlarının görsel öğeleri verimli bir şekilde taramasını ve indekslemesini sağlamak için WebP gibi modern görsel formatlarının düzgün yapılandırılmış HTML etiketleriyle birlikte sunulmasını gerektirir. Doğru görsel optimizasyonu; standart HTML etiketlerine, doğru lazy loading özniteliklerine, açık genişlik ve yükseklik boyutlarına ve yapılandırılmış işaretlemeye dayanır. Bu standart uygulamalara uymak, gecikmiş indekslemeyi önler, mobil performansı iyileştirir ve sunucu bant genişliğini korurken masaüstü ve mobil cihazlarda görsel arama görünürlüğünü artırır.
Googlebot-Image web görsellerini nasıl keşfeder ve işler?
Googlebot-Image, web sunucularındaki medya varlıklarını talep ederken kendini tanımlamak için HTTP user-agent başlıklarını kullanır. Ana metin tarayıcılarından farklı olarak, görsel tarayıcıları görsel dosyası başlıklarını, boyutlarını, gömülü meta verileri ve HTML sayfalarındaki çevreleyen metin bağlamını değerlendirir. Googlebot, standart HTML etiketleri içinde bir görsel URL’si ile karşılaştığında, medya dosyasını indirmek için planlar.
Google Arama için tarama yaparken, Googlebot desteklenen bir dosya türünün ilk 2MB’ını ve bir PDF dosyasının ilk 64MB’ını tarar.
Google Search Central
Bir görsel dosyası standart sınırları aşarsa veya kaynak URL’sini ortaya çıkarmak için karmaşık istemci tarafı JavaScript yürütme gerektirirse, keşif süreci yavaşlar. srcset ve sizes gibi standart HTML öznitelikleri, tarayıcının ilk HTML yanıt gövdesini getirdikten hemen sonra görsel varyasyonlarını ayrıştırmasına olanak tanır.
WebP formatı arama performansı için neden tercih edilir?
WebP, geleneksel PNG ve JPEG formatlarına kıyasla dosya boyutlarını önemli ölçüde azaltan kayıplı ve kayıpsız sıkıştırma sağlar. Daha küçük dosya boyutları, daha hızlı ağ aktarımları, daha düşük bant genişliği kullanımı ve daha hızlı render süreleri anlamına gelir. Arama motorları, hızlı yüklenen sayfalara öncelik verir çünkü hızlı varlık teslimi kullanıcı deneyimini iyileştirir.
Katalog görsellerini WebP’ye dönüştürmek, görsel kalitede gözle görülür bir kayıp olmadan dosya boyutlarını %25 ila %35 oranında azaltabilir. Bu azalma, doğrudan tarama verimliliğini hedefler. Görseller daha hızlı yüklendiğinde, Googlebot sayfa başına daha az kaynak tüketir ve bu da planlanmış bir ziyaret sırasında daha fazla varlığın taranmasına olanak tanır.
Çoğu site için Google Arama, öncelikli olarak içeriğin mobil sürümünü indeksler.
Google Search Central
Mobil öncelikli indeksleme, sıkıştırılmış görsel formatlarına olan gereksinimi güçlendirir. Değişken ağ hızına sahip mobil cihazlarda WebP, ana düzen görsellerinin milisaniyeler içinde aktarılmasını sağlar, Cumulative Layout Shift’i azaltır ve render işçisi zaman aşımlarını önler.
İndekslemeyi bozmadan lazy loading’i nasıl uygularsınız?
Standart img öğelerinde loading=”lazy” kullanarak yerel tarayıcı lazy loading’i, arama motoru uyumluluğu için en güvenli yöntemdir. Googlebot, yerel lazy loading özniteliğini destekler ve onu satır içi bir ipucu olarak ele alırken, standart src veya srcset özniteliğinde belirtilen temel görsel URL’sini indekslemeye devam eder.
Özel JavaScript lazy loading betikleri, genellikle src özniteliğini data-src gibi özel özniteliklerle değiştirir. Görsel kaynağı, kullanıcı kaydırma sırasında bir IntersectionObserver olayı tetiklenene kadar gizli kalırsa, Googlebot render işçisini sonlandırmadan önce gerekli JavaScript’i yürütmeyebilir. Bu, Google Görseller arama sonuçlarında eksik görsellere yol açar.
- Standart img öğelerinde her zaman geçerli bir src veya srcset özniteliği bulundurun.
- Ana hero görsellerini istemci tarafı kaydırma olaylarının veya etkileşim işleyicilerinin arkasında gizlemekten kaçının.
- Mümkün olduğunda eski JavaScript eklentileri yerine yerel tarayıcı loading=”lazy” kullanın.
- Özel ertelenmiş yükleme mekanizmaları zorunluysa satır içi noscript yedekleri sağlayın.
Arama tarayıcılarına görsel varlıklar sunarken yapılan yaygın hatalar
Sık karşılaşılan bir teknik hata, robots.txt yapılandırma dosyasında görsel dizin yollarını engellemektir. Eğer disallow yönergeleri görsel klasörlerini hedeflerse, Googlebot-Image görsel dosyalarına erişemez ve çevreleyen HTML sayfası indekslense bile bunların görsel arama sonuçlarında görünmesini engeller.
Bir diğer yaygın sorun, temel görsel içerik için tamamen CSS arka plan görsellerine güvenmektir. Googlebot, genel görsel arama için yalnızca CSS bildirimleri içinde tanımlanan görselleri indekslemez. Kritik ürün fotoğrafları, infografikler ve içerik diyagramları standart HTML görsel öğelerini kullanmalıdır.
HTML işaretlemesinde genişlik ve yükseklik özniteliklerinin atlanması, render sırasında düzen kararsızlığına neden olur. Eksik boyutlar tarayıcıyı görsel baytlarını indirdikten sonra geometriyi hesaplamaya zorladığında, temel performans metrikleri zarar görür. Açık boyutların belirtilmesi, tarayıcının düzen alanını hemen ayırmasına olanak tanır.
Alien Road googlebot-image optimizasyonunu nasıl uygular
Alien Road’da ekibimiz, ham sunucu erişim günlüklerini, render davranışını ve ağ yüklerini analiz ederek müşteri görsel mimarisini denetler. Googlebot-Image’in indeksleme darboğazlarını belirlemek için e-ticaret katalogları ve içerik portalları genelindeki görsel varlıklarıyla nasıl etkileşime girdiğini inceliyoruz.
Örneğin, binlerce ürün SKU’su olan tipik bir müşteri etkileşiminde, yükleme varlıklarını WebP formatına dönüştüren ve aynı zamanda standart HTML picture öğeleri içinde yedek JPEG sürümlerini koruyan otomatikleştirilmiş derleme hatları yapılandırıyoruz. Hero görsellerinin ekranın üst kısmında hemen yüklenmesini, ekranın altındaki medyanın ise yerel lazy loading özniteliklerini kullanmasını sağlıyoruz.
Teknik ekibimiz, görsel URL’lerinin sabit kalmasını, XML görsel site haritalarının temiz kanonik görsel bağlantılarını listelemesini ve özel betiklerin src özniteliklerini gizlememesini doğrular. Bu sistematik yaklaşım, yüksek site hızını korurken Google Görseller’de maksimum görünürlüğü sağlar.
Görsel arama görünürlüğü için adım adım kontrol listesi
- Otomatik sıkıştırma araçlarını kullanarak kaynak görselleri modern WebP formatına dönüştürün.
- Düzen kaymalarını önlemek için her img etiketine açık genişlik ve yükseklik öznitelikleri ekleyin.
- Ana görüntü alanı katlamasının altındaki görsellerde yerel loading=”lazy” uygulayın.
- Hero görsellerinin ertelenmiş betik yürütme olmadan hemen yüklendiğinden emin olun.
- Görsel içeriği doğru bir şekilde tanımlayan açıklayıcı, kısa alt metin ekleyin.
- robots.txt’nin medya dizinlerine veya görsel CDN uç noktalarına erişimi engellemediğini doğrulayın.
- Keşfi hızlandırmak için güncellenmiş XML görsel site haritalarını doğrudan Search Console’da gönderin.
Teknik medya denetiminiz için sonraki adımlar
Googlebot-Image’in alan adınızdan varlıkları ne sıklıkla getirdiğini kontrol etmek için sunucu erişim günlüklerini inceleyerek denetiminize başlayın. 500KB’ı aşan büyük görsel dosyalarını belirleyin ve bunları otomatik derleme araçları veya sunucu modülleri kullanarak WebP’ye dönüştürün.
Ardından, özel JavaScript lazy loading betiklerini yerel loading=”lazy” öznitelikleriyle değiştirmek için web sitesi HTML şablonlarınızı inceleyin. Temel ürün görsellerinin geçerli src özniteliklerine ve açık yükseklik ve genişlik boyutlarına sahip olduğunu doğrulayın. Google Görseller için Performans raporu altında Search Console’daki performansı izlemek, bu teknik güncellemeleri zaman içinde doğrulayacaktır.