SEO Uyumlu Görsel Optimizasyonu Nasıl Yapılır?

Görsel optimizasyonu, hem kullanıcı deneyimini iyileştirmek hem de arama motoru sıralamalarını arttırmak için kritik bir rol oynar. İyi optimize edilmiş görseller, web sitenizin hızını artırabilir, görsel arama sıralamalarında öne çıkmanıza yardımcı olabilir ve genel SEO stratejinizi destekleyebilir.

Bu yazıda, görselleri arama motorları için optimize etmenin en etkili yollarını adım adım inceleyeceğiz.

1. Doğru Görsel Formatını Seçin

Görsel formatı, hem sayfa hızını hem de görsel kalitesini etkiler. İdeal format seçimi için şu seçenekleri değerlendirebilirsiniz:

• JPEG: Fotoğraflar ve karmaşık renkli görseller için idealdir. Sıkıştırma oranı yüksek, dosya boyutu düşüktür.
• PNG: Transparan görseller ve detayları korumak için uygundur. Ancak, dosya boyutu genellikle JPEG’e göre büyüktür.
• WebP: Hem kaliteli hem de düşük dosya boyutuna sahip modern bir formattır. Tarayıcı desteğini kontrol etmek önemlidir.
• SVG: Vektör bazlı görseller için kullanılabilir. Logo ve ikonlar için idealdir.

2. Görselleri Sıkıştırın

Büyük boyutlu görseller, sayfa yüklenme hızını olumsuz etkileyebilir. Bu nedenle görsellerinizi sıkıştırmak için şu araçları kullanabilirsiniz:

• TinyPNG (PNG ve JPEG sıkıştırma)
• ImageOptim (Mac için optimize aracı)
• ShortPixel (WordPress için eklenti)
• Kraken.io (Online sıkıştırma aracı)
• Squoosh (Google tarafından geliştirilen online sıkıştırma aracı)

3. Görsel Dosya Adını SEO Uyumlu Hale Getirin

Arama motorları, görsellerinizin içeriğini anlamak için dosya adlarını kullanır. Anlamsız sayılar veya harfler yerine, anahtar kelimeler içeren dosya adları kullanın.

Yanlış:

• DSC1234.jpg
• image001.png

Doğru:

• seo-uyumlu-gorsel-optimizasyonu.jpg
• wordpress-hizli-gorsel-optimizasyonu.png

4. Alt Etiket (Alt Text) Kullanmaya Özen Gösterin

Alt etiketi (alternative text), görsellerin anlamını arama motorları ve ekran okuyucular için açıklar. Doğru alt etiketi kullanarak SEO’yu iyileştirebilirsiniz.

Yanlış: <img src="seo.jpg" alt="">

Doğru: <img src="seo.jpg" alt="SEO uyumlu görsel optimizasyonu nasıl yapılır?">

5. Görsel Boyutlarını Optimize Edin

Görsellerin gereğinden büyük olması, sayfa yüklenme süresini yavaşlatabilir. Görselleri ihtiyacınıza uygun olarak yeniden boyutlandırın.

• Web sitenizin genişliğine uygun olarak görsellerin maksimum genişliğini belirleyin.
• CSS veya HTML kullanarak değil, görseli doğrudan uygun boyutlarda yükleyin.
• Retina ekranlar için 2x veya 3x çözünürlükte görseller sunabilirsiniz.

6. Lazy Loading (Tembel Yükleme) Kullanın

Lazy loading, sayfanın açılma hızını artırarak yalnızca kullanıcının ekranda gördüğü görselleri yükler. Bu, sayfanın daha hızlı açılmasını sağlar.

Lazy loading kullanımı:

<img src="gorsel.jpg" alt="SEO uyumlu görsel" loading="lazy">

WordPress ve diğer platformlarda eklentiler kullanarak lazy loading uygulayabilirsiniz.

7. Mobil Uyumlu Görseller Kullanın

Mobil trafiğin artması nedeniyle görsellerinizin mobil cihazlarda da düzgün görüntülendiğinden emin olun.

• CSS Media Queries kullanarak farklı cihazlar için uygun görseller sunabilirsiniz.
• <picture> etiketi ile tarayıcıya en uygun görseli seçme imkanı sağlayabilirsiniz:

<picture>
  <source srcset="gorsel-mobile.jpg" media="(max-width: 600px)">
  <source srcset="gorsel-tablet.jpg" media="(max-width: 1200px)">
  <img src="gorsel-desktop.jpg" alt="Mobil uyumlu görsel">
</picture>

8. Görsel Site Haritası (Image Sitemap) Ekleyin

Google’ın görsellerinizi daha iyi dizine ekleyebilmesi için bir görsel site haritası oluşturun. XML site haritasına görsellerinizi ekleyerek SEO avantajı elde edebilirsiniz.

Örnek bir görsel site haritası:

<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
        xmlns:image="http://www.google.com/schemas/sitemap-image/1.1">
    <url>
        <loc>https://siteadiniz.com/seo-uyumlu-gorsel.jpg</loc>
        <image:image>
            <image:loc>https://siteadiniz.com/seo-uyumlu-gorsel.jpg</image:loc>
            <image:title>SEO Uyumlu Görsel Optimizasyonu</image:title>
        </image:image>
    </url>
</urlset>

Bu site haritasını Google Search Console’a ekleyerek indeksleme sürecini hızlandırabilirsiniz.

9. CDN (İçerik Dağıtım Ağı) Kullanın

Görsellerinizi bir CDN (İçerik Dağıtım Ağı) üzerinden sunarak, sitenizin hızını önemli ölçüde artırabilirsiniz. Popüler CDN servisleri şunlardır:

• Cloudflare
• KeyCDN
• Amazon CloudFront
• StackPath

CDN kullanımı, görsellerin ziyaretçiye en yakın sunucudan yüklenmesini sağlayarak sayfa hızını artırır.

10. Görsel İçin Schema (Yapısal Veri) Kullanın

Schema.org işaretlemeleri, arama motorlarının görsellerinizi daha iyi anlamasına yardımcı olabilir. Görsel SEO’yu geliştirmek için aşağıdaki JSON-LD formatında schema işaretlemesi ekleyebilirsiniz:

{
  "@context": "https://schema.org/",
  "@type": "ImageObject",
  "contentUrl": "https://siteadiniz.com/gorsel.jpg",
  "name": "SEO uyumlu görsel optimizasyonu",
  "description": "Web siteniz için en iyi SEO uyumlu görsel optimizasyon teknikleri."
}

Bu yapılandırılmış veri, görsel arama sonuçlarında daha iyi sıralamalar elde etmenizi sağlar.

Bu adımları takip ederek, web sitenizdeki görselleri hem kullanıcı dostu hem de arama motorları için optimize edebilirsiniz. Daha hızlı yüklenme süresi, daha iyi arama motoru sıralamaları ve daha iyi bir kullanıcı deneyimi için bu teknikleri uygulamaktan kaçınmayın!