Bilgi Bankası

Wordpress görsel boyutlarına dikkat edilmesi gerekenler

WordPress sitenize yüklediğiniz görseller, sayfa hızı, kullanıcı deneyimi ve SEO performansı üzerinde doğrudan etkilidir. Bu nedenle, görsel boyutlarını doğru seçmek hem site performansını artırır hem de profesyonel bir görünüm sağlar. 

1. Görsellerin Boyutu Neden Önemlidir?

• Site Hızı: Aşırı büyük boyutlu görseller sayfaların yavaş yüklenmesine neden olur. 

• Kullanıcı Deneyimi: Yavaş açılan sayfalar ziyaretçilerin siteden ayrılmasına yol açabilir. 

• SEO Performansı: Google, hızlı yüklenen ve optimize edilmiş siteleri üst sıralarda gösterir. 

• Depolama Alanı: Gereksiz büyük dosyalar sunucu alanını doldurur ve yedekleme süresini uzatır. 

2. İdeal Görsel Boyutları

WordPress, yüklenen her görsel için farklı boyutlar (küçük, orta, büyük) oluşturur. Ancak özel tasarımlarda (örneğin Elementor ile) en uygun boyutu siz belirleyebilirsiniz: 

Not: WEBP formatı, görsel kalitesini korurken dosya boyutunu ciddi oranda küçültür. 

3. Görselleri Yüklemeden Önce Optimize Edin

• Görselleri yüklemeden önce bir görsel sıkıştırma aracı (örneğin TinyPNG, Squoosh, Compressor.io) kullanın. 

• Gereksiz boşlukları veya yüksek çözünürlüklü alanları kırpın. 

• Renk yoğunluğu az olan görseller için PNG, fotoğraflar için JPG veya WEBP tercih edin. 

4. Elementor ile Görsel Boyutu Ayarlama

• Elementor üzerinden görseli seçin. 

• Sol panelde “Stil” → “Boyut” bölümüne gidin. 

• Görselin boyutunu “Özel” olarak belirleyin veya WordPress’in otomatik boyutlarından birini seçin (örneğin “Orta”, “Büyük”). 

5. Mobil Uyum ve Duyarlılık

Görsellerin yalnızca masaüstü değil, mobil cihazlarda da uygun boyutlarda görünmesi gerekir. 

• Elementor’da “Responsive Mode” seçeneğiyle mobil ve tablet görünümünü kontrol edin. 
• Çok büyük görsellerin mobilde kırpılmasını veya sayfayı yavaşlatmasını önleyin. 

6. Sık Yapılan Hatalar

• 5 MB üzerindeki görselleri doğrudan yüklemek 

• Aynı görseli farklı sayfalarda yeniden yüklemek (kütüphaneden kullanmak daha doğrudur) 

• Şeffaf alan gerekmeyen görsellerde PNG kullanmak 

• Görsel ismini “IMG_001.jpg” gibi SEO’ya uygun olmayan şekilde bırakmak  

7. SEO Uyumlu Görsel Kullanımı

• Görsel dosya adlarını açıklayıcı yapın (örnek: catering-hizmeti-menusu.jpg) 

• Her görsele “Alternatif Metin (Alt Text)” ekleyin. 

• Boyut ve kalite arasında denge kurun: düşük boyut ama yüksek netlik!