Blog Kapak Görseli Optimizasyonu
Blog yazılarında kapak (hero) görseli, okuyucunun ilk dikkatini çeken öğedir. Hem sayfa içinde hem de sosyal medyada paylaşıldığında (Open Graph, Twitter Card) etkili görünmesi gerekir. Doğru boyut ve format seçimi hem görsel kaliteyi korur hem de sayfa hızını iyileştirir.
OG (Open Graph) görsel boyutları: Facebook, Twitter, LinkedIn ve diğer platformlar genelde 1200×630 piksel önerir. Bu oran (1.91:1) paylaşım önizlemesinde kesilmeden iyi görünür. Dikey görseller 1200×1200 veya 1080×1080 ile de kullanılabilir; ancak yatay format çoğu durumda daha iyi sonuç verir.
Blog hero görseli için genişlik 1200px genelde yeterlidir. Mobilde görüntü alanı küçük olduğundan daha büyük boyutlar gereksiz veri tüketimine yol açar. WebP formatında %80 kalite ile 1200px genişlikte sıkıştırma, hem hız hem kalite açısından dengeli bir tercihtir.
Kapak görseli bazen LCP (Largest Contentful Paint) elementidir; bu yüzden optimize edilmesi Core Web Vitals için kritiktir. loading="lazy" hero görsele uygulanmamalı; ilk ekranda olduğu için hemen yüklenmeli. Gerekirse fetchpriority="high" veya preload ile önceliklendirin.
Eğer tek bir görsel hem içerik hero hem de OG image olarak kullanılacaksa, 1200×630 veya 1200px genişlikte WebP üretmek mantıklıdır. Farklı kullanımlar için ayrı boyutlarda versiyonlar hazırlayabilirsiniz; sıkıştırma aracı ile genişlik bazlı resize seçeneğini kullanarak hızlıca işlem yapabilirsiniz.
Blog kapak görsellerini 1200px genişlikte WebP'ye dönüştürün. OG uyumlu, %80 kalite.
Blog Kapak Preset ile Sıkıştır →