Blogunda Seo Uyumlu Görsel Nasıl Kullanılır?

 

 SEO Uyumlu Görsel Kullanım Rehberi

1. Görsel Dosya Seçimi

• Kendi görsellerin (screenshot, infografik, tasarım) en değerlisidir.

• Yoksa telif hakkı serbest kaynaklardan al:

  • Unsplash

  • Pexels

  • Pixabay

• Picsum.photos geçici/test için güzel ama uzun vadede özgünlük sağlamaz.

---

2. Dosya Adı

• Görselleri yüklemeden önce anahtar kelime ile yeniden adlandır.
  ❌ IMG_1234.jpg
  ✅ popup-reklam-ornek.jpg

---

3. Alt Etiketi (alt="")

• Google görselleri ALT metinleri okur.

• Görseli açıklayıcı + anahtar kelime içeren şekilde yaz.

<img src="popup-reklam-ornek.jpg"
     alt="Web sitesinde popup reklam örneği"
     width="600" height="300">

---

4. Başlık ve Caption

• Gerekirse <figcaption> ile görsele açıklama ekle.

• Bu hem UX’i güçlendirir hem SEO’ya katkı sağlar.

Devamını Oku > GÖRSEL DOSYA SEÇİMİ (5-6-7. İpuçları )

<figure>
  <img src="popup-strategy.jpg" alt="Popup stratejisi">
  <figcaption>Popup stratejisinin dönüşüme etkisi</figcaption>
</figure>

---

5. Görsel Boyutu & Optimizasyon

• Orijinal dev görselleri yükleme (ör. 5000px genişlik → çok yavaş açılır).

• Blog için genelde 800–1200px genişlik idealdir.

• TinyPNG veya Squoosh gibi araçlarla sıkıştır → hız artar.

• Modern formatlar: WebP veya AVIF (JPEG/PNG’den daha hafif).

---

6. Lazy Loading

• Sayfa hızını artırmak için görselleri lazy-load yap:

<img src="popup-test.jpg"
     alt="Popup reklam testi"
     loading="lazy"
     width="600" height="300">

---

7. Site Haritası (Image Sitemap)

• Çok görsel kullanıyorsan, Google’a bildirmen iyi olur.

• Örn. sitemap.xml içinde <image:image> etiketleri eklenebilir.

---

8. CDN / Kendi Sunucun

• Görselleri kendi sunucunda barındır → SEO için daha güçlü.

• Eğer CDN (Cloudflare Images, BunnyCDN) kullanırsan hız avantajı olur.

---

✅ Örnek Uygulama (SEO Dostu Görsel)

<figure class="my-6">
  <img src="/uploads/popup-reklam-ornek.webp"
       alt="Blog sitesinde kullanılan popup reklam örneği"
       loading="lazy"
       width="800" height="400"
       class="rounded-lg shadow">
  <figcaption class="text-sm text-gray-600 mt-2">
    Popup reklamlarının kullanıcı deneyimine etkisi
  </figcaption>
</figure>

---

📊 En Son Değerlendirme:

• Anahtar kelime dosya adı + ALT etiketi = Google için en kritik 2 şey.

• Optimizasyon + lazy load = hız artışı → SEO puanı artar.

• Kendi görsellerin = rakiplerinden ayrıştırıcı en büyük güç.