WebP, WordPress Siten İçin Neden Önemli
Görseller genellikle bir web sayfasının toplam ağırlığının %50–80'ini oluşturur. Siten hâlâ JPEG ve PNG sunuyorsa, masada önemli performans kazanımları bırakıyorsun.
WebP, Google'ın açık görsel formatı. Aynı kalitede bir WebP dosyası JPEG'den kabaca %25–35 daha küçük, PNG'den ise %50'ye kadar daha küçük. Daha yeni format olan AVIF ise daha da ileri gidiyor, JPEG'e kıyasla dosya boyutunu genellikle %50 azaltıyor.
Daha küçük görseller şu demek:
- Daha hızlı sayfa yükleme süreleri
- Daha iyi Core Web Vitals puanları (özellikle LCP)
- Daha düşük hemen çıkma oranları
- Daha yüksek Google arama sıralaması
Sorun ne? Çoğu WordPress görsel optimizasyon eklentisi ya aylık ücret alıyor, harici bir API'ye kaydolmanı istiyor ya da ücretsiz planlarda sıkı dönüştürme sınırları koyuyor.
Bilindik İsimler — ve Sınırları
Ücretsiz bir çözüme geçmeden önce, yaygın seçeneklerin gerçekte ne sunduğu konusunda dürüst olalım:
Smush (ücretsiz plan): Görselleri kendi sunucularında sıkıştırıyor. Ücretsiz plan görsel başına 5MB sınırı koyuyor ve Pro'ya (ayda 7,99$) geçmedikçe WebP dönüşümü yok.
ShortPixel: Kalite mükemmel, ama ücretsiz plan ayda 100 kredi veriyor. Binlerce görseli olan bir site bunu hızlıca tüketir.
EWWW Image Optimizer: İyi bir eklenti, ama WebP sunumu için Nginx veya Apache rewrite kurallarını yapılandırman gerekiyor — çoğu kullanıcı için kafa karıştırıcı.
Imagify: Ayda 20MB ücretsiz optimizasyon. Bazı siteler için bu bir veya iki görsel demek.
İçerik yoğun bir site, fotoğrafçılık portfolyosu veya ürün görselli bir WooCommerce mağazası işletiyorsan, bu sınırlar hızla soruna dönüşür.
Farklı Bir Yaklaşım: Yerel Dönüştürme
WebP dönüşümünün başkasının sunucusunda gerçekleşmesi için bir neden yok. PHP'nin yerleşik GD ve Imagick kütüphaneleri — neredeyse her shared hostta mevcut — WebP ve AVIF dönüşümünü yerel olarak halledebiliyor.
Dönüşümü yerel çalıştırmak şu demek:
- API anahtarı yok
- Aylık kota yok
- Görsellerini üçüncü taraf sunuculara göndermek yok
- Harici servislere gidiş-dönüşten kaynaklanan gecikme yok
Erdo Image Optimizer tam olarak böyle çalışıyor. Modern formatları dönüştürmek, sıkıştırmak ve sunmak için sunucunun kendi görsel kütüphanelerini kullanıyor — hepsi WordPress kurulumun içinde.
Erdo Image Optimizer Nasıl Kurulur
- WordPress yönetim panelinde Eklentiler → Yeni Ekle'ye git
- "erdo image optimizer" ara
- Şimdi Kur'a, ardından Etkinleştir'e tıkla
Bu kadar. API anahtarı ekranı yok, hesap oluşturma yok, etkinleştirmede ek satış pop-up'ı yok.
Sonra Ne Olur
Etkinleştirildikten sonra eklenti, WordPress yönetim paneline bir Image Optimizer menü öğesi ekler. İşte yapabildikleri:
Toplu Dönüştürme
Tüm medya kütüphaneni dönüştürmek için Tümünü Optimize Et'e tıkla. İşlem WP-Cron üzerinden arka planda çalışır, böylece siten hızlı kalır. Bir ilerleme çubuğu kaç görselin işlendiğini gösterir.
Eklenti varsayılan olarak WebP'ye dönüştürür. Sunucun AVIF'i destekliyorsa (Imagick 7+ veya AVIF destekli GD gerekir), ayarlardan AVIF çıkışını etkinleştirebilirsin — eklenti destekleyen tarayıcılara AVIF, geri kalanına WebP sunar.
Yüklemede Otomatik Dönüştürme
Etkinleştirmeden sonra yüklediğin her yeni görsel otomatik olarak dönüştürülür. Yeni içerik eklendikten sonra optimize ediciyi çalıştırmayı hatırlaman gerekmez.
Sunum Nasıl Çalışıyor
Eklenti birden fazla <source> etiketi olan <picture> elementlerini kullanır. Bu şu demek:
- Chrome/Edge kullanıcıları AVIF (etkinse) veya WebP alır
- Safari kullanıcıları WebP alır (Safari sürüm 14'ten beri WebP'yi destekliyor)
- Eski tarayıcılar yedek olarak orijinal JPEG veya PNG alır
JavaScript gerekmiyor. Yapılandırılacak HTACCESS rewrite kuralı yok.
SEO Görsel Denetimi
Format dönüşümünün ötesinde, eklenti sitendeki her görseli şu açılardan kontrol eden 6 puanlık bir SEO denetimi içeriyor:
- Eksik alt metin — erişilebilirliği ve görsel arama sıralamasını zedeler
- Aşırı büyük dosyalar — gösterildiği kapsayıcıdan daha geniş görseller
- Yanlış format — WebP mevcut olduğu halde hâlâ JPEG/PNG olarak sunulan görseller
- Eksik lazy loading — sayfa altında ama hemen yüklenen görseller
- Bozuk görsel yolları — 404'e işaret eden
<img>etiketleri - Açıklayıcı olmayan dosya adları —
london-office-meeting-room.jpgyerineIMG_4821.jpg
Denetim raporu hangi görsellerde hangi sorunların olduğunu tam olarak gösterir ve her birinin medya kütüphanesi kaydına doğrudan bağlantı verir.
Toplu Alt Metin Üretimi
Bu eklentiyi tipik görsel optimize edicilerden ayıran bir özellik: tüm medya kütüphanen için açıklayıcı alt metin üretebiliyor olması.
Alt metni boş bırakmak veya dosya adını tekrarlamak yerine, her görseli analiz eder ve anlamlı bir açıklama üretir. Bu şu açılardan önemli:
- Erişilebilirlik — ekran okuyucular alt metne bağımlı
- Görsel SEO — Google Görsel Arama, alt metni birincil sinyal olarak kullanır
- WCAG uyumu — erişilebilirlik düzenlemeleri kapsamında AB kullanıcılarına hizmet eden siteler için gerekli
Kaydetmeden önce üretilen alt metni gözden geçirebilir, bağlamına uymayanları düzenleyebilirsin.
HEIC Desteği (iPhone Fotoğrafları)
Pratik bir ek: eklenti, iPhone kameralarının kullandığı format olan HEIC dosyalarını yükleme anında otomatik olarak dönüştürür. Müşterilerin sana iPhone fotoğrafı gönderiyor ve WordPress'e yüklemeden önce onları manuel dönüştürmekten bıktıysan, bu adımı tamamen ortadan kaldırır.
Gerçek Dünya Performans Etkisi
200 ürün görseli olan (JPEG, ortalama 180KB) tipik bir WordPress sitesinde:
| Format | Ortalama dosya boyutu | 200 görsel için toplam |
|---|---|---|
| Orijinal JPEG | 180 KB | 36 MB |
| WebP | ~115 KB | ~23 MB |
| AVIF | ~85 KB | ~17 MB |
Bu, görsel yükünde %35–53'lük bir azalma demek — her ziyaretçi için doğrudan daha hızlı yükleme süresine dönüşüyor.
Uyumluluk
Eklenti şunlarla çalışıyor:
- Tüm büyük WordPress hostingleri (Kinsta, WP Engine, Hostinger, SiteGround, Bluehost, Cloudways)
- Elementor, Divi, Bricks, Beaver Builder, Gutenberg
- WooCommerce ürün ve galeri görselleri
- Özel yazı türü öne çıkan görselleri
- PHP 7.4 ve üzeri, WordPress 6.0 ve üzeri
Özetle
Bir WordPress sitesi işletiyorsan ve WebP sunmuyorsan, ziyaretçilerine gereksiz yere büyük dosyalar indirtiyor ve masada performans puanları bırakıyorsundur. İyi haber: bunu düzeltmek ücretli bir abonelik gerektirmiyor — sunucunda ihtiyacın olan her şey zaten var.
Erdo Image Optimizer'ı WordPress.org'dan ücretsiz indir ve beş dakikadan kısa sürede ilk toplu dönüşümünü çalıştır.