Web sitesinde AVIF görsel kullanmak SEO'yu doğrudan belirlemez; ancak dosya boyutunu azaltarak hız, kullanıcı deneyimi ve dolaylı SEO performansını iyileştirebilir.
AVIF, özellikle yüksek çözünürlüklü ürün, otel ve fabrika görsellerinde JPEG veya PNG dosyalarına alternatif olur. Aynı görsel kalitesinde daha küçük dosya üretme potansiyeli sunar.
Ancak her görseli otomatik biçimde AVIF'e çevirmek doğru değildir. Dönüşüm sonrası kalite, tarayıcı uyumluluğu, görsel URL'si, alt metin ve yükleme sırası birlikte kontrol edilmelidir.
Web sitesinde AVIF görsel kullanmak SEO'yu etkiler mi?
Evet, AVIF kullanımı SEO'yu dolaylı olarak etkileyebilir; dosya boyutu azalırsa sayfa daha hızlı yüklenebilir ve kullanıcı deneyimi iyileşebilir.
Google, AVIF formatını tek başına bir sıralama avantajı olarak açıklamaz. Arama sonuçlarında JPEG kullanan bir sayfa, sırf AVIF kullanan başka bir sayfaya otomatik olarak yenilmez.
Etki, AVIF'in sayfanın gerçek performansını değiştirmesiyle ortaya çıkar. Özellikle mobil bağlantılarda daha küçük görsel dosyası, tarayıcının ana içeriği daha erken göstermesine yardımcı olabilir.
Bir ürün listeleme sayfasında 30 büyük fotoğraf varsa, her dosyadaki küçük azalmalar toplam aktarım miktarını büyütür. Bu durum özellikle mobil veri kullanan ziyaretçilerde daha belirgin hale gelir.
Fakat AVIF dönüşümü, sunucu yanıt süresini, JavaScript yükünü veya yanlış yapılandırılmış önbelleği düzeltmez. Görsel küçülürken sayfa başka sebeplerle yavaş kalabilir.
Bu nedenle başarıyı yalnızca dosya uzantısıyla değil, Lighthouse ve PageSpeed Insights ölçümleriyle değerlendirmek gerekir. LCP, CLS, INP, toplam sayfa boyutu ve görsel istekleri birlikte incelenmelidir.
AVIF sayfa hızını ve Core Web Vitals skorlarını nasıl etkiler?
AVIF, görsel dosya boyutunu düşürdüğünde özellikle LCP ve toplam veri aktarımı üzerinde olumlu etki oluşturabilir.
LCP, sayfadaki en büyük içerik öğesinin görünür hale gelme süresini ölçer. Bu öğe çoğu ürün, otel ve kurumsal sitede üst bölümdeki büyük görsel olabilir.
Google'ın iyi LCP eşiği 2,5 saniye veya daha düşük değerdir. Ancak yalnızca AVIF kullanmak bu sonuca ulaşmayı garanti etmez.
Üst bölüm görseli geç yükleniyorsa, `loading="lazy"` yanlış kullanılmışsa veya görselin boyutları belirtilmemişse performans düşebilir. LCP görselinde önceliklendirme ayrıca değerlendirilmelidir.
CLS, görsel yüklenirken sayfa öğelerinin yer değiştirmesini ölçer. AVIF dosyası küçük olsa bile `width` ve `height` değerleri yoksa görsel sonradan alan kaplayabilir.
CLS için iyi kabul edilen değer 0,1 veya daha düşüktür. Görsel kutusunun yüksekliğini önceden belirlemek, format değişiminden bağımsız olarak kaymayı azaltır.
INP ise kullanıcı etkileşimlerinin yanıt süresini ölçer. AVIF bu metriği doğrudan çözmez; ağır JavaScript ve üçüncü taraf kodlar ayrıca incelenmelidir.
Web sitesinde CLS kayması nasıl düzeltilir? rehberindeki boyut tanımlama ve yer ayırma adımları, AVIF geçişiyle birlikte uygulanmalıdır.
AVIF görsellerde kalite kaybı oluşturur mu?
AVIF kalite kaybı oluşturabilir; sonuç, kullanılan sıkıştırma türüne, kalite ayarına, görsel içeriğine ve yeniden boyutlandırma yöntemine bağlıdır.
Fotoğraflar genellikle kayıplı sıkıştırmayla daha küçük hale gelir. Ürün kenarları, kumaş dokuları, metal yüzeyler ve otel odası detayları bu işlemden daha fazla etkilenebilir.
Logo, teknik çizim, keskin metin ve şeffaf arka plan gerektiren görsellerde farklı formatlar daha uygun olabilir. PNG veya SVG, bazı grafik öğelerinde daha güvenli seçimdir.
AVIF dönüşümünde yalnızca dosya boyutunu karşılaştırmak yeterli değildir. Aynı görseli farklı kalite seviyelerinde üretip kenar detaylarını, yazıları, renk geçişlerini ve mobil görünümü kontrol etmek gerekir.
Örneğin bir otel fotoğrafında düşük kalite ayarı, pencere manzarasındaki ince detayları bozabilir. Bir fabrika görselinde ise makine üzerindeki küçük işaretler okunamaz hale gelebilir.
Yanlış: Tüm görselleri tek kalite ayarıyla AVIF'e çevirmek. Doğru: Fotoğraf, logo, ikon ve teknik çizim için ayrı format ve kalite testi yapmak.
Görselin dosya boyutu belirgin biçimde düşerken kullanıcı fotoğrafı düşük kaliteli algılıyorsa dönüşüm başarısız sayılır. Hedef, en küçük dosyayı değil, kabul edilebilir kaliteyle en uygun dosyayı bulmaktır.
Google AVIF görselleri tarar ve dizine ekler mi?
Google, erişilebilir AVIF görsellerini tarayabilir ve uygun koşullarda görsel arama sonuçlarında değerlendirebilir.
Googlebot'un görsel dosyasına ulaşabilmesi için URL'nin herkese açık olması gerekir. Sunucu 200 durum kodu döndürmeli, robots.txt veya güvenlik katmanı görsel isteğini engellememelidir.
Görsel URL'si oturum, geçici belirteç veya kısa süreli imza gerektiriyorsa tarama sorunları oluşabilir. CDN yapılandırması, Googlebot dışındaki gerçek kullanıcı isteklerini de dikkate almalıdır.
AVIF dosyasının HTML içinde doğru kaynakla sunulması önemlidir. `picture` etiketi kullanılıyorsa AVIF kaynağının yanında uyumlu bir yedek format bulunabilir.
Görsel SEO yalnızca dosya formatından oluşmaz. Anlamlı dosya adı, açıklayıcı alt metin, sayfa bağlamı, sabit URL ve uygun çevresindeki metin de değerlendirilmelidir.
Google'da video ve görsel SEO'su nasıl yapılır? içeriğindeki temel uygulamalar, AVIF kullanan sayfalarda da geçerlidir.
Görsel URL'sini her yayında değiştirmek, önbellek ve keşfedilebilirlik açısından gereksiz sorun çıkarabilir. Google'da görsel URL'si neden sabit olmalı? sorusunun cevabı burada da önem taşır.
AVIF web sitesine nasıl doğru şekilde eklenir?
AVIF uygulaması; dönüşüm, HTML sunumu, yedek format, boyut tanımı, önceliklendirme ve performans testi sırasıyla yapılmalıdır.
- Önce en çok trafik alan ve en büyük dosya boyutuna sahip görselleri belirleyin.
- Her görseli hedef genişlikte yeniden boyutlandırın; yalnızca format değişimiyle yetinmeyin.
- AVIF çıktısını JPEG, PNG veya WebP sürümüyle kalite ve boyut açısından karşılaştırın.
- HTML içinde `picture`, `srcset` ve `sizes` kullanımını cihaz genişliklerine göre yapılandırın.
- Görselin `width` ve `height` değerlerini veya uygun en-boy oranını tanımlayın.
- Üst bölümdeki LCP görselini gereksiz yere lazy-load etmeyin; aşağıdaki görselleri gerektiğinde geciktirin.
- Mobil cihaz, masaüstü, farklı tarayıcılar ve yavaş bağlantılarla gerçek test yapın.
- Yayın sonrası Search Console, CrUX veya saha verileriyle değişimi karşılaştırın.
Örnek bir HTML yapısı, tarayıcıya desteklenen ilk seçeneği sunarken yedek kaynak da sağlayabilir. Yedek format, özellikle eski tarayıcı veya özel istemci ihtimali için kullanılır.
<picture>
<source srcset="/gorsel/urun-01.avif" type="image/avif">
<img src="/gorsel/urun-01.jpg" width="1200" height="800" alt="Siyah metal endüstriyel vana">
</picture>Bu yapı tek başına tüm performans sorunlarını çözmez. CDN önbelleği, sıkıştırma başlıkları, ön yükleme, responsive kaynaklar ve sunucu yanıt süresi ayrıca kontrol edilmelidir.
AVIF, WebP, JPEG ve PNG arasında hangisi seçilmeli?
Tek bir format bütün görseller için en doğru seçim değildir; görselin türü, şeffaflık ihtiyacı, tarayıcı desteği ve dağıtım kanalı birlikte değerlendirilmelidir.
| Format | Uygun olduğu içerik | Dikkat edilmesi gereken nokta |
|---|---|---|
| AVIF | Fotoğraf, ürün ve otel görselleri | Dönüşüm kalitesi ve istemci uyumluluğu test edilmeli |
| WebP | Fotoğraf, ikon ve genel web görselleri | Dosya boyutu ile kalite birlikte karşılaştırılmalı |
| JPEG | Fotoğraf ve eski sistem uyumluluğu | Şeffaflık desteklenmez, yeniden sıkıştırma kaliteyi düşürebilir |
| PNG | Şeffaf grafik, ekran görüntüsü ve keskin çizimler | Fotoğraflarda dosya boyutu büyüyebilir |
| SVG | Logo, ikon ve vektörel çizim | Fotoğraf için uygun değildir; güvenlik kontrolleri gerekir |
Ürün fotoğraflarında AVIF ve WebP dosya boyutu açısından karşılaştırılabilir. Ancak aynı kalite ayarı iki formatta aynı görsel sonucu vermez.
Şeffaf arka planlı bir ürün görselinde AVIF desteği ve alfa kanalının doğru işlenmesi kontrol edilmelidir. Basit logolarda SVG, ölçeklenebilirlik açısından daha uygun olabilir.
Harici kanallar da format seçimini etkiler. Merchant Center, sosyal medya veya e-posta sistemi farklı dosya beklentilerine sahip olabilir.
Merchant Center 500x500 görsel şartı ne zaman? içeriğindeki kanal gereksinimleri, web sayfasındaki AVIF dosyasından ayrı değerlendirilmelidir.
Hangi web sitelerinde AVIF kullanmak daha çok işe yarar?
AVIF, çok sayıda büyük fotoğraf yayınlayan ürün, otel, emlak, portföy ve fabrika sitelerinde daha anlamlı performans kazanımı sağlayabilir.
E-ticaret kategori sayfalarında aynı anda onlarca ürün fotoğrafı yüklenebilir. Bu görsellerin doğru boyutlandırılması ve responsive sunulması, format değişimi kadar önemlidir.
Otel sitelerinde oda, restoran, havuz ve çevre fotoğrafları genellikle yüksek çözünürlüklüdür. Galeride görünen görsel ile ilk ekranda görünmeyen görsel aynı yükleme önceliğine sahip olmamalıdır.
Fabrika ve üretim sitelerinde geniş yatay banner'lar, makine fotoğrafları ve proje görselleri sayfa ağırlığını artırabilir. AVIF, bu içeriklerde kalite testiyle birlikte değerlendirilebilir.
Görsel sayısı az olan, metin ağırlıklı kurumsal sitelerde ise toplam kazanç sınırlı kalabilir. Sayfa zaten hızlıysa AVIF geçişi ölçülebilir bir fark yaratmayabilir.
Görseller harici bir platformda barındırılıyorsa format değişimi üzerinde tam kontrol olmayabilir. Bu durumda CDN sağlayıcısının otomatik içerik pazarlaması ve tarayıcıya uygun format sunumu incelenmelidir.
Önemli olan, en büyük dosyaları tespit ederek başlamaktır. Tüm arşivi tek seferde çevirmek yerine önce ana sayfa, kategori, ürün ve en çok ziyaret edilen içerikler test edilebilir.
AVIF dönüşümünde hangi SEO ve teknik hatalar yapılır?
En yaygın hata, yalnızca dosya uzantısını değiştirip görsel SEO'sunun diğer unsurlarını korumamaktır.
- Görsel URL'si tarayıcı ve Googlebot tarafından 200 durum koduyla açılıyor mu?
- AVIF kaynağının yanında gerektiğinde yedek format tanımlı mı?
- Görselde açıklayıcı alt metin bulunuyor mu?
- Genişlik, yükseklik ve en-boy oranı belirtilmiş mi?
- LCP görseli gereksiz lazy-load ile geciktiriliyor mu?
- Görsel dosyası gerçek kullanım genişliğine göre yeniden boyutlandırılmış mı?
- CDN, önbellek ve `Content-Type: image/avif` yanıtını doğru veriyor mu?
- Mobil ve masaüstü ölçümleri yayın öncesi ve sonrası karşılaştırıldı mı?
Bir diğer hata, AVIF dosyasını HTML'ye ekleyip `alt` metnini boş bırakmaktır. Format, görselin ne anlattığını arama motoruna tek başına bildirmez.
Dosya adında anlamsız kimlikler kullanmak da gereksizdir. `urun-01.avif`, görselin konusu hakkında `IMG_8472.avif` dosyasından daha açıklayıcıdır.
Görsel URL'sini değiştirmek zorunluysa eski URL'den yeni URL'ye yönlendirme ve güncel sitemap kontrol edilmelidir. Sadece uzantıyı değiştirip eski dosyayı silmek, mevcut referansları bozabilir.
Web sitesinde LCP skoru nasıl düşürülür? rehberindeki kaynak önceliği ve görsel yükleme yaklaşımı, AVIF geçişindeki hataları azaltır.
AVIF kullanımının SEO etkisi nasıl ölçülür?
AVIF etkisi, aynı sayfanın geçiş öncesi ve sonrası teknik verileri karşılaştırılarak ölçülmelidir.
Önce test edilecek URL grubu belirlenir. Ana sayfa, bir kategori sayfası, bir ürün sayfası ve yoğun görsel içeren bir içerik sayfası seçilebilir.
Her URL için toplam sayfa boyutu, görsel istek sayısı, en büyük görselin boyutu, LCP, CLS ve INP kaydedilir. Ölçüm aynı cihaz ve benzer ağ koşullarıyla tekrarlanmalıdır.
Laboratuvar verisi hızlı geri bildirim verir; ancak gerçek kullanıcı verisi farklı davranabilir. Bu nedenle mümkünse saha verileri ve Search Console raporları ayrıca incelenmelidir.
Görsel arama trafiğini değerlendirirken yalnızca tıklama sayısına bakmayın. Gösterim, tıklama oranı, sorgular, görsel URL'leri ve ilgili sayfaların organik trafiği birlikte ele alınmalıdır.
AVIF sonrasında dosya boyutu azalıp LCP değişmiyorsa, sorun görsel formatı dışında olabilir. Sunucu yanıtı, render engelleyen kaynaklar, CSS arka planları veya JavaScript yükü incelenmelidir.
Ölçüm sonucunda AVIF kaliteyi belirgin düşürüyor, fakat hız kazancı sınırlı kalıyorsa mevcut format korunabilir. Teknik karar, uzantıya değil gerçek kullanıcı verisine dayanmalıdır.
Sonuç olarak AVIF, doğru boyutlandırma ve yükleme stratejisiyle güçlü bir optimizasyon aracıdır. Doğrudan sıralama garantisi vermez; ölçülebilir performans iyileşmesi sağladığında SEO'ya katkı sunar.
İlgili Yazılar
Sık Sorulan Sorular
AVIF kullanmak Google sıralamasını doğrudan yükseltir mi?
Hayır. AVIF doğrudan bir sıralama garantisi vermez; dosya boyutunu azaltarak hız ve kullanıcı deneyimini iyileştirdiğinde dolaylı katkı sağlayabilir.
AVIF görseller Google tarafından taranabilir mi?
Evet. URL erişilebilir, robots.txt tarafından engellenmemiş ve sunucu doğru içerik türünü döndürüyor olmalıdır.
Her görsel AVIF formatına çevrilmeli mi?
Hayır. Fotoğraf ağırlıklı içeriklerde AVIF denenebilir; logo, ikon, teknik çizim ve şeffaf grafiklerde SVG veya PNG daha uygun olabilir.
AVIF kullanırken JPEG veya PNG yedeği gerekir mi?
Tarayıcı ve özel istemci uyumluluğu için `picture` etiketiyle yedek format sunmak güvenli bir uygulamadır.
AVIF geçişinin SEO etkisi nasıl ölçülür?
Geçiş öncesi ve sonrası LCP, CLS, INP, toplam sayfa boyutu, görsel istekleri ve organik trafik birlikte karşılaştırılmalıdır.