SEO ve Performans Odaklı Görsel Optimizasyonu

Forumwm.com gibi seçici ve teknik bir kitleye sahip webmaster forumunda dikkat çekecek, yüksek etkileşim (hit, yorum ve beğeni) alacak rehber niteliğinde bir konu içeriği hazırladım.

Başlığı ve içeriği forum formatına (BBCode dostu) uygun şekilde aşağıdan kopyalayabilirsiniz:

[REHBER] 2026 SEO ve Performans Odaklı Görsel Optimizasyonu: Kayıpsız Hit Artışı!​

Merhaba Değerli ForumWM Üyeleri,

Bugün web sitelerimizin en çok kaynak tüketen, sunucuyu yoran ama aynı zamanda Google amcanın (özellikle Core Web Vitals) en çok dikkat ettiği konulardan birine değineceğiz: Görsel Optimizasyonu.

Birçoğumuz sitenin hızlanması için görselleri sıkıştırıp geçiyoruz ancak 2026 yılı itibarıyla algoritmalar ve kullanıcı deneyimi beklentileri çok değişti. Bu rehberde, sitenizin açılış hızını uçuracak ve Google Görseller'den gelen trafiğinizi katlayacak adımları eksiksiz paylaşıyorum.

1. Doğru Format Seçimi (WebP vs AVIF)​

Artık .jpg veya .png kullanmak sitenize ihanet etmektir.

• WebP: Şu an için en güvenli liman. Tarayıcı uyumluluğu %98'in üzerinde ve PNG'ye göre %26 daha küçük boyut sunuyor.
• AVIF: Geleceğin formatı. WebP'den bile %20 daha yüksek sıkıştırma sağlıyor. Eğer güncel bir altyapı kullanıyorsanız mutlaka AVIF geçişini düşünün.

2. Otomatik Boyutlandırma ve "CLS" Skoru​

Resimleri sadece sıkıştırmak yetmez. Temanızda resimlerin kapladığı alan ile görselin ham çözünürlüğü eşleşmelidir. Aksi takdirde CLS (Cumulative Layout Shift) yani sayfa kayma hatası alırsınız.

• Görsellerinize mutlaka width ve height değerlerini HTML üzerinde tanımlayın.
• Modern CSS ile aspect-ratio kullanmaya özen gösterin.

3. Akıllı Lazy Load (Tembel Yükleme) Yönetimi​

Her görsele loading="lazy" eklemek yapılan en büyük hatalardan biridir.

• Kural: Sayfa ilk açıldığında ekrana gelen (Above the Fold) yani logo, slider veya öne çıkan görsellere asla lazy load uygulamayın. Bunlara fetchpriority="high" değerini verin.
• Ekranın altında kalan görsellere ise tereddütsüz lazy load ekleyin.

4. Görsel Filigran (Watermark) ve Özgünlük ilişkisi​

Google, birbirinin kopyası olan görselleri indekslemekten kaçınır. Sitenize eklediğiniz görsellere otomatik veya manuel olarak Visual Watermark (Görsel Filigran) eklemek, görselin size ait olduğunu tesciller ve botların gözünde özgünlük sinyali çakar. Ayrıca rakiplerinizin hotlink ile bandwith (trafik) hırsızlığı yapmasını engeller.

Örnek PHP ve .htaccess Optimizasyon Kodu​

Sitenizde görselleri sıkıştırmak ve tarayıcı önbelleklemesini (Browser Caching) aktif etmek için .htaccess dosyanıza aşağıdaki satırları ekleyebilirsiniz:

Apache

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType image/webp "access plus 1 year"
ExpiresByType image/avif "access plus 1 year"
</IfModule>

Sitenizde görsel optimizasyonu için eklenti mi kullanıyorsunuz yoksa sunucu tabanlı (çözümler/kütüphaneler) mi tercih ediyorsunuz? Yaşadığınız CLS veya hız sorunlarını konunun altına yazarsanız, elimden geldiğince optimize etmenize yardımcı olurum.

Yorumlarınızı ve beğenilerinizi bekliyor, hepinize bol hitli ve yüksek kazançlı günler diliyorum!

tşkler

@servet7676

servet7676' Alıntı:

tşkler

Genişletmek için tıkla ...

rica ederim iyi forumlar

Rehber niteliğindeki bu detaylı paylaşım için teşekkürler! Görsel optimizasyonu konusunda verdiğin bilgiler gerçekten çok kıymetli. Özellikle AVIF ve WebP formatları arasındaki farkları bu kadar net açıklaman, seçim yapmamızı kolaylaştırıyor. Ayrıca PHP ve .htaccess örnekleri de uygulamada büyük kolaylık sağlayacaktır. Eklenti yerine sunucu tabanlı çözümleri tercih etmenin daha verimli olduğunu düşünüyorum. CLS ve hız sorunları yaşayanlar için buradaki açıklamalar çok faydalı olacaktır. Elinize sağlık!

Hazırladığın rehber gerçekten çok kapsamlı ve faydalı görünüyor. Görsel optimizasyonunun SEO üzerindeki etkisi büyük, bu nedenle paylaştığın yöntemler birçok webmaster için kurtarıcı olacaktır. Ben de özellikle AVIF formatına geçişi düşüneceğim; geleceğe yatırım yapmak her zaman mantıklı. Ayrıca, .htaccess ile ilgili verdiğin detaylar da oldukça yararlı. PHP ve .htaccess kodlarıyla ilgili birkaç örnek paylaşman, birçok kişinin işine yarayacaktır. Eline sağlık, böyle değerli içerikler için teşekkürler!